diff options
Diffstat (limited to 'projects.html')
| -rw-r--r-- | projects.html | 139 |
1 files changed, 139 insertions, 0 deletions
diff --git a/projects.html b/projects.html new file mode 100644 index 0000000..66f2ec0 --- /dev/null +++ b/projects.html @@ -0,0 +1,139 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <!-- PAGE SETUP--> + <title>peten.ca | projects</title> + <link rel="icon" type="image/x-icon" href="/images/petemcgeenobg.png"> + <meta charset="utf-8"> + <meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;' name='viewport' /> + <meta name="viewport" content="width=device-width" /> + + <!-- CSS --> + <link href="/css/projects-styles.css" rel="stylesheet"> + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" + integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> + + <!-- JS --> + <script src="https://code.jquery.com/jquery-3.7.1.js" + integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script> + <script src="/scripts/peten.js"></script> + <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script> + + <!-- FONTS --> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link + href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap" + rel="stylesheet"> + +</head> + +<body class="fade-in"> + + <div class="container font-montserrat"> + <aside class="sidebar"> + <img src="/images/PeteMcGee.png" alt="Profile Picture" class="profile-pic"> + <h2 class="text-dark"><a href="index.html">peter nguyen</a></h2> + <p class="sidebar-text">Apprentice carpenter, hobbyist programmer and mostly average high school graduate. + </p> + <nav> + <ul> + <li class="nav-item"> + <a class="nav-link text-dark active" href="projects.html">projects</a> + </li> + <li class="nav-item"> + <a class="nav-link text-dark" href="blog.html">blog</a> + </li> + <li class="nav-item"> + <a class="nav-link text-dark" href="about.html">about</a> + </li> + <li class="nav-item"> + <a class="nav-link text-dark" href="contact.html">contact</a> + </li> + </ul> + </nav> + </aside> + + <main class="projects-content"> + <div> + <header> + <h1>peten.ca projects directory</h1> + <h3>projects are sorted by year, for your convenience.</h3> + </header> + + + <h1 class="year">2025</h1> + <section class="projects-grid"> + <a href="projects/peten-ca.html"> + <div class="grid-box"> + <h2>peten.ca</h2> + <h4>JANUARY</h4> + <p> + NGINX on Debian, purchasing a domain on porkbun, and the making of this site (special + hatred + reserved for CSS) + </p> + </div> + </a> + + <div class="grid-box inactive"> + <h2>Reading List for 2025</h2> + <h4>JANUARY</h4> + <p>Title should suffice. + </p> + </div> + + <div class="grid-box inactive"> + <h2>Framing</h2> + <h4>OCTOBER 2024 - PRESENT</h4> + <p>Carryover from 2024 - becoming an apprentice carpenter, anecdotes from my (limited) + experience + </p> + </div> + </div> + + + <h1 class="year">2024</h1> + <section class="projects-grid"> + + <div class="grid-box inactive"> + <h2>Post-Grad Retrospective</h2> + <h4>JUNE</h4> + <p>Calm luh graduation</p> + </div> + + <div class="grid-box inactive"> + <h2>AP Exams - THE RECKONING</h2> + <h4>MAY</h4> + <p>Stories from the war room and retrospectives on my 4 AP Exams (Calculus BC, Chemistry, English + Literature & Composition, and French) + </p> + </div> + + <div class="grid-box inactive"> + <h2>Chem 30 Lab Final - Ms. Davies</h2> + <h4>JANUARY</h4> + <p>Rust bluing in the Campbell Science Lab. Special thanks goes out to Johnny, who was super helpful + during this project + </p> + </div> + + </div> + + </main> + + + </div> + + <footer class="footer"> + Copyright Peter Nguyen <span id="copyright-year"></span>. All rights reserved. + </footer> + + <!-- BOOTSTAP JS --> + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" + integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" + crossorigin="anonymous"></script> +</body> + +</html>
\ No newline at end of file |