aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--.gitignore4
-rw-r--r--about.html76
-rw-r--r--index.html41
-rw-r--r--projects.html94
-rw-r--r--styles.css18
-rw-r--r--tea.html23
-rw-r--r--tea/W2T-2022-BoatCaptain.html30
-rw-r--r--tea/template.html24
8 files changed, 187 insertions, 123 deletions
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..267df00
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+.DS_Store
+.idea
+*.log
+tmp/
diff --git a/about.html b/about.html
index 8f0b717..d733f6d 100644
--- a/about.html
+++ b/about.html
@@ -1,45 +1,53 @@
<!doctype html>
-<html class="no-js" lang="en">
+<html lang="en">
<head>
<meta charset="utf-8" />
- <meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>About Me</title>
- <meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
- <h1>About Me</h1>
- <p>
- Hi, I'm Jacob. I'm a current undergraduate computer science student at the
- University of Manitoba and infrastructure developer at the National
- Microbiology Lab. I'm planning on continuing on to do a master's degree at
- the U of M as well.
- </p>
- <p>
- My big interests outside of computers these days are tea and fountain
- pens. I also am really into literature, but haven't been able to find the
- time to read all that much as of late.
- </p>
- <p>
- In terms of computers, the hardware I'm most interested in is older video
- game consoles (which I want to eventually start some projects with) and
- microcontrollers. I like being able to fully understand how the hardware
- works which becomes a challenge for more complicated devices.
- </p>
- <p>
- In a similar vein, I like being able to understand the software that I use
- which is why I like using free (as in freedom) software. Emacs is my text
- editor of choice although I also use (neo)vim on remote machines (and at
- work due to some incompatibilities with the available version of Emacs and
- my configuration). My language of choice for personal projects is C. I
- enjoy the limited number of keywords in the language as it allows me to
- keep the full language inside of my head and allow me to focus on writing
- the algorithms, although Python is nice for rapid prototyping. Go is a
- nice middle-ground that I choose sometimes when I want faster code than
- Python or a stronger typing system. Another language that I enjoy is Rust,
- although I don't find myself writing it very often.
- </p>
+ <div class="header">
+ <a href="./index.html">Home</a>
+ <a href="./projects.html">Projects</a>
+ <a href="./tea.html">Tea Tasting Notes</a>
+ <a href="./about.html">About Me</a>
+ </div>
+ <div class="body">
+ <h1>About Me</h1>
+ <p>
+ Hi, I'm Jacob. I'm a current undergraduate computer science student at
+ the University of Manitoba and infrastructure developer at the National
+ Microbiology Lab. I'm planning on continuing on to do a master's degree
+ at the U of M as well.
+ </p>
+ <p>
+ My big interests outside of computers these days are tea and fountain
+ pens. I also am really into literature, but haven't been able to find
+ the time to read all that much as of late.
+ </p>
+ <p>
+ In terms of computers, the hardware I'm most interested in is older
+ video game consoles (which I want to eventually start some projects
+ with) and microcontrollers. I like being able to fully understand how
+ the hardware works which becomes a challenge for more complicated
+ devices.
+ </p>
+ <p>
+ In a similar vein, I like being able to understand the software that I
+ use which is why I like using free (as in freedom) software. Emacs is my
+ text editor of choice although I also use (neo)vim on remote machines
+ (and at work due to some incompatibilities with the available version of
+ Emacs and my configuration). My language of choice for personal projects
+ is C. I enjoy the limited number of keywords in the language as it
+ allows me to keep the full language inside of my head and allow me to
+ focus on writing the algorithms, although Python is nice for rapid
+ prototyping. Go is a nice middle-ground that I choose sometimes when I
+ want faster code than Python or a stronger typing system. Another
+ language that I enjoy is Rust, although I don't find myself writing it
+ very often.
+ </p>
+ </div>
</body>
</html>
diff --git a/index.html b/index.html
index 59d6c9b..5b27ab8 100644
--- a/index.html
+++ b/index.html
@@ -1,28 +1,35 @@
<!doctype html>
-<html class="no-js" lang="en">
+<html lang="en">
<head>
<meta charset="utf-8" />
- <meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>jacob janzen's website</title>
- <meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
- <h1>Jacob Janzen's Website</h1>
- <p>
- This website is designed to be as minimal as possible. It's written in
- HTML with minimal CSS and JavaScript where needed. There are no frameworks
- and no bloat. It's currently hosted on GitHub pages, but I intend to
- eventually move it over to a self-hosted server when I get the hardware
- (this is years away).
- </p>
- <h3>Links</h3>
- <ul>
- <li><a href="./about.html">About Me</a></li>
- <li><a href="./projects.html">Projects</a></li>
- <li><a href="./tea.html">Tea Tasting notes</a></li>
- </ul>
+ <div class="header">
+ <a href="./index.html">Home</a>
+ <a href="./projects.html">Projects</a>
+ <a href="./tea.html">Tea Tasting Notes</a>
+ <a href="./about.html">About Me</a>
+ </div>
+ <div class="body">
+ <h1>Jacob Janzen's Website</h1>
+ <p>
+ This website is designed to be as minimal as possible. It's written in
+ HTML with minimal CSS and JavaScript where needed. There are no
+ frameworks and no bloat. It's currently hosted on GitHub pages, but I
+ intend to eventually move it over to a self-hosted server when I get the
+ hardware (this is years away).
+ </p>
+ <p>
+ Find me on
+ <a href="https://github.com/JacobJanzen" target="_blank">GitHub</a> and
+ <a href="https://www.linkedin.com/in/jacob--janzen/" target="_blank"
+ >LinkedIn</a
+ >.
+ </p>
+ </div>
</body>
</html>
diff --git a/projects.html b/projects.html
index f6fcffc..75a9b39 100644
--- a/projects.html
+++ b/projects.html
@@ -1,55 +1,61 @@
<!doctype html>
-<html class="no-js" lang="en">
+<html lang="en">
<head>
<meta charset="utf-8" />
- <meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Projects</title>
- <meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
- <h1>Projects</h1>
- <h2>In Progress</h2>
- <ul>
- <li>
- <a href="https://github.com/JacobJanzen/urlg" target="_blank">urlg</a>:
- an old-style roguelike written in C with ncurses. Progress is slow as I
- only work on this one when I'm feeling really inspired.
- </li>
- <li>
- <a
- href="https://github.com/University-of-Manitoba-Computer-Science/RealTimeNetworking"
- target="_blank"
- >Real Time Networking Project</a
- >: implementing a CAN bus driver for the SAM-E51J20A microcontroller for
- a project-based course at the University of Manitoba.
- </li>
- <li>
- <a href="https://github.com/codyauch/IPN-Project" target="_blank"
- >IPN Project</a
- >: implementing an interplanetary network simulation using ns-3.
- </li>
- </ul>
- <h2>Finished</h2>
- <ul>
- <li>
- <a href="https://jacobjanzen.itch.io/space-cowboy" target="_blank"
- >Space Cowboy</a
- >: a simple platforming game with some "interesting" physics written for
- the 2022 University of Manitoba Computer Science Student Association
- Game Jam.
- </li>
- <li>
- <a
- href="https://github.com/JacobJanzen/writhing_mass_of_flesh"
- target="_blank"
- >Writhing Mass of Flesh</a
- >: a program that procedurally generates mildly disturbing looking GIFs.
- Winner of the best code category for the University of Manitoba
- DevClub's 2022 generative art challenge.
- </li>
- </ul>
+ <div class="header">
+ <a href="./index.html">Home</a>
+ <a href="./projects.html">Projects</a>
+ <a href="./tea.html">Tea Tasting Notes</a>
+ <a href="./about.html">About Me</a>
+ </div>
+ <div class="body">
+ <h1>Projects</h1>
+ <h2>In Progress</h2>
+ <ul>
+ <li>
+ <a href="https://github.com/JacobJanzen/urlg" target="_blank">urlg</a
+ >: an old-style roguelike written in C with ncurses. Progress is slow
+ as I only work on this one when I'm feeling really inspired.
+ </li>
+ <li>
+ <a
+ href="https://github.com/University-of-Manitoba-Computer-Science/RealTimeNetworking"
+ target="_blank"
+ >Real Time Networking Project</a
+ >: implementing a CAN bus driver for the SAM-E51J20A microcontroller
+ for a project-based course at the University of Manitoba.
+ </li>
+ <li>
+ <a href="https://github.com/codyauch/IPN-Project" target="_blank"
+ >IPN Project</a
+ >: implementing an interplanetary network simulation using ns-3.
+ </li>
+ </ul>
+ <h2>Finished</h2>
+ <ul>
+ <li>
+ <a href="https://jacobjanzen.itch.io/space-cowboy" target="_blank"
+ >Space Cowboy</a
+ >: a simple platforming game with some "interesting" physics written
+ for the 2022 University of Manitoba Computer Science Student
+ Association Game Jam.
+ </li>
+ <li>
+ <a
+ href="https://github.com/JacobJanzen/writhing_mass_of_flesh"
+ target="_blank"
+ >Writhing Mass of Flesh</a
+ >: a program that procedurally generates mildly disturbing looking
+ GIFs. Winner of the best code category for the University of Manitoba
+ DevClub's 2022 generative art challenge.
+ </li>
+ </ul>
+ </div>
</body>
</html>
diff --git a/styles.css b/styles.css
index 4d78bb1..a6dcd29 100644
--- a/styles.css
+++ b/styles.css
@@ -29,3 +29,21 @@ a {
a:hover {
text-decoration: underline;
}
+
+.header {
+ color: #fff8ea;
+ background-color: #594545;
+}
+
+.header a {
+ color: #fff8ea;
+ padding: 10px 10px;
+}
+
+@media screen and (max-width: 500px) {
+ .header a {
+ float: none;
+ display: block;
+ text-align: left;
+ }
+}
diff --git a/tea.html b/tea.html
index 6560a3e..e3cb0c0 100644
--- a/tea.html
+++ b/tea.html
@@ -1,18 +1,27 @@
<!doctype html>
-<html class="no-js" lang="en">
+<html lang="en">
<head>
<meta charset="utf-8" />
- <meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Tea Tasting Notes</title>
- <meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
- <h1>Tea Tasting Notes</h1>
- <ul>
- <li><a href="tea/W2T-2022-BoatCaptain.html">W2T 2022 Boat Captain</li>
- </ul>
+ <div class="header">
+ <a href="./index.html">Home</a>
+ <a href="./projects.html">Projects</a>
+ <a href="./tea.html">Tea Tasting Notes</a>
+ <a href="./about.html">About Me</a>
+ </div>
+ <div class="body">
+ <h1>Tea Tasting Notes</h1>
+ <p>This is where I will post notes about various teas I try.</p>
+ <ul>
+ <li>
+ <a href="tea/W2T-2022-BoatCaptain.html">W2T 2022 Boat Captain</a>
+ </li>
+ </ul>
+ </div>
</body>
</html>
diff --git a/tea/W2T-2022-BoatCaptain.html b/tea/W2T-2022-BoatCaptain.html
index 9f75a0e..e1e1d85 100644
--- a/tea/W2T-2022-BoatCaptain.html
+++ b/tea/W2T-2022-BoatCaptain.html
@@ -1,26 +1,32 @@
<!doctype html>
-<html class="no-js" lang="en">
+<html lang="en">
<head>
<meta charset="utf-8" />
- <meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>W2T 2022 Boat Captain</title>
- <meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../styles.css" />
</head>
<body>
- <h1>White2Tea 2022 Boat Captain</h1>
+ <div class="header">
+ <a href="./index.html">Home</a>
+ <a href="./projects.html">Projects</a>
+ <a href="./tea.html">Tea Tasting Notes</a>
+ <a href="./about.html">About Me</a>
+ </div>
+ <div class="body">
+ <h1>White2Tea 2022 Boat Captain</h1>
- <p>This is a 2 year-old sheng pu'er in a 200 gram cake.</p>
+ <p>This is a 2 year-old sheng pu'er in a 200 gram cake.</p>
- <p>
- The liquor is a yellowy-orange colour, with a thick, soupy texture. The
- early steeps were very smooth, while later ones were steeps were drier
- with a more tannic mouthfeel. It has a smoky, leather flavour that settles
- into a malty sweetness.
- </p>
+ <p>
+ The liquor is a yellowy-orange colour, with a thick, soupy texture. The
+ early steeps were very smooth, while later ones were steeps were drier
+ with a more tannic mouthfeel. It has a smoky, leather flavour that
+ settles into a malty sweetness.
+ </p>
- <h3>Rating: 8/10</h3>
+ <h3>Rating: 8/10</h3>
+ </div>
</body>
</html>
diff --git a/tea/template.html b/tea/template.html
index 960fff4..ad90f7f 100644
--- a/tea/template.html
+++ b/tea/template.html
@@ -1,23 +1,29 @@
<!doctype html>
-<html class="no-js" lang="en">
+<html lang="en">
<head>
<meta charset="utf-8" />
- <meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Title</title>
- <meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../styles.css" />
</head>
<body>
- <h1>Title</h1>
+ <div class="header">
+ <a href="./index.html">Home</a>
+ <a href="./projects.html">Projects</a>
+ <a href="./tea.html">Tea Tasting Notes</a>
+ <a href="./about.html">About Me</a>
+ </div>
+ <div class="body">
+ <h1>Title</h1>
- <p>Description</p>
+ <p>Description</p>
- <p>
- <!-- liquor, mouthfeel, flavour -->
- </p>
+ <p>
+ <!-- liquor, mouthfeel, flavour -->
+ </p>
- <h3>Rating: x/10</h3>
+ <h3>Rating: x/10</h3>
+ </div>
</body>
</html>