styling nits

diff --git a/hackaday.css b/hackaday.css
index a31f0ec899ff3108c573f73582a5e78f09042c3d..abd02aed49bc56ac8092cbe79d99e4edaf9219da 100644 (file)
--- a/hackaday.css
+++ b/hackaday.css
@@ -44,7 +44,7 @@
     filter: hue-rotate(180deg);
 }
 
-.hack.fail > *:first-child::before {
+.hack.fail > *:first-child::before, .hack.skipped > *:first-child::before {
     content: "X";
     color: rgba(255, 70, 70, 0.85);
     text-decoration: none;
@@ -55,7 +55,8 @@
     line-height: 100%;
 }
 
-.thumb > img {
+
+.hack img {
     border: 1px solid lightgrey;
     border-radius: 15px;
     width: 200px;
@@ -102,6 +103,9 @@ a.demo {
 a.blog, a.demo, a.source { /* Display source, blog links only if demos break */
     display: none;
 }
+.hack.skipped { /* This is for me, not viewers */
+    display: none;
+}
 
 a.demo::before {
     content: "demo";

diff --git a/hackaday.html b/hackaday.html
index 17596037a197aa3443c6826999922ee063c934e8..1ffebd40203305570a66f6ef15535c505ddd5796 100644 (file)
--- a/hackaday.html
+++ b/hackaday.html
@@ -9,7 +9,7 @@
     <div class="nav"><a href="/">za3k</a> &gt; <a href="/software">software</a> &gt; hack-a-day</div>
     <section class="hacks">
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/blog" class="thumb"><img src="img/hackaday03.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/blog"><img src="img/hackaday03.png"></a>
             <span class="name">Hack-A-Blog</span>
             <span class="date">03</span>
             <span class="links">
@@ -20,7 +20,7 @@
             <span class="description">a blog for anyone</span>
         </div>
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/chat/" class="thumb"><img src="img/hackaday04.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/chat/"><img src="img/hackaday04.png"></a>
             <span class="name">Hack-A-Chat</span>
             <span class="date">04</span>
             <span class="links">
@@ -31,7 +31,7 @@
             <span class="description">an online chatroom</span>
         </div>
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/paste" class="thumb"><img src="img/hackaday05.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/paste"><img src="img/hackaday05.png"></a>
             <span class="name">Hack-A-Paste</span>
             <span class="date">05</span>
             <span class="links">
@@ -42,7 +42,7 @@
             <span class="description">a pastebin</span>
         </div>
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/link" class="thumb"><img src="img/hackaday02.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/link"><img src="img/hackaday02.png"></a>
             <span class="name">Hack-A-Link</span>
             <span class="date">05</span>
             <span class="links">
@@ -53,7 +53,7 @@
             <span class="description">a link shortener</span>
         </div>
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/homepage" class="thumb"><img src="img/hackaday01.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/homepage"><img src="img/hackaday01.png"></a>
             <span class="name">Hack-A-Homepage</span>
             <span class="date">05</span>
             <span class="links">
@@ -64,7 +64,7 @@
             <span class="description">make your own homepage</span>
         </div>
         <div class="hack fail">
-            <a href="https://tilde.za3k.com/hackaday/icecube" class="thumb"><img src="img/hackaday06.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/icecube"><img src="img/hackaday06.png"></a>
             <span class="name">Hack-An-Icecube</span>
             <span class="date">06</span>
             <span class="links">
@@ -75,7 +75,7 @@
             <span class="description">icecubes fall</span>
         </div>
         <div class="hack cool">
-            <a href="https://tilde.za3k.com/hackaday/asteroid" class="thumb"><img src="img/hackaday07.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/asteroid"><img src="img/hackaday07.png"></a>
             <span class="name">Hack-An-Asteroid</span>
             <span class="date">07</span>
             <span class="links">
@@ -86,7 +86,7 @@
             <span class="description">asteroids clone</span>
         </div>
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/dictionary" class="thumb"><img src="img/hackaday08.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/dictionary"><img src="img/hackaday08.png"></a>
             <span class="name">Hack-A-Dictionary</span>
             <span class="date">08</span>
             <span class="links">
@@ -97,7 +97,7 @@
             <span class="description">look up words</span>
         </div>
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/mandelbrot" class="thumb"><img src="img/hackaday09.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/mandelbrot"><img src="img/hackaday09.png"></a>
             <span class="name">Hack-A-Mandelbrot</span>
             <span class="date">09</span>
             <span class="links">
@@ -108,7 +108,7 @@
             <span class="description">explore fractals</span>
         </div>
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/machine" class="thumb"><img src="img/hackaday10.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/machine"><img src="img/hackaday10.png"></a>
             <span class="name">Hack-A-Machine</span>
             <span class="date">10</span>
             <span class="links">
@@ -119,7 +119,7 @@
             <span class="description">goofy machine with assembly</span>
         </div>
         <div class="hack cool">
-            <a href="https://tilde.za3k.com/hackaday/tile" class="thumb"><img src="img/hackaday11.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/tile"><img src="img/hackaday11.png"></a>
             <span class="name">Hack-A-Tile</span>
             <span class="date">11</span>
             <span class="links">
@@ -129,16 +129,13 @@
             </span>
             <span class="description">arrange matching tiles</span>
         </div>
-        <div class="hack fail">
-            <a href="" class="thumb"><img></a>
+        <div class="hack skipped">
+            <a href=""><img></a>
             <span class="name">Day 12</span>
             <span class="date">12</span>
-            <span class="links">
-            </span>
-            <span class="description"></span>
         </div>
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/line" class="thumb"><img src="img/hackaday13.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/line"><img src="img/hackaday13.png"></a>
             <span class="name">Hack-A-Line</span>
             <span class="date">13</span>
             <span class="links">
@@ -149,7 +146,7 @@
             <span class="description">play 5-in-a-row with a friend</span>
         </div>
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/stats" class="thumb"><img src="img/hackaday14.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/stats"><img src="img/hackaday14.png"></a>
             <span class="name">Hack-A-Stats</span>
             <span class="date">14</span>
             <span class="links">
@@ -160,7 +157,7 @@
             <span class="description">see how hack-a-day is doing</span>
         </div>
         <div class="hack cool">
-            <a href="https://tilde.za3k.com/hackaday/sound" class="thumb"><img src="img/hackaday15.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/sound"><img src="img/hackaday15.png"></a>
             <span class="name">Hack-A-Sound</span>
             <span class="date">15</span>
             <span class="links">
@@ -171,7 +168,7 @@
             <span class="description">play sounds and make tracks</span>
         </div>
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/song" class="thumb"><img src="img/hackaday16.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/song"><img src="img/hackaday16.png"></a>
             <span class="name">Hack-A-Song</span>
             <span class="date">16</span>
             <span class="links">
@@ -182,7 +179,7 @@
             <span class="description">listen to 'greensleeves'</span>
         </div>
         <div class="hack cool">
-            <a href="https://tilde.za3k.com/hackaday/tank" class="thumb"><img src="img/hackaday17.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/tank"><img src="img/hackaday17.png"></a>
             <span class="name">Hack-A-Tank</span>
             <span class="date">17</span>
             <span class="links">
@@ -193,7 +190,7 @@
             <span class="description">relax and play with fish</span>
         </div>
         <div class="hack">
-            <a href="https://tilde.za3k.com/hackaday/crop" class="thumb"><img src="img/hackaday18.png"></a>
+            <a href="https://tilde.za3k.com/hackaday/crop"><img src="img/hackaday18.png"></a>
             <span class="name">Hack-A-Crop</span>
             <span class="date">18</span>
             <span class="links">