Shorter descriptions

diff --git a/hackaday.css b/hackaday.css
index e8d7149c20bbfc8a4fe4534f3a1770deae3dc2a2..b7d45effc1da8710f1a6055cfdf757d9909ec338 100644 (file)
--- a/hackaday.css
+++ b/hackaday.css
@@ -2,7 +2,7 @@
     margin: 5em 0 2em max(5em, 20%);
 }
 
-.latest, h2 {
+.latest {
     width: max(242px, 60%); /* 242px is the fixed-size element including margins */
     margin: 0 auto;
 }
@@ -22,11 +22,6 @@
     margin: 10px;
 }
 
-h2 {
-    margin-top: 2em;
-    font-size: 20pt;
-}
-
 .tabs {
     width: max(242px, 60%); /* 242px is the fixed-size element including margins */
     margin: 0 auto;
@@ -160,10 +155,10 @@ input:focus-visible + label { /* Keyboard nav */
 .hacks .date::before {
     content: "Nov ";
 }
-.hacks.2022 .date::after {
+.hacks.year-2022 .date::after {
     content: ", 2022";
 }
-.hacks.2023 .date::after {
+.hacks.year-2023 .date::after {
     content: ", 2023";
 }
 

diff --git a/hackaday.html b/hackaday.html
index e444b78f54f568704f8d1f1f2383103240f67031..944e1fbd3c6e2c1891188c199b3438ed98083fcc 100644 (file)
--- a/hackaday.html
+++ b/hackaday.html
@@ -18,7 +18,7 @@
         <input type="radio" name="hacktab" value="2022" id="2022-tab"><label for="2022-tab">2022</label>
         <div class="tab-panels">
             <section class="hacks year-2023">
-                <div class="hack">
+                <div class="hack collab">
                     <a href="https://za3k.github.io/ha3k-30-musicofspheres/"><img src="img/hackaday2_30.png"></a>
                     <span class="name">Celestial Music</span>
                     <span class="date">30</span>
@@ -40,16 +40,16 @@
                     </span>
                     <span class="description">read uncomfortably fast</span>
                 </div>
-                <div class="hack">
+                <div class="hack collab">
                     <a href="https://www.youtube.com/watch?v=6sW5rQTj1cE"><img src="img/hackaday2_28.png"></a>
-                    <span class="name">Pint-Sized</span>
+                    <span class="name">90s Sitcom</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>
+                    <span class="description">fake sitcom intro</span>
                 </div>
                 <div class="hack">
                     <a href="https://blog.za3k.com/hack-a-day-day-23-packing/"><img src="img/hackaday2_24.png"></a>
@@ -92,7 +92,7 @@
                 </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="name">AI Grab Bag</span>
                     <span class="date">18</span>
                     <span class="links">
                         <a class="source" href="https://github.com/za3k/ha3k-18-ai-grabbag"></a>
@@ -108,9 +108,9 @@
                         <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>
+                    <span class="description">pen and paper RPG</span>
                 </div>
-                <div class="hack">
+                <div class="hack collab">
                     <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>
@@ -132,7 +132,7 @@
                     </span>
                     <span class="description">draw house blueprints</span>
                 </div>
-                <div class="hack">
+                <div class="hack collab">
                     <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>
@@ -141,7 +141,7 @@
                         <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>
+                    <span class="description">silly screensaver</span>
                 </div>
                 <div class="hack">
                     <a href="https://youtu.be/FewtsNn8dg0"><img src="img/hackaday2_11.png"></a>
@@ -152,7 +152,7 @@
                         <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>
+                    <span class="description">screensaver video</span>
                 </div>
                 <div class="hack">
                     <a href="https://za3k.github.io/ha3k-10-typewriter/"><img src="img/hackaday2_10.png"></a>
@@ -174,9 +174,9 @@
                         <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>
+                    <span class="description">silly little zine</span>
                 </div>
-                <div class="hack">
+                <div class="hack collab">
                     <a href="https://za3k.github.io/ha3k-07-doodle-alchemy/"><img src="img/hackaday2_07.png"></a>
                     <span class="name">Alchemy</span>
                     <span class="date">07</span>
@@ -198,14 +198,14 @@
                     </span>
                     <span class="description">speed up graphics with CUDA</span>
                 </div>
-                <div class="hack">
+                <div class="hack collab">
                     <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>
+                    <span class="description">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>
@@ -227,7 +227,7 @@
                         <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>
+                    <span class="description">word game from 1953</span>
                 </div>
             </ul>
             </section>