site

commit 842e42d47437ce9c8987de81f5d61d7837599203
parent c86ae1631c99df4be28c38990b3f04f6c5993a18
Author: xfnw <xfnw@ttm.sh>
Date:   Thu, 26 Nov 2020 11:06:51 -0500

details and table css

Diffstat:
M
assets/xfnw.css
 | 
29
+++++++++++++++++++++++++++++
M
countdown.html
 | 
24
+++++++++++++++++-------

2 files changed, 46 insertions(+), 7 deletions(-)
diff --git a/assets/xfnw.css b/assets/xfnw.css
@@ -10,6 +10,7 @@ margin: 0 auto;
 
 h1, h2, h3 {
 	font-weight: 100;
+	font-family: 'VT323';
 }
 
 a {
@@ -33,7 +34,35 @@ border-radius: 0px 10px 10px 0px;
 overflow:auto;
 }
 
+mark {
+	background-color: #dc5;
+}
+
+@font-face {
+	font-family: 'VT323';
+	src: url(https://xfnw.ttm.sh/assets/PressStart2P-Regular.ttf);
+}
 
 
+summary {
+	cursor: pointer;
+	padding: 10px;
+}
+
+th, summary {
+	background-color: #222;
+}
+
+th, td, details {
+	border: 1px solid #222;
+}
+th, td {
+	padding: 5px;
+}
+
+table, details *:not(summary) {
+	border-collapse: collapse;
+	margin: 10px;
+}
 
 
diff --git a/countdown.html b/countdown.html
@@ -7,6 +7,14 @@
 h1, h2 {
 	font-weight: 100
 }
+
+@keyframes flash {
+50% { opacity: 0; }
+}
+h1::after {
+content: "\2588";
+animation: flash 0.7s step-end infinite;
+}
 h1 {
   text-align: center;
   font-size: 110px;
@@ -14,19 +22,21 @@ h1 {
   margin-top: 50px;
   margin-bottom: 0px;
   font-family: monospace;
-  color: #0f0;
+  color: #5d5;
+  font-weight: 100;
 }
 h2 {
   text-align: center;
   font-family: monospace;
-  color: #0f0;
+  color: #5d5;
   font-size: 40px;
   margin:0;
   margin-top: 60px;
+  font-weight: 100;
 }
 body {
-  background-image: url('https://xfnw.ttm.sh/avatar.png');
-  background-color: black;
+  background-image: url('https://xfnw.ttm.sh/fox.png');
+  background-color: #121213;
   background-size:256px;
   border-radius:32px;
   background-repeat: no-repeat;
@@ -66,7 +76,7 @@ body {
        }
 
 .blinkb {
-        background: black;
+        background: #121213;
         animation: blinkers 2s linear infinite;
         position: fixed;
         margin: 0px;
@@ -74,7 +84,7 @@ body {
         left: 0px;
         width: 100%;
         height: 100%;
-        opacity: 1;
+        opacity: 0;
         z-index: 1;
        }
       @keyframes blinkers {
@@ -141,7 +151,7 @@ var x = setInterval(function() {
     
   // Output the result in an element with id="demo"
   document.getElementById("timer").innerHTML = days + "d " + hours + "h "
-  + minutes + "m " + seconds + "s ";
+  + minutes + "m " + seconds + "s";
     
   // If the count down is over, write some text 
   if (distance < 0) {