diff options
| -rw-r--r-- | .gitignore | 3 | ||||
| -rw-r--r-- | 404.html | 27 | ||||
| -rw-r--r-- | CNAME | 2 | ||||
| -rw-r--r-- | Gemfile | 5 | ||||
| -rw-r--r-- | LICENSE | 2 | ||||
| -rw-r--r-- | _config.yml | 6 | ||||
| -rw-r--r-- | _includes/footer.html | 3 | ||||
| -rw-r--r-- | _includes/header.html | 12 | ||||
| -rw-r--r-- | _layouts/default.html | 13 | ||||
| -rw-r--r-- | about.html | 42 | ||||
| -rw-r--r-- | albums.html | 105 | ||||
| -rw-r--r-- | ascii.html | 15 | ||||
| -rw-r--r-- | assets/bulbasaur.png | bin | 0 -> 5178 bytes | |||
| -rw-r--r-- | assets/hobbes.png | bin | 0 -> 30294 bytes | |||
| -rw-r--r-- | assets/ikol.png | bin | 0 -> 113236 bytes | |||
| -rw-r--r-- | assets/kamina.png | bin | 0 -> 3620 bytes | |||
| -rw-r--r-- | assets/light.png | bin | 0 -> 18098 bytes | |||
| -rw-r--r-- | assets/moomin.png | bin | 0 -> 580614 bytes | |||
| -rw-r--r-- | assets/spike.webp | bin | 0 -> 3130 bytes | |||
| -rw-r--r-- | bookshelf.html | 28 | ||||
| -rw-r--r-- | index.html | 69 | ||||
| -rw-r--r-- | links.html | 32 | ||||
| -rw-r--r-- | monogram.html | 24 | ||||
| -rw-r--r-- | projects.html | 28 |
24 files changed, 111 insertions, 305 deletions
@@ -1,3 +1,2 @@ _site -.sass-cache -.jekyll-metadata +Gemfile.lock @@ -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> @@ -1 +1 @@ -j-james.me
\ No newline at end of file +apropos.codes @@ -0,0 +1,5 @@ +source "https://rubygems.org" + +gem 'jekyll' + +gem "webrick", "~> 1.8" @@ -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> @@ -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> --> - @@ -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 Binary files differnew file mode 100644 index 0000000..df268c8 --- /dev/null +++ b/assets/bulbasaur.png diff --git a/assets/hobbes.png b/assets/hobbes.png Binary files differnew file mode 100644 index 0000000..7acec21 --- /dev/null +++ b/assets/hobbes.png diff --git a/assets/ikol.png b/assets/ikol.png Binary files differnew file mode 100644 index 0000000..5a2b1c0 --- /dev/null +++ b/assets/ikol.png diff --git a/assets/kamina.png b/assets/kamina.png Binary files differnew file mode 100644 index 0000000..5425b09 --- /dev/null +++ b/assets/kamina.png diff --git a/assets/light.png b/assets/light.png Binary files differnew file mode 100644 index 0000000..fcdd008 --- /dev/null +++ b/assets/light.png diff --git a/assets/moomin.png b/assets/moomin.png Binary files differnew file mode 100644 index 0000000..0f75542 --- /dev/null +++ b/assets/moomin.png diff --git a/assets/spike.webp b/assets/spike.webp Binary files differnew file mode 100644 index 0000000..9b94ab3 --- /dev/null +++ b/assets/spike.webp 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> @@ -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 %} @@ -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> |
