commit 7b594bc421eabc47bd8cf42918805cb00c3fff68
parent efb0dccdee579cacccd18c44307e8289bda6c798
Author: Willem Van Zwol <willem@vanzwol.com>
Date: Thu, 14 May 2026 08:57:25 -0700
Wrote some more on the index.html
I specifically am now using semantic line feeds and avoiding having the
column width exceed 80
Diffstat:
| M | index.html | | | 130 | +++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------- |
1 file changed, 87 insertions(+), 43 deletions(-)
diff --git a/index.html b/index.html
@@ -16,74 +16,108 @@
<a href="">projects</a> ~
<a href="">contact</a>
</div>
-
<!-- CENTER -->
<div class="nav-center">
- willem.vanzwol.com
</div>
-
<!-- RIGHT -->
<div class="nav-right">
- <a href="./git/website/log.html">
+ <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 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">
+ <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>
-
+ <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>
+ <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>I build local-first distributed systems in <a href="https://rust-lang.org/">Rust</a> and <a href="https://go.dev/">Go</a>.</h3>
+ <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 a pragmatist, focused on protocol design, cryptography, reproducible infrastructure, and library-first architecture.
+ I am a pragmatist, 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>
- <td>Rust, Golang, C/C++ Python, Java</td> </tr>
-
- <tr> <td>Data management</td>
- <td>PostgreSQL, SQLite, Redis, CSV, JSON</td> </tr>
-
- <tr> <td>Misc</td>
- <td>NixOS (Linux), Git, Bash, Neovim (DapUI)</td> </tr>
+ <tr><td>Frontend</td>
+ <td>HTML/CSS/JS</td> </tr>
+ <tr><td>Backend</td>
+ <td>Rust, Golang, C/C++ Python, Java</td> </tr>
+ <tr><td>Data management</td>
+ <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 webpage for now serves nothing more than the purpose of a template.
- I may use a proper <abbr title="Static Site generator">SSG</abbr> like
- <a href="https://www.getzola.org/">Zola</a>.
+ 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.
- That said, I did have a lot of fun just setting this up. Doesn't seem too hard -- I may just commit fully to raw <code>html/css</code>.
+ 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/">
+ stagit</a>
+ for my
+ <a href="./git/website/log.html">
+ self hosted git</a>.
</p>
<hr>
<p>
- I like having this style emulate markdown, so I mma just use this paragraph to demonstrate other rich text displayed nicely with my <code>css</code>. <em>italics</em>, <b>bold</b>, <del>strickthrough</del>
+ I have created the <code>styles.css</code> myself,
+ checkout the markdown emulated syntax!<br>
+ <em>italics</em>, <b>bold</b>, <del>strickthrough</del>
<blockquote cite="https://example.com">
- Hello world
- <ul>
- <li>item</li>
- <li>item</li>
- </ul>
- <a class="quote-source"
- href="https://example.com"
- aria-label="Source"
- ></a>
+ "Software is like sex, it's better when it's free"<br>
+ Linus Torvalds
+ <a class="quote-source"
+ href="https://example.com"
+ aria-label="Source"
+ ></a>
</blockquote>
+ <ul><li>item</li>
+ <li>item</li></ul>
+ <ol><li>item</li>
+ <li>item</li></ol>
<div class="callout note">
This is a note.
@@ -96,11 +130,21 @@
</p>
<h1>Projects</h1>
<p>
- This will contain a <abbr title="perhaps tiles, with titles, descriptions, and tags much like an interface to a blog">list</abbr> of projects I have worked on. <br><br>
+ This will contain a
+ <abbr title="perhaps tiles, with titles, descriptions, and tags">
+ list</abbr>
+ of projects I have worked on. <br><br>
- For now, simply visit <a href="https://github.com/WillemDoesIt">my github</a>. Which I do hope to distance myself from, I prefer decentrlized--self hosting of repositories. I may use something like or <a href="https://git.zx2c4.com/cgit/about/">cgit</a>, specifically that may be nice because it is static, however that means no cloning.
+ For now, simply visit
+ <a href="https://github.com/WillemDoesIt">my github</a>.
+ Currently as refrenced before, I have a
+ <a href="">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>
-
</body>
-
</html>
