]> git.za3k.com Git - za3k.git/commitdiff
Draw a big X for failure, too
authorZachary Vance <za3k@za3k.com>
Sat, 19 Nov 2022 03:42:00 +0000 (22:42 -0500)
committerZachary Vance <za3k@za3k.com>
Sat, 19 Nov 2022 03:42:00 +0000 (22:42 -0500)
hackaday.css
hackaday.html

index 9fc0f96eac9ddae3b58c129301b1768e0ebb9eb3..78a688d79b0f218d3bb6a0a683f25e64d98525bb 100644 (file)
     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;
index f4ea13698a3352bf617cc78962819d8fc5e24ccb..4290fd530490aee4ccac5ccd6a9365259d8b0d1b 100644 (file)
@@ -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>
             </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>
                 <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>
                 <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>
                 <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>