Add a short overview of some projects to my resume

Also update my bookshelf and links pages

6 files changed, 90 insertions, 34 deletions

diff --git a/assets/coraline.jpg b/assets/coraline.jpg
new file mode 100644
index 0000000..04df4f4
--- /dev/null
+++ b/assets/coraline.jpg
diff --git a/bookshelf.html b/bookshelf.html
index 007c14e..1ec86fb 100644
--- a/bookshelf.html
+++ b/bookshelf.html
@@ -179,6 +179,10 @@
 				<p><h3>Avatar: The Last Airbender</h3></p>
 			</div>
 			<div>
+				<img src="assets/coraline.jpg" class="poster"/>
+				<p><h3>Coraline</h3></p>
+			</div>
+			<div>
 				<img src="assets/my-neighbor-totoro.jpg" class="poster"/>
 				<p><h3>My Neighbor Totoro</h3></p>
 			</div>
diff --git a/css/resume.css b/css/resume.css
index dc60b6c..f43ab7f 100644
--- a/css/resume.css
+++ b/css/resume.css
@@ -54,6 +54,10 @@ ul {
     margin-top: 0;
 }
 
+.print {
+    display: none;
+}
+
 /* h2::after {
     content: "";
     width: 100px;
@@ -77,18 +81,23 @@ ul {
     body {
         background-color: #FFF;
         color: #000;
-        border: none;
-        box-shadow: none;
+        /* border: none;
+        box-shadow: none; */
+        font-size: 0.82em;
     }
     a, a:visited, hr {
         color: #000;
     }
-    b > a::after {
-        content: ": " attr(href)
+    .text::after {
+        content: ": " attr(href);
+    }
+    .print {
+        display: block;
     }
     #pdf {
         display: none;
     }
+
     /* fit resume on one page when printing in firefox */
     @-moz-document url-prefix() {
         h1 {
diff --git a/links.html b/links.html
index 9176f64..2aaee0d 100644
--- a/links.html
+++ b/links.html
@@ -33,6 +33,8 @@
 				<li><a href="https://www.photopea.com/">Photopea</a> - online photo editor</li>
 				<li><a href="https://www.remove.bg/">remove.bg</a> - remove image backgrounds</li>
 				<li><a href="https://www.unscreen.com/">unscreen</a> - remove video backgrounds</li>
+				<li><a href="https://tineye.com/">TinEye</a> - reverse image search</li>
+				<li><a href="https://www.openstreetmap.org/">OpenStreetMap</a> - the wikipedia of mapping</li>
 				<li><a href="https://www.windy.com/">Windy</a> - real-time weather patterns</li>
 				<li><a href="https://proxy.vulpes.one/">Gemini Proxy</a> - browse the textual web</li>
 				<li><a href="https://sdf.org/">sdl.org</a> and <a href="https://www.teknik.io/">teknik.io</a> - public access services</li>
@@ -45,9 +47,17 @@
 				<li><a href="https://sci-hub.st/">Sci-Hub</a> - public access research</li>
 				<li><a href="https://www.gutenberg.org/">Project Gutenburg</a> - free ebooks</li>
 				<li><a href="https://standardebooks.org/">Standard Ebooks</a> - nicely typeset, public domain ebooks</li>
-				<li><a href="https://www.khanacademy.org/">Khan Academy</a> - a free K-12 curriculum</li>
+				<li><a href="https://moby-thesaurus.org/">Moby Thesaurus</a> - the most comprehensive english-language thesaurus</li>
 				<li><a href="https://www.youtube.com/3Blue1Brown">3Blue1Brown</a> - visualized mathematics</li>
-				<li><a href="https://www.internetingishard.com/">Interneting Is Hard</a> - friendly webdev tutorial</li>
+			</ul>
+			<h3>Tutorials</h3>
+			<ul>
+				<li><a href="https://www.khanacademy.org/">Khan Academy</a> - a free and online K-12 curriculum</li>
+				<li><a href="https://www.youtube.com/c/TheOrganicChemistryTutor">The Organic Chemistry Tutor</a> - simply the best basic chemistry resource</li>
+				<li><a href="https://www.youtube.com/playlist?list=PLZHQObOWTQDPD3MizzM2xVFitgF8hE_ab">3Blue1Brown's Essence of Linear Algebra</a> - linear algebra, visualized in the R^n</li>
+				<li><a href="https://www.internetingishard.com/">Interneting Is Hard</a> - friendly html+css tutorial</li>
+				<li><a href="https://javascript.info/">The Modern JavaScript Tutorial</a> - how it's done now, from the basics</li>
+				<li><a href="https://doc.rust-lang.org/stable/book/">The Rust Programming Language</a> - the rust book</li>
 				<li><a href="https://www.lesswrong.com/posts/xg3hXCYQPJkwHyik2/the-best-textbooks-on-every-subject">The Best Textbooks on Every Subject</a></li>
 			</ul>
 			<h3>Websites</h3>
diff --git a/resume.html b/resume.html
index 7af33a6..9cba6d8 100644
--- a/resume.html
+++ b/resume.html
@@ -12,7 +12,7 @@
 	<section class="title">
 		<!-- this part should be like bilal's -->
 		<div> <!-- weirdly, this doesn't work as a p -->
-			<h1>Justice “JJ” James <a id="pdf" href="https://j-james.me/resume.pdf">[pdf]</a></h1>
+			<h1>Justice “JJ” James <a id="pdf" target="_blank" href="https://j-james.me/resume.pdf">[pdf]</a></h1>
 			<i id="blurb">I like general mathematics, distributed systems, and Taylor Swift.</i>
 		</div>
 		<ul id="contact">
@@ -20,6 +20,7 @@
 			<li>website: <a target="_blank" href="https://j-james.me">j-james.me</a></li>
 			<li>github: <a target="_blank" href="https://github.com/j-james">j-james</a></li>
 			<!-- <li>gitlab: <a target="_blank" href="https://gitlab.com/j-james">j-james</a></li> -->
+			<!-- <li>sourcehut: <a target="_blank" href="https://sr.ht/~j-james">j-james</a></li> -->
 			<!-- <li>based: vancouver and seattle</li> -->
 		</ul>
 	</section>
@@ -42,35 +43,77 @@
 		<!-- <ul>
 			<li>HTML/CSS: self-taught, many projects</li>
 			<li>Java: {Spartronics experience}</li>
-			<li>Python: {UBCCTF experience}</li>
+			<li>Python: {UBC CTF experience}</li>
 			<li>Rust: {UBC Bionics experience}</li>
-			<li>Nim: many projects</li>
-			<li>Go: minimal</li>
+			<li>Nim: personal projects</li>
+			<li>Go: minimal experience</li>
 			<li>C: minimal experience, currently learning</li>
 		</ul> -->
 		<ul>
-			<li><b>Proficient in:</b> Nim, HTML/CSS, Java</li>
-			<li><b>Decent at:</b> Python, Golang, Bash, Spanish</li>
-			<li><b>Currently Learning:</b> C, Rust, Latin</li>
+			<li><b>Experienced in:</b> Nim, HTML/CSS, Java</li>
+			<li><b>Good at:</b> Python, Golang, Bash, Spanish</li>
+			<li><b>Currently Learning:</b> C, Rust, TypeScript, Latin</li>
 		</ul>
 	</section>
-	<!-- <section>
+	<section>
 		<h2>Projects</h2>
 		<hr>
 		<ul>
-			<li><a target="_blank" href="https://github.com/j-james/htmlstuck">HTMLStuck</a>: leveraging Ruffle for native web playback of Flash animations</li>
-			<li><a target="_blank" href="https://github.com/Spartronics4915/2020-InfiniteRecharge">2020-InfiniteRecharge</a>: performant and modular code for a competitive robot</li>
-			<li><a target="_blank" href="https://github.com/j-james/static-slack">developers_handbook</a>: a guide for development in FIRST robotics</li>
-			<li><a target="_blank" href="https://github.com/j-james/static-slack">static-slack</a>: a lightweight static site generator for Slack archives</li>
-			<li><a target="_blank" href="https://github.com/j-james/aoc">aoc</a>: aesthetic solutions to yearly Advent of Code puzzles</li>
+			<li><b><a href="https://github.com/Spartronics4915/2020-InfiniteRecharge">ATHENA</a></b>: performant and modular code for a competitive robot (written in Java)</li>
+			<ul class="print">
+				<li>GitHub: https://github.com/Spartronics4915/2020-InfiniteRecharge</li>
+			</ul>
+			<li><b><a href="https://github.com/j-james/static-slack">static-slack</a></b>: a lightweight static site generator for Slack archives (written in Nim)</li>
+			<ul class="print">
+				<li>GitHub: https://github.com/j-james/static-slack</li>
+			</ul>
+			<li><b><a href="https://github.com/Spartronics4915/developers_handbook">developers-handbook</a></b>: a guide for software development in FIRST robotics</li>
+			<ul class="print">
+				<li>GitHub: https://github.com/Spartronics4915/developers_handbook</li>
+			</ul>
+			<li><b><a href="https://github.com/j-james/aoc">advent-of-code</a></b>: aesthetic solutions to yearly programming puzzles (written in Python)</li>
+			<ul class="print">
+				<li>GitHub: https://github.com/j-james/aoc</li>
+			</ul>
+		</ul>
+		<!-- <p class="title">
+			<b><a target="_blank" href="https://github.com/Spartronics4915/2020-InfiniteRecharge">2020-InfiniteRecharge</a></b>
+			<i>Spring 2020</i>
+		</p>
+		<ul>
+			<li>performant and modular code for a competitive robot</li>
+			<li>written in Java</li>
+		</ul>
+		<p class="title">
+			<b><a target="_blank" href="https://github.com/j-james/static-slack">static-slack</a></b>
+			<i>Autumn 2020</i>
+		</p>
+		<ul>
+			<li>A lightweight static site generator for Slack archives</li>
+			<li>Written in Nim</li>
+		</ul>
+		<p class="title">
+			<b><a target="_blank" href="https://github.com/Spartronics4915/developers_handbook">developers_handbook</a></b>
+			<i>Spring 2021</i>
+		</p>
+		<ul>
+			<li><a href="https://github.com/Spartronics4915/developers_handbook">Collaborative repository on GitHub</a></li>
+			<li>a guide for development in FIRST robotics</li>
 		</ul>
-	</section> -->
+		<p class="title">
+			<b><a target="_blank" href="https://github.com/j-james/aoc">aoc</a></b>
+			<i>Ongoing</i>
+		</p>
+		<ul>
+			<li>Aesthetic solutions to yearly Advent of Code puzzles</li>
+		</ul> -->
+	</section>
 	<section>
 		<h2>Experience</h2>
 		<hr>
 		<h3>High School</h3>
 		<p class="title">
-			<b>Bainbridge Roller Hockey League</b>
+			<b>Bainbridge Roller Hockey League (<a class="text" target="_blank" href="https://bihockey.org/">BRHL</a>)</b>
 			<i>Summer 2011 - Summer 2021</i>
 		</p>
 		<ul>
@@ -78,7 +121,7 @@
 			<li>Referee (Summer 2018 - Summer 2021)</li>
 		</ul>
 		<p class="title">
-			<b>FIRST Robotics (<a target="_blank" href="https://spartronics4915.com">Spartronics 4915</a>)</b>
+			<b>FIRST Robotics (<a class="text" target="_blank" href="https://spartronics4915.com">Spartronics 4915</a>)</b>
 			<i>September 2017 - June 2021</i>
 		</p>
 		<ul>
@@ -89,7 +132,7 @@
 		</ul>
 		<h3>University</h3>
 		<p class="title">
-			<b>UBC Bionics (<a target="_blank" href="https://ubcbionics.com/">BEAR UBC</a>)</b>
+			<b>UBC Bionics (<a class="text" target="_blank" href="https://ubcbionics.com/">BEAR UBC</a>)</b>
 			<i>September 2021 - Present</i>
 		</p>
 		<ul>
@@ -97,24 +140,14 @@
 			<li>Embedded Programmer</li>
 		</ul>
 		<p class="title">
-			<b>UBC CTF (<a target="_blank" href="https://ubcctf.github.io">Maple Bacon</a>)</b>
+			<b>UBC CTF (<a class="text" target="_blank" href="https://ubcctf.github.io">Maple Bacon</a>)</b>
 			<i>September 2021 - Present</i>
 		</p>
 		<ul>
 			<li>Capture the Flag (CTFs): competitive cybersecurity challenges</li>
 			<li>#1 team in Canada</li>
-			<li>misc and osint specialist</li>
 		</ul>
 	</section>
-	<!--<section>
-		<h2>Languages</h2>
-		<hr>
-		<ul>
-			<li>English (Native)</li>
-			<li>Spanish (Grade 11 level)</li>
-			<li>Latin (Native)</li>
-		</ul>
-	</section>-->
 	<section>
 		<h2>Awards</h2>
 		<hr>
diff --git a/resume.pdf b/resume.pdf
index c3df38d..f799270 100644
--- a/resume.pdf
+++ b/resume.pdf