summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJJ2023-05-03 08:50:52 +0000
committerJJ2023-05-03 09:16:27 +0000
commit52e99050572d0b922f76266134383bfc66be8eca (patch)
tree6fd78db133f8692edc85540f3da0a81932f2f772
parent7570754bf85b6c018ca9a7fc90a1e677600c899f (diff)
Switch to new domain and switch back to Jekyll
-rw-r--r--.gitignore3
-rw-r--r--404.html27
-rw-r--r--CNAME2
-rw-r--r--Gemfile5
-rw-r--r--LICENSE2
-rw-r--r--_config.yml6
-rw-r--r--_includes/footer.html3
-rw-r--r--_includes/header.html12
-rw-r--r--_layouts/default.html13
-rw-r--r--about.html42
-rw-r--r--albums.html105
-rw-r--r--ascii.html15
-rw-r--r--assets/bulbasaur.pngbin0 -> 5178 bytes
-rw-r--r--assets/hobbes.pngbin0 -> 30294 bytes
-rw-r--r--assets/ikol.pngbin0 -> 113236 bytes
-rw-r--r--assets/kamina.pngbin0 -> 3620 bytes
-rw-r--r--assets/light.pngbin0 -> 18098 bytes
-rw-r--r--assets/moomin.pngbin0 -> 580614 bytes
-rw-r--r--assets/spike.webpbin0 -> 3130 bytes
-rw-r--r--bookshelf.html28
-rw-r--r--index.html69
-rw-r--r--links.html32
-rw-r--r--monogram.html24
-rw-r--r--projects.html28
24 files changed, 111 insertions, 305 deletions
diff --git a/.gitignore b/.gitignore
index 45c1505..ed90730 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,2 @@
_site
-.sass-cache
-.jekyll-metadata
+Gemfile.lock
diff --git a/404.html b/404.html
index 9be00cb..2c82613 100644
--- a/404.html
+++ b/404.html
@@ -1,27 +1,10 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>j-james | 404</title>
- <meta charset="utf-8"/>
+---
+layout: default
+title: 404
+---
<meta http-equiv="refresh" content="0; URL=https://www.youtube.com/watch?v=dQw4w9WgXcQ"/>
<link rel="canonical" href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"/>
- <link rel="icon" type="image/jpg" href="https://j-james.me/assets/compass.jpg"/>
- <link rel="stylesheet" href="https://j-james.me/css/style.css"/>
-</head>
-<body>
- <header>
- <h1>
- <a href="https://j-james.me">j-james</a>
- </h1>
- <nav>
- <a href="https://j-james.me/about">about</a>
- <a href="https://j-james.me/resume">resume</a>
- <a href="https://j-james.me/posts">posts</a>
- <a href="https://j-james.me/writeups">writeups</a>
- </nav>
- </header>
+ {% include header.html %}
<br>
<h2 style="margin: 20px;">404</h2>
<span>Page not found</span>
-</body>
-</html>
diff --git a/CNAME b/CNAME
index 075d097..5931451 100644
--- a/CNAME
+++ b/CNAME
@@ -1 +1 @@
-j-james.me \ No newline at end of file
+apropos.codes
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..7e303f2
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,5 @@
+source "https://rubygems.org"
+
+gem 'jekyll'
+
+gem "webrick", "~> 1.8"
diff --git a/LICENSE b/LICENSE
index 48b75fe..589ec8e 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
BSD Zero Clause License
-Copyright (C) 2021 j-james <https://j-james.me>
+Copyright (C) 2023 JJ <https://apropos.codes>
Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted.
diff --git a/_config.yml b/_config.yml
index dcdf1a8..d7040d8 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,4 +1,2 @@
-title: j-james's website
-email: jj@j-james.me
-url: "https://j-james.github.io"
-github_username: j-james
+title: my special corner of the web
+email: web@toki.la
diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..c1db3ec
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,3 @@
+<footer>
+ <span><img src="assets/copyleft.svg" width="12" height="12" title="https://en.wikipedia.org/wiki/Criticism_of_copyright" /> 2020-2023 </span>
+</footer>
diff --git a/_includes/header.html b/_includes/header.html
new file mode 100644
index 0000000..1e29463
--- /dev/null
+++ b/_includes/header.html
@@ -0,0 +1,12 @@
+<header>
+ <h1>
+ <a href="/">apropos</a>
+ </h1>
+ <nav>
+ <a href="/about">about</a>
+ <a href="/resume">resume</a>
+ <a href="/notes">notes</a>
+ <a href="/posts">posts</a>
+ <a href="/writeups">writeups</a>
+ </nav>
+</header>
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..482d2f0
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="icon" type="image/jpg" href="assets/light.png">
+ <link rel="stylesheet" href="css/style.css">
+ <title> apropos | {{page.title}} </title>
+</head>
+<body>
+ {{ content }}
+</body>
+</html>
diff --git a/about.html b/about.html
index 125f228..80b46ae 100644
--- a/about.html
+++ b/about.html
@@ -1,36 +1,16 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>j-james | about</title>
- <meta charset="utf-8"/>
- <meta name="viewport" content="width=device-width"/>
- <link rel="icon" type="image/jpg" href="assets/compass.jpg"/>
- <link rel="stylesheet" href="css/style.css"/>
-</head>
-<body>
- <header>
- <h1>
- <a href="https://j-james.me">j-james</a>
- </h1>
- <nav>
- <a href="https://j-james.me/about">about</a>
- <a href="https://j-james.me/resume">resume</a>
- <a href="https://j-james.me/posts">posts</a>
- <a href="https://j-james.me/writeups">writeups</a>
- </nav>
- </header>
+---
+layout: default
+title: about
+---
+ {% include header.html %}
<main>
<h2>About</h2>
- <p> Hello again. I'm Justice, but you might know me as JJ or j-james. I prefer either of the latter. </p>
+ <p> Hello again. I'm JJ, but you may know me by apropos (or another name) on the Internet. </p>
<p> I'm currently a second-year student at the <a href="https://www.ubc.ca/">University of British Columbia</a> in Vancouver, Canada, majoring in <a href="https://you.ubc.ca/ubc_programs/mathematics-vancouver-bsc/">Mathematics</a> with some <a href="https://you.ubc.ca/ubc_programs/linguistics/">Linguistics</a> and <a href="https://you.ubc.ca/ubc_programs/computer-science-vancouver-bsc/">Computer Science</a> on the side. Previously, I lived on Bainbridge Island, Washington, and was a captain of <a href="https://spartronics4915.com/">the local FIRST robotics team</a>. </p>
- <!-- <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> -->
- <p> I'm passionate about <a href="https://www.pluggabletransports.info/">decentralized and resilient systems</a>, <a href="https://ubcctf.github.io/">computer security</a>, and <a href="https://www.math.ubc.ca/">general mathematics</a>. In my spare time, I enjoy playing (roller/ice) hockey, competing at ultimate frisbee, folding origami, capturing flags, reading books, and occasionally rock climbing. </p>
- <!-- <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p> -->
- <p> I'm also a hobbyist programmer, skilled at <a href="https://nim-lang.org/">Nim</a>, <a href="https://www.java.com/en/">Java</a>, and <a href="https://www.rust-lang.org/">Rust</a>, sufficiently proficient in <a href="https://www.python.org/">Python</a> and <a href="https://racket-lang.org/">Racket</a>, and learning <a href="https://en.wikipedia.org/wiki/C_(programming_language)">C</a> and <a href="https://www.idris-lang.org/">Idris</a>. Most of my projects are created in one or more of those languages. If you're interested, several projects are available <a href="https://j-james.me/projects">here on my website</a>, with the rest having taken up residence in <a href="https://github.com/j-james">the depths of my GitHub profile</a> (with some on <a href="https://sr.ht/~apropos/">SourceHut</a>). </p>
- <p> If you're looking to contact me, feel free to reach out over email to <code>jj [at] this.website</code>. </p>
- <p> If you're looking to hire me, you may be interested in <a href="https://j-james.me/resume">my resume</a> (also available as a <a href="https://j-james.me/resume/resume.pdf">PDF</a>).</p>
+ <p> I'm passionate about <a href="https://www.pluggabletransports.info/">decentralized and resilient systems</a>, <a href="https://maplebacon.org/">computer security</a>, <a href="https://linguistics.ubc.ca/">linguistics</a>, and <a href="https://www.math.ubc.ca/">general mathematics</a>. I'm also broadly interested in <a href="https://en.wikipedia.org/wiki/Programming_language_theory">programming language theory</a>, and have grown particularly interested in <a href="https://ncatlab.org/nlab/show/type+theory">type theory</a>: finding it to be a nice intersection between a good number of my interests. In my spare time, I enjoy ice skating, playing ultimate frisbee, folding origami, capturing flags, reading books, and occasionally rock climbing. </p>
+ <p> I'm also a hobbyist programmer, skilled at <a href="https://nim-lang.org/">Nim</a>, <a href="https://www.rust-lang.org/">Rust</a>, and <a href="https://www.java.com/en/">Java</a>, sufficiently proficient in <a href="https://racket-lang.org/">Racket</a>, <a href="https://www.python.org/">Python</a>, and <a href="https://en.wikipedia.org/wiki/C_(programming_language)">C</a>, and currently learning <a href="https://www.haskell.org/">Haskell</a>, <a href="https://www.idris-lang.org/">Idris</a>, <a href="https://wiki.portal.chalmers.se/agda/pmwiki.php">Agda</a>, and <a href="https://www.typescriptlang.org/">TypeScript</a>. Most of my projects are created in one or more of those languages. If you're interested, several projects are available <a href="https://apropos.codes/projects">here on my website</a>, with the rest having taken up residence in <a href="https://github.com/j-james">the depths of my GitHub profile</a> (with some on <a href="https://sr.ht/~apropos/">SourceHut</a>). </p>
+ <p> If you're looking to contact me, feel free to reach out over email to jj [at] toki.la. </p>
+ <p> If you're looking to hire me, you may be interested in <a href="https://apropos.codes/resume">my resume</a> (also available as a <a href="https://apropos.codes/resume/resume.pdf">PDF</a>).</p>
<h2>Credits</h2>
- <p> This website is based off of the websites of <a href="https://czeng.org">Catherine Zeng</a>, <a href="https://nora.codes/">Leonora Tindall</a>, and <a href="https://hojberg.xyz">Simon Højberg</a>. </p>
+ <p> This website is based off of the websites of <a href="https://czeng.org">Cat Zeng</a>, <a href="https://nora.codes/">Leonora Tindall</a> (2020), and <a href="https://hojberg.xyz">Simon Højberg</a>. </p>
</main>
-</body>
-</html>
diff --git a/albums.html b/albums.html
index 5aaed66..06f89b4 100644
--- a/albums.html
+++ b/albums.html
@@ -1,10 +1,7 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="icon" type="image/jpg" href="https://j-james.me/assets/compass.jpg"/>
- <title>Albums</title>
+---
+layout: default
+title: albums
+---
<style>
body {
/* background-color: black; */
@@ -39,8 +36,6 @@
border: 2px solid white;
}
</style>
-</head>
-<body>
<main>
<img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989">
<div id="1989"><img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989"></div>
@@ -91,95 +86,3 @@
<img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack">
<div id="inception"><img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack"></div> -->
</main>
-</body>
-</html>
-
- <!-- <style>
- /*.lightbox {
- position: fixed;
- top: -100%;
- width: 100%;
- background: rgba(0, 0, 0, 0.7);
- width: 100%;
- opacity: 0;
- transition: opacity 0.5s ease-in-out;
- overflow: hidden;
- z-index: 300;
- display: none;
- }
- .lightbox:target {
- opacity: 1;
- top: 0;
- bottom: 0;
- }*/
- </style> -->
-
-
- <!-- <img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989">
- <img src="assets/albums/random-access-memories.jpg" alt="Daft Punk - Random Access Memories">
- <img src="assets/albums/blurryface.jpg" alt="Twenty One Pilots - Blurryface">
- <img src="assets/albums/deathconsciousness.jpg" alt="Have A Nice Life - Deathconsciousness">
- <img src="assets/albums/let-them-be-alien.jpg" alt="Lebanon Hanover - Let Them Be Alien">
- <img src="assets/albums/laurel-hell.jpg" alt="Mitski - Laurel Hell">
- <img src="assets/albums/lungs.jpg" alt="Florence and the Machine - Lungs">
- <img src="assets/albums/funeral.jpg" alt="Arcade Fire - Funeral">
- <img src="assets/albums/the-suburbs.jpg" alt="Arcade Fire - The Suburbs">
- <img src="assets/albums/a-moon-shaped-pool.jpg" alt="Radiohead - A Moon Shaped Pool">
- <img src="assets/albums/death-of-a-bachelor.jpg" alt="Panic! at the Disco - Death of a Bachelor">
- <img src="assets/albums/american-idiot.jpg" alt="Green Day - American Idiot">
- <img src="assets/albums/mellon-collie.jpg" alt="The Smashing Pumpkins - Mellon Collie and the Infinite Sadness">
- <img src="assets/albums/food-house.jpg" alt="Food House - Food House">
- <img src="assets/albums/biyaaheysf.jpg" alt="Machine Girl - ...BECAUSE I'M YOUNG ARROGANT AND HATE EVERYTHING YOU STAND FOR">
- <img src="assets/albums/swvwv.jpg" alt="Brian David Gilbert - Songs With Videos Without Videos">
- <img src="assets/albums/hamilton.jpg" alt="Lin-Manuel Miranda - Hamilton Soundtrack">
- <img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack">
- <img src="assets/albums/celeste.jpg" alt="Lena Raine - Celeste Soundtrack">
- <img src="assets/albums/octopath.jpg" alt="Yasunori Nishiki - Octopath Traveler Soundtrack">
- <img src="assets/albums/undertale.jpg" alt="Toby Fox - Undertale Soundtrack">
- <img src="assets/albums/HARDCORE-HEAVEN.jpg" alt="Alice Gas - HARDCORE HEAVEN"> -->
-
- <!-- <a href="#1989"><img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989"></a>
- <a href="#random-access-memories"><img src="assets/albums/random-access-memories.jpg" alt="Daft Punk - Random Access Memories"></a>
- <a href="#blurryface"><img src="assets/albums/blurryface.jpg" alt="Twenty One Pilots - Blurryface"></a>
- <a href="#deathconsciousness"><img src="assets/albums/deathconsciousness.jpg" alt="Have A Nice Life - Deathconsciousness"></a>
- <a href="#let-them-be-alien"><img src="assets/albums/let-them-be-alien.jpg" alt="Lebanon Hanover - Let Them Be Alien"></a>
- <a href="#laurel-hell"><img src="assets/albums/laurel-hell.jpg" alt="Mitski - Laurel Hell"></a>
- <a href="#lungs"><img src="assets/albums/lungs.jpg" alt="Florence and the Machine - Lungs"></a>
- <a href="#funeral"><img src="assets/albums/funeral.jpg" alt="Arcade Fire - Funeral"></a>
- <a href="#the-suburbs"><img src="assets/albums/the-suburbs.jpg" alt="Arcade Fire - The Suburbs"></a>
- <a href="#a-moon-shaped-pool"><img src="assets/albums/a-moon-shaped-pool.jpg" alt="Radiohead - A Moon Shaped Pool"></a>
- <a href="#death-of-a-bachelor"><img src="assets/albums/death-of-a-bachelor.jpg" alt="Panic! at the Disco - Death of a Bachelor"></a>
- <a href="#american-idiot"><img src="assets/albums/american-idiot.jpg" alt="Green Day - American Idiot"></a>
- <a href="#mellon-collie"><img src="assets/albums/mellon-collie.jpg" alt="The Smashing Pumpkins - Mellon Collie and the Infinite Sadness"></a>
- <a href="#food-house"><img src="assets/albums/food-house.jpg" alt="Food House - Food House"></a>
- <a href="#biyaaheysf"><img src="assets/albums/biyaaheysf.jpg" alt="Machine Girl - ...BECAUSE I'M YOUNG ARROGANT AND HATE EVERYTHING YOU STAND FOR"></a>
- <a href="#swvwv"><img src="assets/albums/swvwv.jpg" alt="Brian David Gilbert - Songs With Videos Without Videos"></a>
- <a href="#hamilton"><img src="assets/albums/hamilton.jpg" alt="Lin-Manuel Miranda - Hamilton Soundtrack"></a>
- <a href="#inception"><img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack"></a>
- <a href="#celeste"><img src="assets/albums/celeste.jpg" alt="Lena Raine - Celeste Soundtrack"></a>
- <a href="#octopath"><img src="assets/albums/octopath.jpg" alt="Yasunori Nishiki - Octopath Traveler Soundtrack"></a>
- <a href="#undertale"><img src="assets/albums/undertale.jpg" alt="Toby Fox - Undertale Soundtrack"></a>
- <a href="#hardcore"><img src="assets/albums/HARDCORE-HEAVEN.jpg" alt="Alice Gas - HARDCORE HEAVEN"></a> -->
-
- <!-- <div class="lightbox" id="1989"><div><img src="assets/albums/1989.jpg" alt="Taylor Swift - 1989"></div></div>
- <div class="lightbox" id="random-access-memories"><img src="assets/albums/random-access-memories.jpg" alt="Daft Punk - Random Access Memories"></div>
- <div class="lightbox" id="blurryface"><img src="assets/albums/blurryface.jpg" alt="Twenty One Pilots - Blurryface"></div>
- <div class="lightbox" id="deathconsciousness"><img src="assets/albums/deathconsciousness.jpg" alt="Have A Nice Life - Deathconsciousness"></div>
- <div class="lightbox" id="let-them-be-alien"><img src="assets/albums/let-them-be-alien.jpg" alt="Lebanon Hanover - Let Them Be Alien"></div>
- <div class="lightbox" id="laurel-hell"><img src="assets/albums/laurel-hell.jpg" alt="Mitski - Laurel Hell"></div>
- <div class="lightbox" id="lungs"><img src="assets/albums/lungs.jpg" alt="Florence and the Machine - Lungs"></div>
- <div class="lightbox" id="funeral"><img src="assets/albums/funeral.jpg" alt="Arcade Fire - Funeral"></div>
- <div class="lightbox" id="the-suburbs"><img src="assets/albums/the-suburbs.jpg" alt="Arcade Fire - The Suburbs"></div>
- <div class="lightbox" id="a-moon-shaped-pool"><img src="assets/albums/a-moon-shaped-pool.jpg" alt="Radiohead - A Moon Shaped Pool"></div>
- <div class="lightbox" id="death-of-a-bachelor"><img src="assets/albums/death-of-a-bachelor.jpg" alt="Panic! at the Disco - Death of a Bachelor"></div>
- <div class="lightbox" id="american-idiot"><img src="assets/albums/american-idiot.jpg" alt="Green Day - American Idiot"></div>
- <div class="lightbox" id="mellon-collie"><img src="assets/albums/mellon-collie.jpg" alt="The Smashing Pumpkins - Mellon Collie and the Infinite Sadness"></div>
- <div class="lightbox" id="food-house"><img src="assets/albums/food-house.jpg" alt="Food House - Food House"></div>
- <div class="lightbox" id="biyaaheysf"><img src="assets/albums/biyaaheysf.jpg" alt="Machine Girl - ...BECAUSE I'M YOUNG ARROGANT AND HATE EVERYTHING YOU STAND FOR"></div>
- <div class="lightbox" id="swvwv"><img src="assets/albums/swvwv.jpg" alt="Brian David Gilbert - Songs With Videos Without Videos"></div>
- <div class="lightbox" id="hamilton"><img src="assets/albums/hamilton.jpg" alt="Lin-Manuel Miranda - Hamilton Soundtrack"></div>
- <div class="lightbox" id="inception"><img src="assets/albums/inception.jpg" alt="Hans Zimmer - Inception Soundtrack"></div>
- <div class="lightbox" id="celeste"><img src="assets/albums/celeste.jpg" alt="Lena Raine - Celeste Soundtrack"></div>
- <div class="lightbox" id="octopath"><img src="assets/albums/octopath.jpg" alt="Yasunori Nishiki - Octopath Traveler Soundtrack"></div>
- <div class="lightbox" id="undertale"><img src="assets/albums/undertale.jpg" alt="Toby Fox - Undertale Soundtrack"></div> -->
-
diff --git a/ascii.html b/ascii.html
index d7c0cb9..bd8ff65 100644
--- a/ascii.html
+++ b/ascii.html
@@ -1,10 +1,7 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>ascii</title>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width" />
- <link rel="icon" type="image/jpg" href="assets/compass.jpg" />
+---
+layout: default
+title: ascii
+---
<style>
html {
line-height: 1.5;
@@ -41,8 +38,6 @@
background-color: #f6f8fa;
}
</style>
- </head>
- <body>
<h1 id="ascii-table">ascii table</h1>
<table style="width: 100%">
<colgroup>
@@ -628,8 +623,6 @@
</tr>
</tbody>
</table>
- </body>
-</html>
<!--
diff --git a/assets/bulbasaur.png b/assets/bulbasaur.png
new file mode 100644
index 0000000..df268c8
--- /dev/null
+++ b/assets/bulbasaur.png
Binary files differ
diff --git a/assets/hobbes.png b/assets/hobbes.png
new file mode 100644
index 0000000..7acec21
--- /dev/null
+++ b/assets/hobbes.png
Binary files differ
diff --git a/assets/ikol.png b/assets/ikol.png
new file mode 100644
index 0000000..5a2b1c0
--- /dev/null
+++ b/assets/ikol.png
Binary files differ
diff --git a/assets/kamina.png b/assets/kamina.png
new file mode 100644
index 0000000..5425b09
--- /dev/null
+++ b/assets/kamina.png
Binary files differ
diff --git a/assets/light.png b/assets/light.png
new file mode 100644
index 0000000..fcdd008
--- /dev/null
+++ b/assets/light.png
Binary files differ
diff --git a/assets/moomin.png b/assets/moomin.png
new file mode 100644
index 0000000..0f75542
--- /dev/null
+++ b/assets/moomin.png
Binary files differ
diff --git a/assets/spike.webp b/assets/spike.webp
new file mode 100644
index 0000000..9b94ab3
--- /dev/null
+++ b/assets/spike.webp
Binary files differ
diff --git a/bookshelf.html b/bookshelf.html
index 7387b9c..ad47a45 100644
--- a/bookshelf.html
+++ b/bookshelf.html
@@ -1,25 +1,9 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>j-james | bookshelf</title>
- <meta charset="utf-8"/>
- <meta name="viewport" content="width=device-width"/>
- <link rel="icon" type="image/jpg" href="assets/compass.jpg"/>
- <link rel="stylesheet" href="css/style.css"/>
+---
+layout: default
+title: bookshelf
+---
<link rel="stylesheet" href="css/bookshelf.css"/>
-</head>
-<body>
- <header>
- <h1>
- <a href="https://j-james.me">j-james</a>
- </h1>
- <nav>
- <a href="https://j-james.me/about">about</a>
- <a href="https://j-james.me/resume">resume</a>
- <a href="https://j-james.me/posts">posts</a>
- <a href="https://j-james.me/writeups">writeups</a>
- </nav>
- </header>
+ {% include header.html %}
<main>
<h2>Classics</h2>
<div class="shelf" id="classics">
@@ -199,5 +183,3 @@
</div>
<hr>
</main>
-</body>
-</html>
diff --git a/index.html b/index.html
index db7eaa8..b7496c9 100644
--- a/index.html
+++ b/index.html
@@ -1,48 +1,23 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>j-james</title>
- <meta charset="utf-8"/>
- <meta name="viewport" content="width=device-width"/>
- <link rel="icon" type="image/jpg" href="assets/compass.jpg"/>
- <link rel="stylesheet" href="css/style.css"/>
-</head>
-<body>
- <header>
- <h1>
- <a href="https://j-james.me">j-james</a>
- </h1>
- <nav>
- <a href="https://j-james.me/about">about</a>
- <a href="https://j-james.me/resume">resume</a>
- <a href="https://j-james.me/posts">posts</a>
- <a href="https://j-james.me/writeups">writeups</a>
- </nav>
- </header>
- <main>
- <div id="intro">
- <img id="face" src="assets/compass.jpg"/>
- <div id="profile">
- <p> Hello, I'm JJ, and I go by j-james on the Internet. </p>
- <p> I'm a second-year student at the <a href="https://ubc.ca">University of British Columbia</a>, flag hunter for <a href="https://ubcctf.github.io">Maple Bacon</a>, embedded programmer on <a href="https://ubcbionics.com/">UBC Bionics</a>, and occasional ultimate frisbee and roller/ice hockey player.</p>
- <p> Outside of school, sports, and social life, I enjoy building and contributing to <a href="https://www.gnu.org/philosophy/free-sw">free-and-open-source</a> projects. The majority of my work can either be found on <a href="https://github.com/j-james">GitHub</a> or at <a href="https://sr.ht/~j-james">SourceHut</a>. </p>
- </div>
+---
+layout: default
+title: my special corner of the web
+---
+
+{% include header.html %}
+<main>
+<div id="intro">
+ <img id="face" src="assets/compass.jpg"/>
+ <div id="profile">
+ <p> Hello, I'm JJ, and I go by apropos on the Internet. </p>
+ <p> I'm a second-year student at the <a href="https://ubc.ca">University of British Columbia</a>, flag hunter for <a href="https://maplebacon.org">Maple Bacon</a>, <a href="https://ncatlab.org/nlab/show/mathematics">mathematics</a>, <a href="https://ncatlab.org/nlab/show/linguistics">linguistics</a>, and <a href="https://ncatlab.org/nlab/show/type+theory">type theory</a> aficionado, and occasional rock climber and ultimate frisbee player. </p>
+ <p> Outside of school, sports, and social life, I enjoy building and contributing to <a href="https://www.gnu.org/philosophy/free-sw">free-and-open-source</a> projects. The majority of my work can either be found on <a href="https://github.com/j-james">GitHub</a> or at <a href="https://sr.ht/~apropos">SourceHut</a>. </p>
</div>
- <!-- <div id="details">
- <h2>Projects</h2>
- <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
- <h2>Posts</h2>
- <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
- </div> -->
- </main>
- <footer>
- <span><img src="assets/copyleft.svg" width="12" height="12"/> 2020-2022 j-james </span>
- </footer>
-</body>
-</html>
-<!--
- inspiration:
- https://czeng.org/
- https://nora.codes/
- https://hojberg.xyz/
--->
+</div>
+<!-- <div id="details">
+ <h2> Projects </h2>
+ <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
+ <h2> Posts </h2>
+ <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
+</div> -->
+</main>
+{% include footer.html %}
diff --git a/links.html b/links.html
index 9dc1b9c..98aa55a 100644
--- a/links.html
+++ b/links.html
@@ -1,26 +1,11 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>j-james | links</title>
- <meta charset="utf-8"/>
- <meta name="viewport" content="width=device-width"/>
- <link rel="icon" type="image/jpg" href="assets/compass.jpg"/>
- <link rel="stylesheet" href="css/style.css"/>
-</head>
-<body>
- <header>
- <h1>
- <a href="https://j-james.me">j-james</a>
- </h1>
- <nav>
- <a href="https://j-james.me/about">about</a>
- <a href="https://j-james.me/resume">resume</a>
- <a href="https://j-james.me/posts">posts</a>
- <a href="https://j-james.me/writeups">writeups</a>
- </nav>
- </header>
+---
+layout: default
+title: links
+---
+
+ {% include header.html %}
<main>
- <h2>j-james' collection of links</h2>
+ <h2>JJ's collection of links</h2>
<!-- <h3>Software</h3>
<ul>
<li><a href="https://fraidyc.at/">Fraidycat</a> - follow from afar</li>
@@ -44,6 +29,7 @@
<li><a href="https://wikipedia.org/">Wikipedia</a> - the free encyclopedia</li>
<li><a href="https://archive.org/">Internet Archive</a> - the digital library</li>
<li><a href="https://gen.lib.rus.ec/">Library Genesis</a> - the modern library of alexandria</li>
+ <li><a href="https://annas-archive.org/">Anna's Archive</a> - preserving humanity's written heritage</li>
<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>
@@ -129,5 +115,3 @@
<li><a href="https://webring.xxiivv.com/">xxiivv</a></li>
</ul>
</main>
-</body>
-</html>
diff --git a/monogram.html b/monogram.html
index b9add26..a350ce7 100644
--- a/monogram.html
+++ b/monogram.html
@@ -1,27 +1,21 @@
-<!DOCTYPE html>
-<head>
- <title>j-james</title>
- <meta charset="utf-8"/>
- <meta name="viewport" content="width=device-width"/>
- <link rel="icon" type="image/jpg" href="https://j-james.me/assets/compass.jpg"/>
- <link rel="stylesheet" href="https://j-james.me/css/normalize.css"/>
-</head>
-<body>
+---
+layout: default
+title: monogram
+---
<main style="font-family: 'Fira Code', monospace; width: 100%; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;">
<img src="assets/compass.jpg" style="width: 250px; height: auto; margin-bottom: 2.5em;"/>
<nav style="margin-bottom: 10em;">
- <a href="https://j-james.me" style="color: black;">home</a>
+ <a href="https://apropos.codes" style="color: black;">home</a>
·
- <a href="https://j-james.me/about" style="color: black;">about</a>
+ <a href="https://apropos.codes/about" style="color: black;">about</a>
·
- <a href="https://j-james.me/resume" style="color: black;">resume</a>
+ <a href="https://apropos.codes/resume" style="color: black;">resume</a>
·
- <a href="https://j-james.me/posts" style="color: black;">posts</a>
+ <a href="https://apropos.codes/posts" style="color: black;">posts</a>
·
- <a href="https://j-james.me/bookshelf" style="color: black;">bookshelf</a>
+ <a href="https://apropos.codes/bookshelf" style="color: black;">bookshelf</a>
</nav>
</main>
-</body>
<!--
inspiration:
https://isaacfreund.com/
diff --git a/projects.html b/projects.html
index 3515b30..3ca6127 100644
--- a/projects.html
+++ b/projects.html
@@ -1,25 +1,7 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>j-james | projects</title>
- <meta charset="utf-8"/>
- <meta name="viewport" content="width=device-width"/>
- <link rel="icon" type="image/jpg" href="assets/compass.jpg"/>
- <link rel="stylesheet" href="css/style.css"/>
-</head>
-<body>
- <header>
- <h1>
- <a href="https://j-james.me">j-james</a>
- </h1>
- <nav>
- <a href="https://j-james.me/about">about</a>
- <a href="https://j-james.me/resume">resume</a>
- <a href="https://j-james.me/posts">posts</a>
- <a href="https://j-james.me/writeups">writeups</a>
- </nav>
- </header>
+---
+layout: default
+title: projects
+---
+ {% include header.html %}
<br>
<span>Under Construction</span>
-</body>
-</html>