add more to portfolio

site/portfolio.html

@@ -27,7 +27,8 @@ Hi, this is a non-exhaustive list of my personal projects. It appears I like mak
 <h3 id="leko-pona">leko pona</h3>
 <p>
 <code>2022-08</code><br>
-<a href="https://git.crispypin.cc/CrispyPin/leko-pona">git.crispypin.cc/CrispyPin/leko-pona</a><br>
+source: <a href="https://git.crispypin.cc/CrispyPin/leko-pona">https://git.crispypin.cc/CrispyPin/leko-pona</a><br>
+The deskmat texture was created with my <a href="#julia-fractal-renderer">julia fractal renderer</a><br>
 <img loading="lazy" src="/media/leko_tonsi.png" alt="leko pona, a split keyboard with blank keycaps in the trans flag colours" title="leko pona, a split keyboard with blank keycaps in the trans flag colours"></img>
 </p>
 <h2 id="ch32v003-oled-board">ch32v003 oled board</h2>
@@ -121,6 +122,18 @@ All the below games except for <code>LD45: Mind the Gap</code> I made together w
 <p>
 Most of my shaders are made in Unity and uploaded as props for ChilloutVR. All my ChilloutVR props are in <a href="https://git.crispypin.cc/CrispyPin/cvr-props">this repository</a>.<br>
 </p>
+<h3 id="void-sphere">void sphere</h3>
+<p>
+<code>2024-09</code><br>
+My first time making a vertex shader, it generally works on any simple mesh.<br>
+<video loading="lazy" src="/media/shaders/void_sphere.mp4" alt="" title="" controls ></video>
+</p>
+<h3 id="hilbert-worms">hilbert worms</h3>
+<p>
+<code>2024-09</code><br>
+Little worms following the hilbert curve<br>
+<video loading="lazy" src="/media/shaders/hilbert_worms.mp4" alt="bright pink pixel worms" title="bright pink pixel worms" controls loop=true></video>
+</p>
 <h3 id="partial-qr-code">partial QR code</h3>
 <p>
 <code>2024-08</code><br>
@@ -131,7 +144,9 @@ A shader that can display qr codes of any size, though it requires computing the
 <p>
 <code>2024-08</code><br>
 A <a href="https://en.wikipedia.org/wiki/Self-reproducing_program">quine</a> is a program that outputs its own source code. Since shaders don't have text or file outputs, a shader quine must render its own source code instead. This shader contains the font data required to be readable.<br>
+<a href="/media/shaders/shader_quine_198x99.png">
 <img loading="lazy" src="/media/shaders/shader_quine_198x99.png" alt="a large square of shader code, being rendered by itself" title="a large square of shader code, being rendered by itself"></img>
+</a>
 </p>
 <h3 id="shader-quine-golf">shader quine golf</h3>
 <p>
@@ -223,13 +238,64 @@ See <a href="https://en.wikipedia.org/wiki/Elementary_cellular_automaton">Elemen
 <h2 id="godot">godot</h2>
 <h3 id="voxel-raymarcher">voxel raymarcher</h3>
 <h1 id="utilities">utilities</h1>
+<p>
+These programs are less flashy and were made out of necessity. I don't expect anyone else to want to use them, but they are available if that was the case.<br>
+</p>
 <h3 id="snoud">snoud</h3>
+<p>
+<code>2023-02</code><br>
+source: <a href="https://git.crispypin.cc/CrispyPin/snoud">https://git.crispypin.cc/CrispyPin/snoud</a><br>
+A simple terminal app that plays multiple audio files on loop, meant for background ambience. I use it for rain and wind sound and have it auto-start when I log in.<br>
+<img loading="lazy" src="/media/snoud.png" alt="" title=""></img>
+</p>
 <h3 id="htmd">htmd</h3>
+<p>
+<code>2024-09</code><br>
+source: <a href="https://git.crispypin.cc/CrispyPin/htmd">https://git.crispypin.cc/CrispyPin/htmd</a><br>
+This is the markdown to html generator that this site is built with. It uses markdown as a base but is far from standard markdown, it has weird quirks and macros that I needed.<br>
+</p>
 <h3 id="webserver">webserver</h3>
 <h3 id="julia-fractal-renderer">julia fractal renderer</h3>
+<p>
+<code>2023-07</code><br>
+source: <a href="https://git.crispypin.cc/CrispyPin/julia-fractal-renderer">https://git.crispypin.cc/CrispyPin/julia-fractal-renderer</a><br>
+I used this to generate the image printed on my deskmat, seen in <a href="#leko-pona">the picture of my keyboard</a><br>
+(see source repo for more examples)<br>
+<img loading="lazy" src="/media/julia_brain_coral.png" alt="" title=""></img>
+<img loading="lazy" src="/media/julia_renderer_gui.png" alt="" title=""></img>
+</p>
 <h3 id="brainfuck-debugger">brainfuck debugger</h3>
+<p>
+<code>2023-12</code><br>
+source: <a href="https://git.crispypin.cc/CrispyPin/bf-debugger">https://git.crispypin.cc/CrispyPin/bf-debugger</a><br>
+When I was solving some <a href="https://adventofcode.com/2023">Advent of Code</a> problems in <a href="https://esolangs.org/wiki/Brainfuck">Brainfuck</a>, i found myself missing the ability to set breakpoints and step a number of iterations through the program, so I made an interactive brainfuck debugger.<br>
+TODO image<br>
+</p>
 <h3 id="text-editor-lili">text editor lili</h3>
+<p>
+<code>2023-03</code><br>
+source: <a href="https://git.crispypin.cc/CrispyPin/lili">https://git.crispypin.cc/CrispyPin/lili</a><br>
+<code>lili</code> is a terminal text editor that can keep multiple files open. It is far from perfect, it doesn't handle soft linebreaks well and lacks undo/redo. But wider characters at least work (tabs and emoji).<br>
+TODO image<br>
+</p>
 <h3 id="compiler-timer">compiler-timer</h3>
+<p>
+<code>2024-01</code><br>
+source: <a href="https://git.crispypin.cc/crispyPin/compiler-timer">https://git.crispypin.cc/crispyPin/compiler-timer</a><br>
+At work, I was frustrated by 20-45 minute C++ compile times, so I made a compiler wrapper that keeps track of build times, and tells me the average time wasted per day.<br>
+</p>
+<p>
+Example output<br>
+</p>
+<pre>
+(regular compiler output)
+
+Build took 18.025s
+Total wasted today: 44m 5s
+5 day average: 35m 38s
+Overall average: 40m 22s
+Since 2023-09-07: 55h 11m 22s
+</pre>
 <h3 id="gdvk-godot-virtual-system-input">GDVK godot virtual system input</h3>
 <h2 id="steamvr">SteamVR</h2>
 <h3 id="ovr-utils">OVR Utils</h3>
@@ -242,6 +308,16 @@ See <a href="https://en.wikipedia.org/wiki/Elementary_cellular_automaton">Elemen
 <h3 id="asetniop-emulator-for-x11">asetniop emulator for x11</h3>
 <h3 id="june">june</h3>
 <h3 id="neuralblender-mc">neuralblender-mc</h3>
+<p>
+<code>2021-09</code><br>
+<a href="https://github.com/crispypin/neuralblender-mc">https://github.com/crispypin/neuralblender-mc</a><br>
+This was before the "AI" hype bubble became as obnoxious as it is now. I found the website neuralblender.com (no they don't deserve a hyperlink), which generated quite terrible images from a text prompt. There was no information about the website anywhere.<br>
+I made a stupid input-emulating script that ran in a vm and generated textures for every texture in minecraft 1.17.<br>
+</p>
+<p>
+The cursed flowers in the picture below are poppies, which for some reason resulted in a blue-haired cryptid in the corner.<br>
+<img loading="lazy" src="/media/neuralblender_minecraft.png" alt="minecraft with very weird textures. Poppy flowers are cursed" title="minecraft with very weird textures. Poppy flowers are cursed"></img>
+</p>
 <h3 id="minesweeper-rs">minesweeper-rs</h3>
 <h3 id="rust-mandelbrot">rust-mandelbrot</h3>
 <h3 id="voxel-meshing-godot-c">voxel-meshing godot c++</h3>

site/style.css

@@ -11,7 +11,7 @@ main {
 	background-color: #f8eeff;
 }
 
-code {
+code, pre {
 	font-size: 1rem;
 	background-color: #eeccee;
 	color: #003;
@@ -26,7 +26,7 @@ code {
 	main {
 		background-color: #222;
 	}
-	code {
+	code, pre {
 		background-color: #1c1c1c;
 		color: #f90;
 	}