Skip to content

Commit 7a53625

Browse files
CopilotSheepTester
Copilot
and
SheepTester
committed
Convert website to IE5-compatible markup and CSS
Co-authored-by: SheepTester <[email protected]>
1 parent bb122d5 commit 7a53625

File tree

5 files changed

+183
-241
lines changed

5 files changed

+183
-241
lines changed

‎🍴💩/np-complete/contact.html‎

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,23 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
65
<title>Nick Petrone | Contact</title>
7-
<link rel="stylesheet" href="styles.css">
6+
<link rel="stylesheet" type="text/css" href="styles.css">
87
</head>
98
<body>
10-
<header>
11-
<nav>
9+
<div class="header">
10+
<div class="nav">
1211
<a href="index.html" class="nav-logo">Nick Petrone</a>
1312
<ul>
1413
<li><a href="index.html">Home</a></li>
1514
<li><a href="experience.html">Experience</a></li>
1615
<li><a href="projects.html">Projects</a></li>
1716
<li><a href="contact.html" class="active">Contact</a></li>
1817
</ul>
19-
</nav>
20-
</header>
21-
<main>
18+
</div>
19+
</div>
20+
<div class="main">
2221
<h1>Get in Touch</h1>
2322
<p>
2423
I'm always open to discussing new projects, research opportunities, or just chatting about technology.
@@ -29,9 +28,9 @@ <h1>Get in Touch</h1>
2928
<li><strong>LinkedIn:</strong> <a href="https://linkedin.com/in/nick-ls" target="_blank">linkedin.com/in/nick-ls</a></li>
3029
<li><strong>GitHub:</strong> <a href="https://github.com/nick-ls" target="_blank">github.com/nick-ls</a></li>
3130
</ul>
32-
</main>
33-
<footer>
31+
</div>
32+
<div class="footer">
3433
<p>&copy; 2025 Nick Petrone</p>
35-
</footer>
34+
</div>
3635
</body>
3736
</html>

‎🍴💩/np-complete/experience.html‎

Lines changed: 20 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,25 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
65
<title>Nick Petrone | Experience</title>
7-
<link rel="stylesheet" href="styles.css">
6+
<link rel="stylesheet" type="text/css" href="styles.css">
87
</head>
98
<body>
10-
<header>
11-
<nav>
9+
<div class="header">
10+
<div class="nav">
1211
<a href="index.html" class="nav-logo">Nick Petrone</a>
1312
<ul>
1413
<li><a href="index.html">Home</a></li>
1514
<li><a href="experience.html" class="active">Experience</a></li>
1615
<li><a href="projects.html">Projects</a></li>
1716
<li><a href="contact.html">Contact</a></li>
1817
</ul>
19-
</nav>
20-
</header>
21-
<main>
18+
</div>
19+
</div>
20+
<div class="main">
2221
<h1>Experience</h1>
23-
<article class="job">
22+
<div class="job">
2423
<h2>Teaching Assistant</h2>
2524
<p class="job-details"><strong>UC San Diego</strong> | Jan 2025 - Present | On-site</p>
2625
<ul>
@@ -30,8 +29,8 @@ <h2>Teaching Assistant</h2>
3029
<li>Collaborating with the course instructor and fellow TAs to refine curriculum and improve instructional materials for future quarters.</li>
3130
<li>Fostering an inclusive and engaging learning environment, resulting in positive student feedback and a deeper understanding of fundamental OS concepts.</li>
3231
</ul>
33-
</article>
34-
<article class="job">
32+
</div>
33+
<div class="job">
3534
<h2>System Administrator Intern</h2>
3635
<p class="job-details"><strong>Center for Applied Internet Data Analysis (CAIDA)</strong> | Jan 2022 - Jan 2025 | Hybrid</p>
3736
<ul>
@@ -41,21 +40,21 @@ <h2>System Administrator Intern</h2>
4140
<li>Assisted in the configuration and deployment of new hardware and software, including virtualization platforms and monitoring tools.</li>
4241
<li>Documented system configurations and procedures, creating a knowledge base that streamlined onboarding for new team members and improved operational consistency.</li>
4342
</ul>
44-
</article>
45-
<article class="job">
43+
</div>
44+
<div class="job">
4645
<h2>Project Programming Lead</h2>
4746
<p class="job-details"><strong>Qualcomm Institute - UC San Diego</strong> | Jul 2023 - Jul 2024 | Remote</p>
4847
<ul>
4948
<li>Led the complete development lifecycle for a key research project, from initial planning and requirements gathering to final deployment.</li>
5049
<li>Managed a small team of student programmers, delegating tasks, conducting code reviews, and fostering a collaborative and productive team dynamic.</li>
51-
- Utilized project management tools like Jira to track progress, manage sprints, and ensure project milestones were met on schedule.
52-
- Architected and implemented the core application logic, making key technical decisions to ensure the project was scalable and maintainable.
53-
- Served as the primary technical point of contact, effectively communicating project status, challenges, and outcomes to stakeholders.
50+
<li>Utilized project management tools like Jira to track progress, manage sprints, and ensure project milestones were met on schedule.</li>
51+
<li>Architected and implemented the core application logic, making key technical decisions to ensure the project was scalable and maintainable.</li>
52+
<li>Served as the primary technical point of contact, effectively communicating project status, challenges, and outcomes to stakeholders.</li>
5453
</ul>
55-
</article>
56-
</main>
57-
<footer>
54+
</div>
55+
</div>
56+
<div class="footer">
5857
<p>&copy; 2025 Nick Petrone</p>
59-
</footer>
58+
</div>
6059
</body>
6160
</html>

‎🍴💩/np-complete/index.html‎

Lines changed: 33 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,57 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
65
<title>Nick Petrone | Home</title>
7-
<link rel="stylesheet" href="styles.css">
6+
<link rel="stylesheet" type="text/css" href="styles.css">
87
</head>
98
<body>
10-
<header>
11-
<nav>
9+
<div class="header">
10+
<div class="nav">
1211
<a href="index.html" class="nav-logo">Nick Petrone</a>
1312
<ul>
1413
<li><a href="index.html" class="active">Home</a></li>
1514
<li><a href="experience.html">Experience</a></li>
1615
<li><a href="projects.html">Projects</a></li>
1716
<li><a href="contact.html">Contact</a></li>
1817
</ul>
19-
</nav>
20-
</header>
21-
<main>
22-
<section class="hero">
18+
</div>
19+
</div>
20+
<div class="main">
21+
<div class="hero">
2322
<div class="hero-text">
2423
<h1>Nick Petrone</h1>
2524
<p class="subtitle">M.S. in Computer Science at UC San Diego</p>
2625
<p>
2726
A passionate and driven computer scientist with a keen interest in the security challenges of modern computing and the creative possibilities of game development. I thrive on solving complex problems, whether it's uncovering vulnerabilities in a CTF challenge or architecting a new piece of software. I am dedicated to building robust, efficient, and secure applications.
2827
</p>
2928
</div>
30-
</section>
29+
</div>
3130

32-
<section class="what-i-do">
31+
<div class="what-i-do">
3332
<h2>What I Do</h2>
34-
<div class="skills-container">
35-
<div class="skill-card">
36-
<h3>Cybersecurity & CTFs</h3>
37-
<p>I am an avid participant and creator in the Capture The Flag (CTF) community. This has provided me with hands-on experience in vulnerability assessment, reverse engineering, and network security. I enjoy the challenge of both defending systems and understanding offensive tactics to build more secure software. My work on the San Diego CTF landing page reflects my commitment to this community.</p>
38-
</div>
39-
<div class="skill-card">
40-
<h3>Operating Systems</h3>
41-
<p>As a Teaching Assistant for the Operating Systems course at UCSD, I have developed a deep, fundamental understanding of core OS principles. I enjoy guiding students through complex topics like process management, memory allocation, and concurrency. This experience has not only solidified my own knowledge but also honed my ability to communicate technical concepts clearly and effectively.</p>
42-
</div>
43-
<div class="skill-card">
44-
<h3>Web Development</h3>
45-
<p>I have practical experience designing and building responsive, user-friendly web applications. From redesigning the IEEE at UCSD website with React and TypeScript to creating a fractal explorer with JavaScript, I am proficient in modern web technologies. I focus on writing clean, maintainable code to create performant and visually appealing digital experiences.</p>
46-
</div>
47-
</div>
48-
</section>
49-
</main>
50-
<footer>
33+
<table class="skills-container" width="100%" cellpadding="0" cellspacing="15">
34+
<tr>
35+
<td class="skill-card" valign="top">
36+
<h3>Cybersecurity &amp; CTFs</h3>
37+
<p>I am an avid participant and creator in the Capture The Flag (CTF) community. This has provided me with hands-on experience in vulnerability assessment, reverse engineering, and network security. I enjoy the challenge of both defending systems and understanding offensive tactics to build more secure software. My work on the San Diego CTF landing page reflects my commitment to this community.</p>
38+
</td>
39+
<td class="skill-card" valign="top">
40+
<h3>Operating Systems</h3>
41+
<p>As a Teaching Assistant for the Operating Systems course at UCSD, I have developed a deep, fundamental understanding of core OS principles. I enjoy guiding students through complex topics like process management, memory allocation, and concurrency. This experience has not only solidified my own knowledge but also honed my ability to communicate technical concepts clearly and effectively.</p>
42+
</td>
43+
</tr>
44+
<tr>
45+
<td class="skill-card" valign="top" colspan="2">
46+
<h3>Web Development</h3>
47+
<p>I have practical experience designing and building responsive, user-friendly web applications. From redesigning the IEEE at UCSD website with React and TypeScript to creating a fractal explorer with JavaScript, I am proficient in modern web technologies. I focus on writing clean, maintainable code to create performant and visually appealing digital experiences.</p>
48+
</td>
49+
</tr>
50+
</table>
51+
</div>
52+
</div>
53+
<div class="footer">
5154
<p>&copy; 2025 Nick Petrone</p>
52-
</footer>
55+
</div>
5356
</body>
5457
</html>

‎🍴💩/np-complete/projects.html‎

Lines changed: 21 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,60 +1,59 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
65
<title>Nick Petrone | Projects</title>
7-
<link rel="stylesheet" href="styles.css">
6+
<link rel="stylesheet" type="text/css" href="styles.css">
87
</head>
98
<body>
10-
<header>
11-
<nav>
9+
<div class="header">
10+
<div class="nav">
1211
<a href="index.html" class="nav-logo">Nick Petrone</a>
1312
<ul>
1413
<li><a href="index.html">Home</a></li>
1514
<li><a href="experience.html">Experience</a></li>
1615
<li><a href="projects.html" class="active">Projects</a></li>
1716
<li><a href="contact.html">Contact</a></li>
1817
</ul>
19-
</nav>
20-
</header>
21-
<main>
18+
</div>
19+
</div>
20+
<div class="main">
2221
<h1>Projects</h1>
2322
<div class="projects-container">
24-
<article class="project-card">
23+
<div class="project-card">
2524
<h3>IEEE Website Redesign</h3>
2625
<p>Led the redesign and development of a new, responsive website for the IEEE student branch at UCSD. The goal was to create a modern, mobile-first platform to better engage with members and promote events. The new site features a clean aesthetic and improved navigation, built from the ground up using React and TypeScript to ensure a maintainable and scalable codebase.</p>
2726
<p><strong>Technologies:</strong> <strong>TypeScript</strong>, <strong>React</strong>, <strong>CSS3</strong></p>
2827
<a href="https://github.com/nick-ls/IEEEWebsite" target="_blank" class="project-link">View on GitHub</a>
29-
</article>
30-
<article class="project-card">
28+
</div>
29+
<div class="project-card">
3130
<h3>Mandelbrot Fractal Explorer</h3>
3231
<p>A web-based application that allows users to explore the Mandelbrot set in real-time. This project was an exercise in graphics programming and performance optimization, using the HTML5 Canvas to render the fractal. The application features smooth panning and zooming capabilities, calculated client-side with JavaScript, demonstrating an understanding of computational efficiency and browser rendering.</p>
3332
<p><strong>Technologies:</strong> <strong>JavaScript</strong>, <strong>HTML5 Canvas</strong>, <strong>CSS</strong></p>
3433
<a href="https://github.com/nick-ls/Mandelbrot" target="_blank" class="project-link">View on GitHub</a>
35-
</article>
36-
<article class="project-card">
34+
</div>
35+
<div class="project-card">
3736
<h3>Commit Challenge 2025</h3>
3837
<p>A community-focused project designed to encourage consistent software development habits. The platform challenges users to make a meaningful commit every day for a year. I contributed to the front-end and overall application logic, helping build a tool that fosters growth and collaboration among student developers at UCSD.</p>
3938
<p><strong>Technologies:</strong> <strong>TypeScript</strong>, <strong>React</strong></p>
4039
<a href="https://github.com/Subset-UCSD/Commit-Challenge-2025" target="_blank" class="project-link">View on GitHub</a>
41-
</article>
42-
<article class="project-card">
40+
</div>
41+
<div class="project-card">
4342
<h3>San Diego CTF Landing Page</h3>
4443
<p>Developed the public-facing landing page for the San Diego Capture The Flag competition. This project involved creating a visually engaging and informative site to attract participants and provide event details. The focus was on pure, semantic HTML and CSS to create a fast, accessible, and lightweight website that effectively communicates the spirit of the event.</p>
4544
<p><strong>Technologies:</strong> <strong>HTML5</strong>, <strong>CSS3</strong></p>
4645
<a href="https://github.com/nick-ls/sdc.tf" target="_blank" class="project-link">View on GitHub</a>
47-
</article>
48-
<article class="project-card">
46+
</div>
47+
<div class="project-card">
4948
<h3>CSE 125: Software System Design (Game Dev)</h3>
5049
<p>As part of UCSD's flagship software engineering course, I collaborated in a small group to design, build, and deploy a real-time multiplayer online game from scratch. This intensive project involved architecting both the client and server, managing network protocols, and implementing game logic under a tight deadline. This project was a deep-dive into C++ development, network programming, and collaborative software engineering.</p>
5150
<p><strong>Technologies:</strong> <strong>TypeScript</strong>, <strong>Node.js</strong>, <strong>WebSocket</strong></p>
5251
<a href="https://github.com/ucsd-cse125-sp24/group1" target="_blank" class="project-link">View on GitHub</a>
53-
</article>
52+
</div>
5453
</div>
55-
</main>
56-
<footer>
54+
</div>
55+
<div class="footer">
5756
<p>&copy; 2025 Nick Petrone</p>
58-
</footer>
57+
</div>
5958
</body>
6059
</html>

0 commit comments

Comments
 (0)