Draw a big X for failure, too

diff --git a/hackaday.css b/hackaday.css
index 9fc0f96eac9ddae3b58c129301b1768e0ebb9eb3..78a688d79b0f218d3bb6a0a683f25e64d98525bb 100644 (file)
--- a/hackaday.css
+++ b/hackaday.css
@@ -44,6 +44,17 @@
     filter: hue-rotate(180deg);
 }
 
+.hack.fail > *:first-child::before {
+    content: "X";
+    color: rgba(255, 70, 70, 0.85);
+    text-decoration: none;
+    font-size: 200px;
+    position:absolute;
+    width: 200px;
+    height: 200px;
+    line-height: 100%;
+}
+
 .thumb > img {
     border: 1px solid lightgrey;
     border-radius: 15px;

diff --git a/hackaday.html b/hackaday.html
index f4ea13698a3352bf617cc78962819d8fc5e24ccb..4290fd530490aee4ccac5ccd6a9365259d8b0d1b 100644 (file)
--- a/hackaday.html
+++ b/hackaday.html
@@ -63,7 +63,7 @@
             </span>
             <span class="description">make your own homepage</span>
         </div>
-        <div class="hack">
+        <div class="hack fail">
             <a href="https://tilde.za3k.com/hackaday/icecube" class="thumb"><img src="img/hackaday06.png"></a>
             <span class="name">Hack-An-Icecube</span>
             <span class="date">06</span>
@@ -129,6 +129,14 @@
             </span>
             <span class="description">arrange matching tiles</span>
         </div>
+        <div class="hack fail">
+            <a href="" class="thumb"><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>
             <span class="name">Hack-A-Line</span>
@@ -138,7 +146,7 @@
                 <a class="source" href="https://github.com/za3k/day13_line">source</a>
                 <a class="blog" href="https://blog.za3k.com/hack-a-day-hack-a-line/">blog</a>
             </span>
-            <span class="description">get 5-in-a-row with a friend</span>
+            <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>
@@ -160,7 +168,7 @@
                 <a class="source" href="https://github.com/za3k/day15_sound">source</a>
                 <a class="blog" href="https://blog.za3k.com/hack-a-day-hack-a-sound/">blog</a>
             </span>
-            <span class="description">play with sounds and make tracks</span>
+            <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>
@@ -171,7 +179,7 @@
                 <a class="source" href="https://github.com/za3k/day16_song">source</a>
                 <a class="blog" href="https://blog.za3k.com/hack-a-day-hack-a-song/">blog</a>
             </span>
-            <span class="description">play 'greensleeves'</span>
+            <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>