commit ea54c861164146ad2d08e6899d4654833c90e1c7
parent a0ec3e1236bf15f75b39831c8792d0952b25be92
Author: Willem Van Zwol <willem@vanzwol.com>
Date: Mon, 1 Jun 2026 16:37:04 -0700
Updated all HTML for the main pages to be formatted the same
Main switch from limiting 80 characters properly and indenting at 4
instead of 2 now.
Diffstat:
| M | .gitignore | | | 1 | + |
| M | blog.html | | | 177 | ++++++++++++++++++++++++++++++++++++++++++++----------------------------------- |
| M | contact.html | | | 182 | ++++++++++++++++++++++++++++++++++++++++++------------------------------------- |
| M | index.html | | | 164 | ++++++++++++++++++++++++++++++++++++++++++------------------------------------- |
| M | projects.html | | | 117 | +++++++++++++++++++++++++++++++++++++++++++------------------------------------ |
5 files changed, 349 insertions(+), 292 deletions(-)
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
git/
+personal/
diff --git a/blog.html b/blog.html
@@ -1,98 +1,119 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Portfolio</title>
- <link rel="icon" type="image/x-icon" href="./favicon.ico">
- <link rel="stylesheet" type="text/css" href="./styles.css">
- <script src="script.js"></script>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Portfolio</title>
+ <link rel="icon" type="image/x-icon" href="./favicon.ico">
+ <link rel="stylesheet" type="text/css" href="./styles.css">
+ <script src="./script.js"></script>
</head>
<body>
- <nav>
+<nav>
<!-- LEFT -->
<div class="nav-left">
- <a href="./index.html">index</a> ~
- <a href="">blog</a> ~
- <a href="">projects</a> ~
- <a href="">contact</a>
+ <a href="./index.html">index</a> ~
+ <a href="./blog.html">blog</a> ~
+ <a href="./projects.html">projects</a> ~
+ <a href="./contact.html">contact</a>
</div>
<!-- CENTER -->
<div class="nav-center">
</div>
<!-- RIGHT -->
<div class="nav-right">
- <a href="./git/website/log.html" title="Self hosted repo of this website">
- <!-- giticon -->
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
- style="width: 0.85em;position: relative;top: 0.06em;fill:var(--text)">
- <path d="M15,5.6,10.4,1A3.4,3.4,0,0,0,5.78.86L7.66,2.74a1.25,1.25,0,0,
- 1,1.67,1.2V4a1.23,1.23,0,0,1-.08.38l2.45,2.4a1.17,1.17,0,0,1,
- .37-.08A1.3,1.3,0,1,1,10.77,8h0a1.17,1.17,0,0,1,.08-.37L8.6,
- 5.38v5.23a1.28,1.28,0,0,1,.73,1.15,1.3,1.3,0,0,1-2.6,0,1.27,1.27,0,0,
- 1,.67-1.11V5.07A1.27,1.27,0,0,1,6.73,4a1.17,1.17,0,0,1,
- .08-.37l-1.9-1.9L1,5.6a3.38,3.38,0,0,0,0,4.79H1L5.6,15a3.38,3.38,0,0,
- 0,4.79,0h0L15,10.4a3.38,3.38,0,0,0,0-4.79Z"/>
- </svg>
- </a>
- <input type="checkbox" id="theme-toggle" class="toggle">
- <label for="theme-toggle" class="btn"
- title="Light/Dark mode (JS required)">
- <!-- sun -->
- <svg class="sun" viewBox="0 0 24 24" fill=none stroke=currentColor
- stroke-linecap=round stroke-width="1.8"><circle cx=12 cy=12 r=4.4 />
- <path d="M12 2v3m0 14v3M2 12h3m14 0h3M5 5l2 2m10 10l2 2M5
- 19l2-2m10-10l2-2"/></svg>
- <!-- moon -->
- <svg class="moon" viewBox="0 0 24 24"><path d="M21 12.8A9 9 0 0 1 9
- 3c0-.3 0-.7.1-1A10 10 0 1 0 23 12.4c-.3 0-.7.1-1 .1z"/></svg>
- </label>
+ <a href="./git/website/log.html"
+ title="Self hosted repo of this website">
+
+ <!-- giticon -->
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
+ style="width: 0.85em; position: relative; top: 0.06em;
+ fill:var(--text)">
+ <path d="M15,5.6,10.4,1A3.4,3.4,0,0,0,5.78.86L7.66,2.74a1.25,
+ 1.25,0,0,1,1.67,1.2V4a1.23,1.23,0,0,1-.08.38l2.45,
+ 2.4a1.17,1.17,0,0,1,.37-.08A1.3,1.3,0,1,1,10.77,
+ 8h0a1.17,1.17,0,0,1,.08-.37L8.6,5.38v5.23a1.28,1.28,0,
+ 0,1,.73,1.15,1.3,1.3,0,0,1-2.6,0,1.27,1.27,0,0,1,
+ .67-1.11V5.07A1.27,1.27,0,0,1,6.73,4a1.17,1.17,0,0,1,
+ .08-.37l-1.9-1.9L1,5.6a3.38,3.38,0,0,0,0,4.79H1L5.6,
+ 15a3.38,3.38,0,0,0,4.79,0h0L15,10.4a3.38,3.38,0,0,0,
+ 0-4.79Z"/>
+ </svg>
+ </a>
+ <input type="checkbox" id="theme-toggle" class="toggle">
+ <label for="theme-toggle" class="btn"
+ title="Light/Dark mode (JS required)">
+
+ <!-- sun -->
+ <svg class="sun" viewBox="0 0 24 24" fill=none
+ stroke=currentColor stroke-linecap=round
+ stroke-width="1.8">
+ <circle cx=12 cy=12 r=4.4 />
+ <path d="M12 2v3m0 14v3M2 12h3m14 0h3M5 5l2 2m10 10l2
+ 2M5 19l2-2m10-10l2-2"/>
+ </svg>
+
+ <!-- moon -->
+ <svg class="moon" viewBox="0 0 24 24">
+ <path d="M21 12.8A9 9 0 0 1 9 3c0-.3 0-.7.1-1A10 10 0 1
+ 0 23 12.4c-.3 0-.7.1-1 .1z"/>
+
+ </svg>
+ </label>
</div>
- </nav>
- <h1>Blog posts</h1>
- <a href="./rss.xml">
- <svg
- xmlns="http://www.w3.org/2000/svg"
- viewBox="0 -1 32 32"
- fill="currentColor"
- width="0.8em"
- height="0.8em"
- aria-hidden="true"
- >
- <path d="M20.885 30.996h-5.83c-0.037-7.745-6.306-14.014-14.047-14.052h-0.004v-5.83c10.958 0.055 19.826 8.924 19.881 19.877l0 0.005zM5.117 22.767c0.001 0 0.001 0 0.002 0 2.272 0 4.114 1.842 4.114 4.114s-1.842 4.114-4.114 4.114c-2.271 0-4.113-1.84-4.114-4.111v-0c0.003-2.271 1.842-4.112 4.112-4.118h0.001zM24.996 30.996c-0.064-13.225-10.767-23.928-23.986-23.993l-0.006-0v-5.998c16.531 0.082 29.91 13.461 29.991 29.984l0 0.008z" />
- </svg> RSS Feed</a>
- <button style="margin-left: 1ch" onclick="navigator.clipboard.writeText('willem.vanzwol.com/rss.xml')">
- Copy
- </button>
- <br>
- Filtering is not yet supported, files are listed in order of date.<br><br>
+</nav>
+
+<h1>Blog posts</h1>
+<a href="./rss.xml">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 -1 32 32"
+ fill="currentColor"
+ width="0.8em"
+ height="0.8em"
+ aria-hidden="true"
+ ><path d=
+"M20.885
+ 30.996h-5.83c-0.037-7.745-6.306-14.014-14.047-14.052h-0.004v-5.83c10.958
+0.055 19.826 8.924 19.881 19.877l0 0.005zM5.117 22.767c0.001 0 0.001 0 0.002 0
+2.272 0 4.114 1.842 4.114 4.114s-1.842 4.114-4.114 4.114c-2.271
+0-4.113-1.84-4.114-4.111v-0c0.003-2.271 1.842-4.112 4.112-4.118h0.001zM24.996
+30.996c-0.064-13.225-10.767-23.928-23.986-23.993l-0.006-0v-5.998c16.531 0.082
+29.91 13.461 29.991 29.984l0 0.008z" />
+ </svg> RSS Feed</a>
+ <button style="margin-left: 1ch"
+ onclick="navigator.clipboard.writeText('willem.vanzwol.com/rss.xml')">
+ Copy
+ </button>
+ <br>
+ Filtering is not yet supported, files are listed in order of date.<br><br>
- <a class="tile" href="./blogs/jxl_and_compression_on_nix.html">
- <fieldset>
- <span>scripting • compression • nix</span>
- <h2>JXL and Compression on nix</h2>
- <div>2026.00.01</div>
- Showcase of a script and flake I made for compressing JPG/JEPG to JXL and compressing into a tarball or .7z file<br>
- </fieldset>
- </a>
+ <a class="tile" href="./blogs/jxl_and_compression_on_nix.html">
+ <fieldset>
+ <span>scripting • compression • nix</span>
+ <h2>JXL and Compression on nix</h2>
+ <div>2026.00.01</div>
+ Showcase of a script and flake I made for compressing JPG/JEPG to JXL and compressing into a tarball or .7z file<br>
+ </fieldset>
+ </a>
- <a class="tile" href="./blogs/on_the_blog.html">
- <fieldset>
- <span>website • blog • complexity</span>
- <h2>On the Blog</h2>
- <div>2026.05.21</div>
- Post about my thoughts on how the blog should work.<br>
- </fieldset>
- </a>
+ <a class="tile" href="./blogs/on_the_blog.html">
+ <fieldset>
+ <span>website • blog • complexity</span>
+ <h2>On the Blog</h2>
+ <div>2026.05.21</div>
+ Post about my thoughts on how the blog should work.<br>
+ </fieldset>
+ </a>
- <a class="tile" href="./blogs/website.html">
- <fieldset>
- <span>website</span>
- <h2>Website</h2>
- <div>2026.05.21</div>
- Overview of the point of this website.<br>
- </fieldset>
- </a>
+ <a class="tile" href="./blogs/website.html">
+ <fieldset>
+ <span>website</span>
+ <h2>Website</h2>
+ <div>2026.05.21</div>
+ Overview of the point of this website.<br>
+ </fieldset>
+ </a>
</body>
</html>
diff --git a/contact.html b/contact.html
@@ -1,105 +1,117 @@
+<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Portfolio</title>
- <link rel="icon" type="image/x-icon" href="./favicon.ico">
- <link rel="stylesheet" type="text/css" href="./styles.css">
- <script src="script.js"></script>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Portfolio</title>
+ <link rel="icon" type="image/x-icon" href="./favicon.ico">
+ <link rel="stylesheet" type="text/css" href="./styles.css">
+ <script src="./script.js"></script>
</head>
<body>
- <nav>
+<nav>
<!-- LEFT -->
<div class="nav-left">
- <a href="./index.html">index</a> ~
- <a href="./blog.html">blog</a> ~
- <a href="./projects.html">projects</a> ~
- <a href="./contact.html">contact</a>
+ <a href="./index.html">index</a> ~
+ <a href="./blog.html">blog</a> ~
+ <a href="./projects.html">projects</a> ~
+ <a href="./contact.html">contact</a>
</div>
<!-- CENTER -->
<div class="nav-center">
</div>
<!-- RIGHT -->
<div class="nav-right">
- <a href="./git/website/log.html" title="Self hosted repo of this website">
- <!-- giticon -->
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
- style="width: 0.85em;position: relative;top: 0.06em;fill:var(--text)">
- <path d="M15,5.6,10.4,1A3.4,3.4,0,0,0,5.78.86L7.66,2.74a1.25,1.25,0,0,
- 1,1.67,1.2V4a1.23,1.23,0,0,1-.08.38l2.45,2.4a1.17,1.17,0,0,1,
- .37-.08A1.3,1.3,0,1,1,10.77,8h0a1.17,1.17,0,0,1,.08-.37L8.6,
- 5.38v5.23a1.28,1.28,0,0,1,.73,1.15,1.3,1.3,0,0,1-2.6,0,1.27,1.27,0,0,
- 1,.67-1.11V5.07A1.27,1.27,0,0,1,6.73,4a1.17,1.17,0,0,1,
- .08-.37l-1.9-1.9L1,5.6a3.38,3.38,0,0,0,0,4.79H1L5.6,15a3.38,3.38,0,0,
- 0,4.79,0h0L15,10.4a3.38,3.38,0,0,0,0-4.79Z"/>
- </svg>
- </a>
- <input type="checkbox" id="theme-toggle" class="toggle">
- <label for="theme-toggle" class="btn"
- title="Light/Dark mode (JS required)">
- <!-- sun -->
- <svg class="sun" viewBox="0 0 24 24" fill=none stroke=currentColor
- stroke-linecap=round stroke-width="1.8"><circle cx=12 cy=12 r=4.4 />
- <path d="M12 2v3m0 14v3M2 12h3m14 0h3M5 5l2 2m10 10l2 2M5
- 19l2-2m10-10l2-2"/></svg>
- <!-- moon -->
- <svg class="moon" viewBox="0 0 24 24"><path d="M21 12.8A9 9 0 0 1 9
- 3c0-.3 0-.7.1-1A10 10 0 1 0 23 12.4c-.3 0-.7.1-1 .1z"/></svg>
- </label>
- </div>
- </nav>
-<h1>Contact</h1>
+ <a href="./git/website/log.html"
+ title="Self hosted repo of this website">
-<p>
- Best way to reach me is email.<br><br>
- <table>
- <tr>
- <td>Email</td>
- <td>
- <a href="mailto:willem@vanzwol.com?subject=Your%20hired!&body=Imma%20hire%20you"
- style="font-family: liberation mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;">
- willem@vanzwol.com
+ <!-- giticon -->
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
+ style="width: 0.85em; position: relative; top: 0.06em;
+ fill:var(--text)">
+ <path d="M15,5.6,10.4,1A3.4,3.4,0,0,0,5.78.86L7.66,2.74a1.25,
+ 1.25,0,0,1,1.67,1.2V4a1.23,1.23,0,0,1-.08.38l2.45,
+ 2.4a1.17,1.17,0,0,1,.37-.08A1.3,1.3,0,1,1,10.77,
+ 8h0a1.17,1.17,0,0,1,.08-.37L8.6,5.38v5.23a1.28,1.28,0,
+ 0,1,.73,1.15,1.3,1.3,0,0,1-2.6,0,1.27,1.27,0,0,1,
+ .67-1.11V5.07A1.27,1.27,0,0,1,6.73,4a1.17,1.17,0,0,1,
+ .08-.37l-1.9-1.9L1,5.6a3.38,3.38,0,0,0,0,4.79H1L5.6,
+ 15a3.38,3.38,0,0,0,4.79,0h0L15,10.4a3.38,3.38,0,0,0,
+ 0-4.79Z"/>
+ </svg>
</a>
- </td>
- <td>
- <button onclick="navigator.clipboard.writeText('willem@vanzwol.com')">
- Copy
- </button>
- </td>
- </tr>
+ <input type="checkbox" id="theme-toggle" class="toggle">
+ <label for="theme-toggle" class="btn"
+ title="Light/Dark mode (JS required)">
- <tr>
- <td>Phone</td>
- <td>
- <a href="tel:+14252297800"
- style="font-family: liberation mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;">
- +1 (425) 229-7800
- </a>
- </td>
- <td>
- <button onclick="navigator.clipboard.writeText('+14252297800')">
- Copy
- </button>
- </td>
- </tr>
+ <!-- sun -->
+ <svg class="sun" viewBox="0 0 24 24" fill=none
+ stroke=currentColor stroke-linecap=round
+ stroke-width="1.8">
+ <circle cx=12 cy=12 r=4.4 />
+ <path d="M12 2v3m0 14v3M2 12h3m14 0h3M5 5l2 2m10 10l2
+ 2M5 19l2-2m10-10l2-2"/>
+ </svg>
- <tr>
- <td>GitHub</td>
- <td>
- <a href="https://github.com/WillemDoesIt"
- style="font-family: liberation mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;">
- @WillemDoesIt
- </a>
- </td>
- <td>
- <button onclick="navigator.clipboard.writeText('@WillemDoesIt')">
- Copy
- </button>
- </td>
- </tr>
- </table>
+ <!-- moon -->
+ <svg class="moon" viewBox="0 0 24 24">
+ <path d="M21 12.8A9 9 0 0 1 9 3c0-.3 0-.7.1-1A10 10 0 1
+ 0 23 12.4c-.3 0-.7.1-1 .1z"/>
+
+ </svg>
+ </label>
+ </div>
+</nav>
+
+<h1>Contact</h1>
+
+Best way to reach me is email.<br><br>
+<table>
+<tr>
+ <td>Email</td>
+ <td>
+ <a
+href="mailto:willem@vanzwol.com?subject=Your%20hired!&body=Imma%20hire%20you"
+style="font-family: liberation mono, ui-monospace, SFMono-Regular, Menlo,
+ Monaco, Consolas, monospace;">willem@vanzwol.com</a>
+ </td>
+ <td>
+ <button
+ onclick="navigator.clipboard.writeText('willem@vanzwol.com')">
+ Copy</button>
+ </td>
+</tr>
+
+<tr>
+ <td>Phone</td>
+ <td>
+ <a
+href="tel:+14252297800"
+style="font-family: liberation mono, ui-monospace, SFMono-Regular, Menlo,
+ Monaco, Consolas, monospace;">+1 (425) 229-7800</a>
+ </td>
+ <td>
+ <button
+ onclick="navigator.clipboard.writeText('+14252297800')">
+ Copy</button>
+ </td>
+</tr>
-</p>
+<tr>
+ <td>GitHub</td>
+ <td>
+ <a
+href="https://github.com/WillemDoesIt"
+style="font-family: liberation mono, ui-monospace, SFMono-Regular, Menlo,
+ Monaco, Consolas, monospace;">@WillemDoesIt</a>
+ </td>
+ <td>
+ <button
+ onclick="navigator.clipboard.writeText('@WillemDoesIt')">
+ Copy</button>
+ </td>
+</tr>
+</table>
</body>
</html>
diff --git a/index.html b/index.html
@@ -1,71 +1,84 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Portfolio</title>
- <link rel="icon" type="image/x-icon" href="./favicon.ico">
- <link rel="stylesheet" type="text/css" href="./styles.css">
- <script src="script.js"></script>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Portfolio</title>
+ <link rel="icon" type="image/x-icon" href="./favicon.ico">
+ <link rel="stylesheet" type="text/css" href="./styles.css">
+ <script src="./script.js"></script>
</head>
<body>
- <nav>
+<nav>
<!-- LEFT -->
<div class="nav-left">
- <a href="./index.html">index</a> ~
- <a href="./blog.html">blog</a> ~
- <a href="./projects.html">projects</a> ~
- <a href="./contact.html">contact</a>
+ <a href="./index.html">index</a> ~
+ <a href="./blog.html">blog</a> ~
+ <a href="./projects.html">projects</a> ~
+ <a href="./contact.html">contact</a>
</div>
<!-- CENTER -->
<div class="nav-center">
</div>
<!-- RIGHT -->
<div class="nav-right">
- <a href="./git/website/log.html" title="Self hosted repo of this website">
- <!-- giticon -->
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
- style="width: 0.85em;position: relative;top: 0.06em;fill:var(--text)">
- <path d="M15,5.6,10.4,1A3.4,3.4,0,0,0,5.78.86L7.66,2.74a1.25,1.25,0,0,
- 1,1.67,1.2V4a1.23,1.23,0,0,1-.08.38l2.45,2.4a1.17,1.17,0,0,1,
- .37-.08A1.3,1.3,0,1,1,10.77,8h0a1.17,1.17,0,0,1,.08-.37L8.6,
- 5.38v5.23a1.28,1.28,0,0,1,.73,1.15,1.3,1.3,0,0,1-2.6,0,1.27,1.27,0,0,
- 1,.67-1.11V5.07A1.27,1.27,0,0,1,6.73,4a1.17,1.17,0,0,1,
- .08-.37l-1.9-1.9L1,5.6a3.38,3.38,0,0,0,0,4.79H1L5.6,15a3.38,3.38,0,0,
- 0,4.79,0h0L15,10.4a3.38,3.38,0,0,0,0-4.79Z"/>
- </svg>
- </a>
- <input type="checkbox" id="theme-toggle" class="toggle">
- <label for="theme-toggle" class="btn"
- title="Light/Dark mode (JS required)">
- <!-- sun -->
- <svg class="sun" viewBox="0 0 24 24" fill=none stroke=currentColor
- stroke-linecap=round stroke-width="1.8"><circle cx=12 cy=12 r=4.4 />
- <path d="M12 2v3m0 14v3M2 12h3m14 0h3M5 5l2 2m10 10l2 2M5
- 19l2-2m10-10l2-2"/></svg>
- <!-- moon -->
- <svg class="moon" viewBox="0 0 24 24"><path d="M21 12.8A9 9 0 0 1 9
- 3c0-.3 0-.7.1-1A10 10 0 1 0 23 12.4c-.3 0-.7.1-1 .1z"/></svg>
- </label>
+ <a href="./git/website/log.html"
+ title="Self hosted repo of this website">
+
+ <!-- giticon -->
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
+ style="width: 0.85em; position: relative; top: 0.06em;
+ fill:var(--text)">
+ <path d="M15,5.6,10.4,1A3.4,3.4,0,0,0,5.78.86L7.66,2.74a1.25,
+ 1.25,0,0,1,1.67,1.2V4a1.23,1.23,0,0,1-.08.38l2.45,
+ 2.4a1.17,1.17,0,0,1,.37-.08A1.3,1.3,0,1,1,10.77,
+ 8h0a1.17,1.17,0,0,1,.08-.37L8.6,5.38v5.23a1.28,1.28,0,
+ 0,1,.73,1.15,1.3,1.3,0,0,1-2.6,0,1.27,1.27,0,0,1,
+ .67-1.11V5.07A1.27,1.27,0,0,1,6.73,4a1.17,1.17,0,0,1,
+ .08-.37l-1.9-1.9L1,5.6a3.38,3.38,0,0,0,0,4.79H1L5.6,
+ 15a3.38,3.38,0,0,0,4.79,0h0L15,10.4a3.38,3.38,0,0,0,
+ 0-4.79Z"/>
+ </svg>
+ </a>
+ <input type="checkbox" id="theme-toggle" class="toggle">
+ <label for="theme-toggle" class="btn"
+ title="Light/Dark mode (JS required)">
+
+ <!-- sun -->
+ <svg class="sun" viewBox="0 0 24 24" fill=none
+ stroke=currentColor stroke-linecap=round
+ stroke-width="1.8">
+ <circle cx=12 cy=12 r=4.4 />
+ <path d="M12 2v3m0 14v3M2 12h3m14 0h3M5 5l2 2m10 10l2
+ 2M5 19l2-2m10-10l2-2"/>
+ </svg>
+
+ <!-- moon -->
+ <svg class="moon" viewBox="0 0 24 24">
+ <path d="M21 12.8A9 9 0 0 1 9 3c0-.3 0-.7.1-1A10 10 0 1
+ 0 23 12.4c-.3 0-.7.1-1 .1z"/>
+
+ </svg>
+ </label>
</div>
- </nav>
- <h1>Hello, I am Willem :3</h1>
- <h3>
+</nav>
+
+<h1>Hello, I am Willem :3</h1>
+<h3>
I build local-first distributed systems in
<a href="https://rust-lang.org/" title="Official rust website">Rust</a>
and
<a href="https://go.dev/" title="Official go-lang website">Go</a>.
- </h3>
- <p>
- I am currently working out of Spokane Washington.<br>
- I am a pragmatist, obsessed with getting things done, and done well.<br>
- Also you should totally hire me.<br><br>
+</h3>
+I am currently working out of Spokane Washington.<br>
+I am a pragmatist, obsessed with getting things done, and done well.<br>
+Also you should totally hire me.<br><br>
- I am focused on protocol design, cryptography, reproducible
- infrastructure, and library-first architecture.
- <br><br>
- Here is my stack and what I am proficient in:
- <table>
+I am focused on protocol design, cryptography, reproducible
+infrastructure, and library-first architecture.
+<br><br>
+Here is my stack and what I am proficient in:
+<table>
<tr><td>Frontend</td>
<td>HTML/CSS/JS</td> </tr>
<tr><td>Backend</td>
@@ -74,37 +87,36 @@
<td>PostgreSQL, SQLite, Redis, CSV, JSON</td> </tr>
<tr><td>Misc</td>
<td>NixOS (Linux), Git, Bash, Neovim (DapUI)</td> </tr>
- </table>
- </p>
- <h1>About this site</h1>
- <p>
- This website for now is an <em>experiment</em>.
- I may switch to use a proper
- <abbr title="Static Site generator">SSG</abbr>
- like
- <a href="https://www.getzola.org/" title="Official zola website">
+</table>
+</p>
+<h1>About this site</h1>
+<p>
+This website for now is an <em>experiment</em>.
+I may switch to use a proper
+<abbr title="Static Site generator">SSG</abbr>
+like
+<a href="https://www.getzola.org/" title="Official zola website">
Zola</a>,
- but I'm making progress so quickly with this
- that I don't feel like a
- <abbr title="An SSG or more complex tool (eg. React) for making websites">
- framework</abbr>
- would actually help.
+but I'm making progress so quickly with this
+that I don't feel like a
+<abbr title="An SSG or more complex tool (eg. React) for making websites">
+ framework</abbr>
+would actually help.
- Once I actually get to setting up that
- <abbr title="check nav bar above">blog page</abbr>
- and want
- <abbr title="Really simple syndication">RSS</abbr>
- integration and
- <abbr title="Posts should be organized under multiple categories at once.
- This helps improves the search UX">
+Once I actually get to setting up that
+<abbr title="check nav bar above">blog page</abbr>
+and want
+<abbr title="Really simple syndication">RSS</abbr>
+integration and
+<abbr title="Posts should be organized under multiple categories at once.
+ This helps improves the search UX">
tags</abbr>
- then I may wish to use something else to generate static pages
- like how I use
- <a href="https://git.2f30.org/stagit/">
+then I may wish to use something else to generate static pages
+like how I use
+<a href="https://git.2f30.org/stagit/">
stagit</a>
- for my
- <a href="./git/website/log.html">
+for my
+<a href="./git/website/log.html">
self hosted git</a>.
- </p>
</body>
</html>
diff --git a/projects.html b/projects.html
@@ -1,72 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Portfolio</title>
- <link rel="icon" type="image/x-icon" href="./favicon.ico">
- <link rel="stylesheet" type="text/css" href="./styles.css">
- <script src="script.js"></script>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Portfolio</title>
+ <link rel="icon" type="image/x-icon" href="./favicon.ico">
+ <link rel="stylesheet" type="text/css" href="./styles.css">
+ <script src="./script.js"></script>
</head>
<body>
- <nav>
+<nav>
<!-- LEFT -->
<div class="nav-left">
- <a href="./index.html">index</a> ~
- <a href="./blog.html">blog</a> ~
- <a href="./projects.html">projects</a> ~
- <a href="./contact.html">contact</a>
+ <a href="./index.html">index</a> ~
+ <a href="./blog.html">blog</a> ~
+ <a href="./projects.html">projects</a> ~
+ <a href="./contact.html">contact</a>
</div>
<!-- CENTER -->
<div class="nav-center">
</div>
<!-- RIGHT -->
<div class="nav-right">
- <a href="./git/website/log.html" title="Self hosted repo of this website">
- <!-- giticon -->
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
- style="width: 0.85em;position: relative;top: 0.06em;fill:var(--text)">
- <path d="M15,5.6,10.4,1A3.4,3.4,0,0,0,5.78.86L7.66,2.74a1.25,1.25,0,0,
- 1,1.67,1.2V4a1.23,1.23,0,0,1-.08.38l2.45,2.4a1.17,1.17,0,0,1,
- .37-.08A1.3,1.3,0,1,1,10.77,8h0a1.17,1.17,0,0,1,.08-.37L8.6,
- 5.38v5.23a1.28,1.28,0,0,1,.73,1.15,1.3,1.3,0,0,1-2.6,0,1.27,1.27,0,0,
- 1,.67-1.11V5.07A1.27,1.27,0,0,1,6.73,4a1.17,1.17,0,0,1,
- .08-.37l-1.9-1.9L1,5.6a3.38,3.38,0,0,0,0,4.79H1L5.6,15a3.38,3.38,0,0,
- 0,4.79,0h0L15,10.4a3.38,3.38,0,0,0,0-4.79Z"/>
- </svg>
- </a>
- <input type="checkbox" id="theme-toggle" class="toggle">
- <label for="theme-toggle" class="btn"
- title="Light/Dark mode (JS required)">
- <!-- sun -->
- <svg class="sun" viewBox="0 0 24 24" fill=none stroke=currentColor
- stroke-linecap=round stroke-width="1.8"><circle cx=12 cy=12 r=4.4 />
- <path d="M12 2v3m0 14v3M2 12h3m14 0h3M5 5l2 2m10 10l2 2M5
- 19l2-2m10-10l2-2"/></svg>
- <!-- moon -->
- <svg class="moon" viewBox="0 0 24 24"><path d="M21 12.8A9 9 0 0 1 9
- 3c0-.3 0-.7.1-1A10 10 0 1 0 23 12.4c-.3 0-.7.1-1 .1z"/></svg>
- </label>
+ <a href="./git/website/log.html"
+ title="Self hosted repo of this website">
+
+ <!-- giticon -->
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
+ style="width: 0.85em; position: relative; top: 0.06em;
+ fill:var(--text)">
+ <path d="M15,5.6,10.4,1A3.4,3.4,0,0,0,5.78.86L7.66,2.74a1.25,
+ 1.25,0,0,1,1.67,1.2V4a1.23,1.23,0,0,1-.08.38l2.45,
+ 2.4a1.17,1.17,0,0,1,.37-.08A1.3,1.3,0,1,1,10.77,
+ 8h0a1.17,1.17,0,0,1,.08-.37L8.6,5.38v5.23a1.28,1.28,0,
+ 0,1,.73,1.15,1.3,1.3,0,0,1-2.6,0,1.27,1.27,0,0,1,
+ .67-1.11V5.07A1.27,1.27,0,0,1,6.73,4a1.17,1.17,0,0,1,
+ .08-.37l-1.9-1.9L1,5.6a3.38,3.38,0,0,0,0,4.79H1L5.6,
+ 15a3.38,3.38,0,0,0,4.79,0h0L15,10.4a3.38,3.38,0,0,0,
+ 0-4.79Z"/>
+ </svg>
+ </a>
+ <input type="checkbox" id="theme-toggle" class="toggle">
+ <label for="theme-toggle" class="btn"
+ title="Light/Dark mode (JS required)">
+
+ <!-- sun -->
+ <svg class="sun" viewBox="0 0 24 24" fill=none
+ stroke=currentColor stroke-linecap=round
+ stroke-width="1.8">
+ <circle cx=12 cy=12 r=4.4 />
+ <path d="M12 2v3m0 14v3M2 12h3m14 0h3M5 5l2 2m10 10l2
+ 2M5 19l2-2m10-10l2-2"/>
+ </svg>
+
+ <!-- moon -->
+ <svg class="moon" viewBox="0 0 24 24">
+ <path d="M21 12.8A9 9 0 0 1 9 3c0-.3 0-.7.1-1A10 10 0 1
+ 0 23 12.4c-.3 0-.7.1-1 .1z"/>
+
+ </svg>
+ </label>
</div>
- </nav>
+</nav>
- <h1>Projects</h1>
- <p>
- This will contain a
- <abbr title="perhaps tiles, with titles, descriptions, and tags">
+<h1>Projects</h1>
+This will contain a
+<abbr title="perhaps tiles, with titles, descriptions, and tags">
list</abbr>
- of projects I have worked on. <br><br>
+of projects I have worked on. <br><br>
+
+For now, simply visit
+<a href="https://github.com/WillemDoesIt">my github</a>.
+Currently as refrenced before, I have a
+<a href="./git/website/log.html">Self hosted stagit repo</a> specifically a repo for <em>this</em>
+website,
+but I do hope to get all my pojects to have self hosted repos,
+and some nice navigable way to see it all.<br><br>
- For now, simply visit
- <a href="https://github.com/WillemDoesIt">my github</a>.
- Currently as refrenced before, I have a
- <a href="./git/website/log.html">Self hosted stagit repo</a> specifically a repo for <em>this</em>
- website,
- but I do hope to get all my pojects to have self hosted repos,
- and some nice navigable way to see it all.<br><br>
-
- You can also see in the nav bar,
- I plan to create this as a seperate page for this.
- </p>
+You can also see in the nav bar,
+I plan to create this as a seperate page for this.
</body>
</html>
