jjanzen/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add header

Browse source
This commit is contained in:
Jacob Janzen 2024-03-17 20:26:08 -05:00
parent 2f0090b5bf
commit b5d09893bd
8 changed files with 187 additions and 123 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
.gitignore vendored Normal file
View file

@ -0,0 +1,4 @@
.DS_Store
.idea
*.log
tmp/

76
about.html
View file

@ -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>

41
index.html
View file

@ -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>

94
projects.html
View file

@ -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>

18
styles.css
View file

@ -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;
}
}

23
tea.html
View file

@ -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>

30
tea/W2T-2022-BoatCaptain.html
View file

@ -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>

24
tea/template.html
View file

@ -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>