diff options
author | Jacob Janzen <jacob.a.s.janzen@gmail.com> | 2024-03-17 20:26:08 -0500 |
---|---|---|
committer | Jacob Janzen <jacob.a.s.janzen@gmail.com> | 2024-03-17 20:26:08 -0500 |
commit | b5d09893bd0d3ca8f95adcd2f750000872ce5248 (patch) | |
tree | 44294c74c8a8c0dd4657eb5119fc4e685cb865fb | |
parent | 2f0090b5bf38664fd0033c92ac3ef6ea3608a7dd (diff) |
add header
-rw-r--r-- | .gitignore | 4 | ||||
-rw-r--r-- | about.html | 76 | ||||
-rw-r--r-- | index.html | 41 | ||||
-rw-r--r-- | projects.html | 94 | ||||
-rw-r--r-- | styles.css | 18 | ||||
-rw-r--r-- | tea.html | 23 | ||||
-rw-r--r-- | tea/W2T-2022-BoatCaptain.html | 30 | ||||
-rw-r--r-- | tea/template.html | 24 |
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/ @@ -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> @@ -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> @@ -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; + } +} @@ -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> |