added some javascript for theme changing

need to test on other machine
2023-09-23 17:53:36 -04:00
parent 80f9e86cf3
commit 3564498917
59 changed files with 239 additions and 676 deletions
@@ -0,0 +1,44 @@
+html, body, div 
+{ 
+    background-color: #E3ECDC;
+    
+}
+
+.dark-mode
+{
+    background-color: #1c1f1b;
+    color: beige;
+}
+
+#main 
+{ 
+    left: 0; 
+    width: 99%; 
+    position: absolute; 
+    display: table-column; 
+}
+
+html { height: 100%; }
+
+h1 { display: table-rows; vertical-align: middle; text-align: center; font-size: 1.5em; }
+
+p { display: table-rows; vertical-align: middle; text-align: center;}
+
+a { color: black; }
+a.nav { color: black; }
+a:hover { color: #6AAB8E; animation: blink2a 1s linear infinite;}
+
+
+div.bar { position: fixed; padding-top: 5; padding-left: 5; z-index: 1; }
+
+.blink1 {  animation: blink1a 2s linear infinite; }
+.blink2 { animation: blink2a 2s linear infinite; }
+.blink3 { animation: blink3a 2s linear infinite; }
+@keyframes blink1a { 25% { opacity: 0; } }
+@keyframes blink2a { 50% { opacity: 0; } }
+@keyframes blink3a { 75% { opacity: 0; } } 
+
+#theme-toggle
+{
+    cursor: pointer;
+}