1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
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>
|
