www/index.html - adjust countdown styles

mainly, add a blink for seconds and countdown
2022-12-31 13:11:40 +00:00
parent 586471e83b
commit 68fbefab9e
1 changed files with 8 additions and 3 deletions
--- a/www/index.html
+++ b/www/index.html
@@ -14,10 +14,15 @@
      div#location {
        font-size: 50pt;
      }
-      div.hours { color: blue; }
+      div.hours { color: black; }
      div.minutes { color: green; }
-      div.seconds { color: orange; }
-      div.countdown { color: red; }
+      div.seconds { color: orange; animation: blinker 1s linear infinite; }
+      div.countdown { color: red; animation: blinker 1s linear infinite; }
+      @keyframes blinker {
+        50% {
+          opacity: 0;
+        }
+      }
    </style>
  </head>
  <body>