Update hack-a-day for start of 2024

diff --git a/hackaday.css b/hackaday.css
index 0ef042cda58b9ac3a74d47a032c0f7a423c44504..9be3f54e7869b7566335094e86d26cc9ae4b481b 100644 (file)
--- a/hackaday.css
+++ b/hackaday.css
@@ -87,6 +87,7 @@ input:focus-visible + label { /* Keyboard nav */
     border-top: 1px solid #ccc;
 }
 
+.tabs > input[value="2024"]:checked ~ .tab-panels > section.year-2024 ,
 .tabs > input[value="2023"]:checked ~ .tab-panels > section.year-2023 ,
 .tabs > input[value="2022"]:checked ~ .tab-panels > section.year-2022 {
     display: block;

diff --git a/hackaday.html b/hackaday.html
index c443a90e82df048f9a3cd004054e83adf4504d02..2a94119c8bc6fdcffeff7cd7893ce05440860d67 100644 (file)
--- a/hackaday.html
+++ b/hackaday.html
@@ -17,9 +17,95 @@
     </section>
     </div>
     <div class="tabs">
-        <input type="radio" name="hacktab" value="2023" id="2023-tab" checked><label for="2023-tab">2023</label>
+        <input type="radio" name="hacktab" value="2024" id="2024-tab" checked><label for="2024-tab">2024</label>
+        <input type="radio" name="hacktab" value="2023" id="2023-tab"><label for="2023-tab">2023</label>
         <input type="radio" name="hacktab" value="2022" id="2022-tab"><label for="2022-tab">2022</label>
         <div class="tab-panels">
+            <section class="hacks year-2024">
+                <!--
+                <div class="hack">
+                    <a href="XXX"><img src="img/hackaday3_01.png"></a>
+                    <span class="name">XXX</span>
+                    <span class="date">01</span>
+                    <span class="links">
+                        <a class="demo" href="XXX"></a>
+                        <a class="source" href="XXX"></a>
+                        <a class="blog" href="XXX"></a>
+                    </span>
+                    <span class="description">XXX</span>
+                </div>
+                -->
+                <div class="hack">
+                    <a href="https://upload.za3k.com/"><img src="img/hackaday3_11.png"></a>
+                    <span class="name">Uploader</span>
+                    <span class="date">11</span>
+                    <span class="links">
+                        <a class="demo" href="https://upload.za3k.com/"></a>
+                        <a class="blog" href="https://blog.za3k.com/hack-a-day-day-11-upload-za3k-com/"></a>
+                    </span>
+                    <span class="description">send me files</span>
+                </div>
+                <div class="hack">
+                    <a href="https://za3k.github.io/color-sort"><img src="img/hackaday3_08.png"></a>
+                    <span class="name">Color Sort</span>
+                    <span class="date">08</span>
+                    <span class="links">
+                        <a class="demo" href="https://za3k.github.io/color-sort"></a>
+                        <a class="source" href="https://github.com/za3k/color-sort"></a>
+                        <a class="blog" href="https://blog.za3k.com/hack-a-day-day-08-color-sort/"></a>
+                    </span>
+                    <span class="description">relax and sort colors</span>
+                </div>
+                <div class="hack">
+                    <a href="https://za3k.github.io/sunchart/"><img src="img/hackaday3_07.png"></a>
+                    <span class="name">When Sun?</span>
+                    <span class="date">07</span>
+                    <span class="links">
+                        <a class="demo" href="https://za3k.github.io/sunchart/"></a>
+                        <a class="source" href="https://github.com/za3k/sunchart"></a>
+                        <a class="blog" href="https://blog.za3k.com/hack-a-day-day-07-when-does-the-sun-come-back/"></a>
+                    </span>
+                    <span class="description">countdown to summer</span>
+                </div>
+                <div class="hack fail">
+                    <a href="https://blog.za3k.com/hack-a-day-day-05-milling-an-aluminium-soma-cube-failed/"><img src="img/hackaday3_05.png"></a>
+                    <span class="name">Milled Puzzle</span>
+                    <span class="date">05</span>
+                    <span class="links">
+                        <a class="blog" href="https://blog.za3k.com/hack-a-day-day-05-milling-an-aluminium-soma-cube-failed/"></a>
+                    </span>
+                    <span class="description">aluminium soma cube</span>
+                </div>
+                <div class="hack fail">
+                    <a href="https://blog.za3k.com/hack-a-day-04-project-lembas/"><img src="img/hackaday3_04.png"></a>
+                    <span class="name">Lembas</span>
+                    <span class="date">04</span>
+                    <span class="links">
+                        <a class="blog" href="https://blog.za3k.com/hack-a-day-04-project-lembas/"></a>
+                    </span>
+                    <span class="description">edible crackers</span>
+                </div>
+                <div class="hack fail">
+                    <a href="https://blog.za3k.com/hack-a-day-day-02-acrylic-soma-cube-failed/"><img src="img/hackaday3_02.png"></a>
+                    <span class="name">Cut Acrylic Puzzle</span>
+                    <span class="date">02</span>
+                    <span class="links">
+                        <a class="blog" href="https://blog.za3k.com/hack-a-day-day-02-acrylic-soma-cube-failed/"></a>
+                    </span>
+                    <span class="description">acrylic soma cube</span>
+                </div>
+                <div class="hack">
+                    <a href="https://za3k.github.io/ircpuzzles-solver/"><img src="img/hackaday3_01.png"></a>
+                    <span class="name">IRC Puzzles</span>
+                    <span class="date">01</span>
+                    <span class="links">
+                        <a class="demo" href="https://za3k.github.io/ircpuzzles-solver/"></a>
+                        <a class="source" href="https://github.com/za3k/ircpuzzles-solver"></a>
+                        <a class="blog" href="https://blog.za3k.com/hack-a-day-day-01-ircpuzzles-player/"></a>
+                    </span>
+                    <span class="description">solve a puzzle hunt</span>
+                </div>
+            </section>
             <section class="hacks year-2023">
                 <div class="hack collab">
                     <a href="https://za3k.github.io/ha3k-30-musicofspheres/"><img src="img/hackaday2_30.png"></a>
@@ -242,7 +328,6 @@
                     </span>
                     <span class="description">word game from 1953</span>
                 </div>
-            </ul>
             </section>
             <section class="hacks year-2022">
                 <div class="hack cool">

diff --git a/img/hackaday3_01.png b/img/hackaday3_01.png
new file mode 100644 (file)
index 0000000..354b5b5
Binary files /dev/null and b/img/hackaday3_01.png differ

diff --git a/img/hackaday3_02.png b/img/hackaday3_02.png
new file mode 100644 (file)
index 0000000..5e4e411
Binary files /dev/null and b/img/hackaday3_02.png differ

diff --git a/img/hackaday3_04.png b/img/hackaday3_04.png
new file mode 100644 (file)
index 0000000..2894837
Binary files /dev/null and b/img/hackaday3_04.png differ

diff --git a/img/hackaday3_05.png b/img/hackaday3_05.png
new file mode 100644 (file)
index 0000000..251ca86
Binary files /dev/null and b/img/hackaday3_05.png differ

diff --git a/img/hackaday3_07.png b/img/hackaday3_07.png
new file mode 100644 (file)
index 0000000..a77565b
Binary files /dev/null and b/img/hackaday3_07.png differ

diff --git a/img/hackaday3_08.png b/img/hackaday3_08.png
new file mode 100644 (file)
index 0000000..80f35f1
Binary files /dev/null and b/img/hackaday3_08.png differ

diff --git a/img/hackaday3_11.png b/img/hackaday3_11.png
new file mode 100644 (file)
index 0000000..6506810
Binary files /dev/null and b/img/hackaday3_11.png differ