]> git.za3k.com Git - za3k.git/commitdiff
Update hackaday list
authorZachary Vance <za3k@za3k.com>
Wed, 6 Dec 2023 18:56:57 +0000 (13:56 -0500)
committerZachary Vance <za3k@za3k.com>
Wed, 6 Dec 2023 18:56:57 +0000 (13:56 -0500)
22 files changed:
hackaday.css
hackaday.html
img/hackaday2_01.png [new file with mode: 0644]
img/hackaday2_02.png [new file with mode: 0644]
img/hackaday2_04.png [new file with mode: 0644]
img/hackaday2_06.png [new file with mode: 0644]
img/hackaday2_07.png [new file with mode: 0644]
img/hackaday2_08.png [new file with mode: 0644]
img/hackaday2_10.png [new file with mode: 0644]
img/hackaday2_11.png [new file with mode: 0644]
img/hackaday2_12.png [new file with mode: 0644]
img/hackaday2_13.png [new file with mode: 0644]
img/hackaday2_14.png [new file with mode: 0644]
img/hackaday2_17.png [new file with mode: 0644]
img/hackaday2_18.png [new file with mode: 0644]
img/hackaday2_20.png [new file with mode: 0644]
img/hackaday2_22.png [new file with mode: 0644]
img/hackaday2_23.png [new file with mode: 0644]
img/hackaday2_24.png [new file with mode: 0644]
img/hackaday2_28.png [new file with mode: 0644]
img/hackaday2_29.png [new file with mode: 0644]
img/hackaday2_30.png [new file with mode: 0644]

index 6e8221dfdb8af0233b6d4f616ab7c3ee71c1cb70..4418fe3c91669b2cafd9ce44cdcce3ecfe489a41 100644 (file)
@@ -2,7 +2,7 @@
     margin: 5em 0 2em max(5em, 20%);
 }
 
-.latest {
+.latest, h3 {
     width: max(242px, 60%); /* 242px is the fixed-size element including margins */
     margin: 0 auto;
 }
     margin: 10px;
 }
 
+h3 {
+    margin-top: 5em;
+}
+
 .hacks {
     width: max(242px, 60%); /* 242px is the fixed-size element including margins */
     margin: 0 auto;
     text-align: center;
     color: grey;
 }
-.hack .date::before {
+.hacks .date::before {
     content: "Nov ";
 }
-.hack .date::after {
+.hacks.2022 .date::after {
     content: ", 2022";
 }
+.hacks.2023 .date::after {
+    content: ", 2023";
+}
 
 .hack .description {
     margin-top: 10px;
index 4df72052274782d23662907605bdaf48b0a2967f..3b43375d3704572678d2768b10ab24cd8cd8c09d 100644 (file)
 <body>
     <div class="nav"><a href="/">za3k</a> &gt; <a href="/software">software</a> &gt; hack-a-day</div>
     <div class="latest">
-    <h3>2023 Projects</h3>
-    <ul>
-        <li>30 / <a href="https://za3k.github.io/ha3k-30-musicofspheres/">music of the spheres</a>
-        <li>29 / <a href="https://za3k.github.io/ha3k-29-speedread/">speed-reading</a> don quixote
-        <li>28 / <a href="https://blog.za3k.com/hack-a-day-day-28-90s-sitcom/">pint-sized</a>: silly intro to a fake 90s sitcom
-        <li>23 / <a href="https://blog.za3k.com/hack-a-day-day-23-packing/">timelapse</a> and database of my stuff
-        <li>22 / <a href="https://blog.za3k.com/hack-a-day-day-22-homemade-pcbs/">homemade circuitboards</a>: (unsuccessful) circuitboards at home
-        <li>20 / <a href="https://blog.za3k.com/hack-a-day-day-20-hillsfar-lockpicking-spritesheet/">hillsfar spritesheet</a>: sprites from a minigame
-        <li>18 / <a href="https://github.com/za3k/ha3k-18-ai-grabbag">ai grabbag</a>: install instructions for modern a.i. tools
-        <li>17 / <a href="https://blog.za3k.com/hack-a-day-day-17-tower-of-choices/">tower of choices</a>: a pen and paper RPG
-        <li>14 / <a href="https://za3k.github.io/ha3k-14-synth/">synth</a>: bytebeat fun
-        <li>13 / <a href="https://blog.za3k.com/hack-a-day-day-13-blueprint-maker/">blueprint maker</a> (unfinished)
-        <li>12 / <a href="https://za3k.github.io/ha3k-12-screensaver/">screensaver</a>: a silly screensaver
-        <li>11 / <a href="https://youtu.be/FewtsNn8dg0">raytracer: rain</a> (video)
-        <li>10 / <a href="https://za3k.github.io/ha3k-10-typewriter/">typewriter</a>: type a little message
-        <li>08 / <a href="https://za3k.github.io/ha3k-08-receipt/">receipt</a>: a silly little zine
-        <li>07 / <a href="https://za3k.github.io/ha3k-07-doodle-alchemy/">Doode-moji Alchemy</a>: a computer game where you combine elements
-        <li>06 / <a href="https://blog.za3k.com/hack-a-day-day-06/">CUDA raytracing</a>: an attempt to improve raytracing from day 02
-        <li>04 / a <a href="https://blog.za3k.com/hack-a-day-day-04-lashed-table/">lashed bamboo table</a>
-        <li>02 / <a href="https://blog.za3k.com/hack-a-day-day-2-raytracing/">raytracing</a>: pretty 3D graphics drawing
-        <li>01 / <a href="https://za3k.github.io/ha3k-01-perquackey/">perquackey</a>: a word game from 1953
-    </ul>
-    <h3>2022 Projects</h3>
-    </div>
     <section class="hack-links">
         <a href="https://github.com/za3k?tab=repositories&q=Hack-A-Day&sort=name">Source code</a>
         <a href="https://blog.za3k.com/tag/hack-a-day/">Blog posts</a>
     </section>
-    <section class="hacks">
+    </div>
+    <h3>2023 Projects</h3>
+    <section class="hacks 2023">
+        <div class="hack">
+            <a href="https://za3k.github.io/ha3k-30-musicofspheres/"><img src="img/hackaday2_30.png"></a>
+            <span class="name">Music of the Spheres</span>
+            <span class="date">30</span>
+            <span class="links">
+                <a class="demo" href="https://za3k.github.io/ha3k-30-musicofspheres/"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-30-musicofspheres"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-30-music-of-the-celestial-spheres/"></a>
+            </span>
+            <span class="description">experience scales, watch orbits</span>
+        </div>
+        <div class="hack">
+            <a href="https://za3k.github.io/ha3k-29-speedread/"><img src="img/hackaday2_29.png"></a>
+            <span class="name">Speed Reading</span>
+            <span class="date">29</span>
+            <span class="links">
+                <a class="demo" href="https://za3k.github.io/ha3k-29-speedread/"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-29-speedread"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-29-speed-reading/"></a>
+            </span>
+            <span class="description">read uncomfortably fast</span>
+        </div>
+        <div class="hack">
+            <a href="https://www.youtube.com/watch?v=6sW5rQTj1cE"><img src="img/hackaday2_28.png"></a>
+            <span class="name">Pint-Sized</span>
+            <span class="date">28</span>
+            <span class="links">
+                <a class="demo" href="https://www.youtube.com/watch?v=6sW5rQTj1cE"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-28-sitcom"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-28-90s-sitcom/"></a>
+            </span>
+            <span class="description">intro to a fake 90s sitcom</span>
+        </div>
+        <div class="hack">
+            <a href="https://blog.za3k.com/hack-a-day-day-23-packing/"><img src="img/hackaday2_24.png"></a>
+            <span class="name">stuff.md</span>
+            <span class="date">24</span>
+            <span class="links">
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-23-packing/"></a>
+            </span>
+            <span class="description">text database of physical stuff</span>
+        </div>
+        <div class="hack">
+            <a href="https://blog.za3k.com/hack-a-day-day-23-packing/"><img src="img/hackaday2_23.png"></a>
+            <span class="name">Timelapse</span>
+            <span class="date">23</span>
+            <span class="links">
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-23-packing/"></a>
+            </span>
+            <span class="description">timelapse of house move</span>
+        </div>
+        <div class="hack">
+            <a href="https://blog.za3k.com/hack-a-day-day-22-homemade-pcbs/"><img src="img/hackaday2_22.png"></a>
+            <span class="name">Homemade Circuitboards</span>
+            <span class="date">22</span>
+            <span class="links">
+                <a class="source" href="https://github.com/za3k/ha3k-22-pcb"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-22-homemade-pcbs/"></a>
+            </span>
+            <span class="description">(unsuccessful) circuitboards at home</span>
+        </div>
+        <div class="hack">
+            <a href="https://blog.za3k.com/hack-a-day-day-20-hillsfar-lockpicking-spritesheet/"><img src="img/hackaday2_20.png"></a>
+            <span class="name">Hillsfar Spritesheet</span>
+            <span class="date">20</span>
+            <span class="links">
+                <a class="source" href="https://github.com/za3k/ha3k-20-lockpick"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-20-hillsfar-lockpicking-spritesheet/"></a>
+            </span>
+            <span class="description">sprites from a minigame</span>
+        </div>
+        <div class="hack">
+            <a href="https://github.com/za3k/ha3k-18-ai-grabbag"><img src="img/hackaday2_18.png"></a>
+            <span class="name">AI Grabbag</span>
+            <span class="date">18</span>
+            <span class="links">
+                <a class="source" href="https://github.com/za3k/ha3k-18-ai-grabbag"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-18-a-i-grab-bag/"></a>
+            </span>
+            <span class="description">install instructions for a.i. tools</span>
+        </div>
+        <div class="hack">
+            <a href="https://za3k.com/games/tower_of_choices"><img src="img/hackaday2_17.png"></a>
+            <span class="name">Tower of Choices</span>
+            <span class="date">17</span>
+            <span class="links">
+                <a class="demo" href="https://za3k.com/games/tower_of_choices"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-17-tower-of-choices/"></a>
+            </span>
+            <span class="description">a pen and paper RPG</span>
+        </div>
+        <div class="hack">
+            <a href="https://za3k.github.io/ha3k-14-synth/"><img src="img/hackaday2_14.png"></a>
+            <span class="name">Bytebeat Synth</span>
+            <span class="date">14</span>
+            <span class="links">
+                <a class="demo" href="https://za3k.github.io/ha3k-14-synth/"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-14-synth"></a>
+                <a class="blog" href="https://za3k.github.io/ha3k-14-synth/"></a>
+            </span>
+            <span class="description">bytebeat fun</span>
+        </div>
+        <div class="hack">
+            <a href="https://za3k.github.io/ha3k-13-blueprint/"><img src="img/hackaday2_13.png"></a>
+            <span class="name">Blueprint Maker</span>
+            <span class="date">13</span>
+            <span class="links">
+                <a class="demo" href="https://za3k.github.io/ha3k-13-blueprint/"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-13-blueprint"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-13-blueprint-maker/"></a>
+            </span>
+            <span class="description">(unfinished) draw house blueprints</span>
+        </div>
+        <div class="hack">
+            <a href="https://za3k.github.io/ha3k-12-screensaver/"><img src="img/hackaday2_12.png"></a>
+            <span class="name">Screensaver</span>
+            <span class="date">12</span>
+            <span class="links">
+                <a class="demo" href="https://za3k.github.io/ha3k-12-screensaver/"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-12-screensaver"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-12-screensavers/"></a>
+            </span>
+            <span class="description">a silly screensaver</span>
+        </div>
+        <div class="hack">
+            <a href="https://youtu.be/FewtsNn8dg0"><img src="img/hackaday2_11.png"></a>
+            <span class="name">Raytracer: Rain</span>
+            <span class="date">11</span>
+            <span class="links">
+                <a class="demo" href="https://youtu.be/FewtsNn8dg0"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-11-raytracer-rain"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-11-raytraced-rain/"></a>
+            </span>
+            <span class="description">a simple screensaver video</span>
+        </div>
+        <div class="hack">
+            <a href="https://za3k.github.io/ha3k-10-typewriter/"><img src="img/hackaday2_10.png"></a>
+            <span class="name">Typewriter</span>
+            <span class="date">10</span>
+            <span class="links">
+                <a class="demo" href="https://za3k.github.io/ha3k-10-typewriter/"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-10-typewriter"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-10-typewriter/"></a>
+            </span>
+            <span class="description">clicky clacky</span>
+        </div>
+        <div class="hack">
+            <a href="https://za3k.github.io/ha3k-08-receipt/"><img src="img/hackaday2_08.png"></a>
+            <span class="name">Receipt</span>
+            <span class="date">08</span>
+            <span class="links">
+                <a class="demo" href="https://za3k.github.io/ha3k-08-receipt/"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-08-receipt"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-08-receipt-zine/"></a>
+            </span>
+            <span class="description">a silly little zine</span>
+        </div>
+        <div class="hack">
+            <a href="https://za3k.github.io/ha3k-07-doodle-alchemy/"><img src="img/hackaday2_07.png"></a>
+            <span class="name">Doodle-moji Alchemy</span>
+            <span class="date">07</span>
+            <span class="links">
+                <a class="demo" href="https://za3k.github.io/ha3k-07-doodle-alchemy/"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-07-doodle-alchemy"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-06-doodlemoji-alchemy/"></a>
+            </span>
+            <span class="description">combine elements</span>
+        </div>
+        <div class="hack">
+            <a href="https://www.youtube.com/watch?v=y4TcrxRg4aw"><img src="img/hackaday2_06.png"></a>
+            <span class="name">CUDA Raytracing</span>
+            <span class="date">06</span>
+            <span class="links">
+                <a class="demo" href="https://www.youtube.com/watch?v=y4TcrxRg4aw"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-06-raytracer"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-06/"></a>
+            </span>
+            <span class="description">speed up graphics with GPU</span>
+        </div>
+        <div class="hack">
+            <a href="https://blog.za3k.com/hack-a-day-day-04-lashed-table/"><img src="img/hackaday2_04.png"></a>
+            <span class="name">Lashed Furniture</span>
+            <span class="date">04</span>
+            <span class="links">
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-04-lashed-table/"></a>
+            </span>
+            <span class="description">a lashed bamboo table</span>
+        </div>
+        <div class="hack">
+            <a href="https://blog.za3k.com/hack-a-day-day-2-raytracing/"><img src="img/hackaday2_02.png"></a>
+            <span class="name">Raytracing</span>
+            <span class="date">02</span>
+            <span class="links">
+                <a class="demo" href=""></a>
+                <a class="source" href="https://github.com/za3k/ha3k-02"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-2-raytracing/"></a>
+            </span>
+            <span class="description">pretty 3d graphics drawing</span>
+        </div>
+        <div class="hack">
+            <a href="https://za3k.github.io/ha3k-01-perquackey/"><img src="img/hackaday2_01.png"></a>
+            <span class="name">Perquackey</span>
+            <span class="date">01</span>
+            <span class="links">
+                <a class="demo" href="https://za3k.github.io/ha3k-01-perquackey/"></a>
+                <a class="source" href="https://github.com/za3k/ha3k-01-perquackey"></a>
+                <a class="blog" href="https://blog.za3k.com/hack-a-day-day-01-perquackey/"></a>
+            </span>
+            <span class="description">a word game from 1953</span>
+        </div>
+    </ul>
+    </section>
+    <h3>2022 Projects</h3>
+    <section class="hacks 2022">
         <div class="hack cool">
             <a href="https://doodle-rpg.com"><img src="img/hackaday30.png"></a>
             <span class="name">Doodle RPG</span>
diff --git a/img/hackaday2_01.png b/img/hackaday2_01.png
new file mode 100644 (file)
index 0000000..c5b66de
Binary files /dev/null and b/img/hackaday2_01.png differ
diff --git a/img/hackaday2_02.png b/img/hackaday2_02.png
new file mode 100644 (file)
index 0000000..1afff27
Binary files /dev/null and b/img/hackaday2_02.png differ
diff --git a/img/hackaday2_04.png b/img/hackaday2_04.png
new file mode 100644 (file)
index 0000000..8c8744c
Binary files /dev/null and b/img/hackaday2_04.png differ
diff --git a/img/hackaday2_06.png b/img/hackaday2_06.png
new file mode 100644 (file)
index 0000000..36efaae
Binary files /dev/null and b/img/hackaday2_06.png differ
diff --git a/img/hackaday2_07.png b/img/hackaday2_07.png
new file mode 100644 (file)
index 0000000..9909c2d
Binary files /dev/null and b/img/hackaday2_07.png differ
diff --git a/img/hackaday2_08.png b/img/hackaday2_08.png
new file mode 100644 (file)
index 0000000..3f538f3
Binary files /dev/null and b/img/hackaday2_08.png differ
diff --git a/img/hackaday2_10.png b/img/hackaday2_10.png
new file mode 100644 (file)
index 0000000..5966848
Binary files /dev/null and b/img/hackaday2_10.png differ
diff --git a/img/hackaday2_11.png b/img/hackaday2_11.png
new file mode 100644 (file)
index 0000000..e37493d
Binary files /dev/null and b/img/hackaday2_11.png differ
diff --git a/img/hackaday2_12.png b/img/hackaday2_12.png
new file mode 100644 (file)
index 0000000..f69008a
Binary files /dev/null and b/img/hackaday2_12.png differ
diff --git a/img/hackaday2_13.png b/img/hackaday2_13.png
new file mode 100644 (file)
index 0000000..6291f42
Binary files /dev/null and b/img/hackaday2_13.png differ
diff --git a/img/hackaday2_14.png b/img/hackaday2_14.png
new file mode 100644 (file)
index 0000000..59c635a
Binary files /dev/null and b/img/hackaday2_14.png differ
diff --git a/img/hackaday2_17.png b/img/hackaday2_17.png
new file mode 100644 (file)
index 0000000..fae3ec0
Binary files /dev/null and b/img/hackaday2_17.png differ
diff --git a/img/hackaday2_18.png b/img/hackaday2_18.png
new file mode 100644 (file)
index 0000000..6b55379
Binary files /dev/null and b/img/hackaday2_18.png differ
diff --git a/img/hackaday2_20.png b/img/hackaday2_20.png
new file mode 100644 (file)
index 0000000..bc24c8d
Binary files /dev/null and b/img/hackaday2_20.png differ
diff --git a/img/hackaday2_22.png b/img/hackaday2_22.png
new file mode 100644 (file)
index 0000000..7e31e54
Binary files /dev/null and b/img/hackaday2_22.png differ
diff --git a/img/hackaday2_23.png b/img/hackaday2_23.png
new file mode 100644 (file)
index 0000000..2c816a1
Binary files /dev/null and b/img/hackaday2_23.png differ
diff --git a/img/hackaday2_24.png b/img/hackaday2_24.png
new file mode 100644 (file)
index 0000000..36907b4
Binary files /dev/null and b/img/hackaday2_24.png differ
diff --git a/img/hackaday2_28.png b/img/hackaday2_28.png
new file mode 100644 (file)
index 0000000..cb84630
Binary files /dev/null and b/img/hackaday2_28.png differ
diff --git a/img/hackaday2_29.png b/img/hackaday2_29.png
new file mode 100644 (file)
index 0000000..5dd77ec
Binary files /dev/null and b/img/hackaday2_29.png differ
diff --git a/img/hackaday2_30.png b/img/hackaday2_30.png
new file mode 100644 (file)
index 0000000..d146d0c
Binary files /dev/null and b/img/hackaday2_30.png differ