summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--assets/coraline.jpgbin0 -> 128771 bytes
-rw-r--r--bookshelf.html4
-rw-r--r--css/resume.css17
-rw-r--r--links.html14
-rw-r--r--resume.html89
-rw-r--r--resume.pdfbin56752 -> 76466 bytes
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
Binary files differ
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
Binary files differ