Some smaller improvements; added more greetings

new_site/src/griddy.css

@@ -9,7 +9,7 @@ html { box-sizing: border-box; }
     --fg-color: #000000;
     --selection-bg-color: #bbffbb;
     --selection-fg-color: #000000;
-    --accent: #96ff96;
+    --accent: #10dd10;
 }
 @media (prefers-color-scheme: dark) {
     :root {
@@ -17,6 +17,7 @@ html { box-sizing: border-box; }
         --fg-color: #ffffff;
         --selection-bg-color: var(--accent);
         --selection-fg-color: #000000;
+        --accent: #96ff96;
     }
 }
 body {
@@ -35,6 +36,7 @@ body {
 
 h1 {
     text-align: center;
+    margin: 1.5em 0;
 }
 
 /* Blinking cursor */
@@ -53,7 +55,7 @@ h1::after {
     content: "";
     width: 5px;
     height: 0.9em;
-    background: #00ff00;
+    background: var(--accent);
     margin-left: 3px;
     display: inline-block;
     animation: cursor-blink 900ms ease-in-out infinite;
@@ -95,7 +97,7 @@ code {
     color: var(--bg-color);
 }
 code a {
-    text-decoration-color: var(--fg-color); !important
+    text-decoration-color: var(--fg-color) !important;
 }
 
 .row {

new_site/src/index.html

@@ -50,7 +50,30 @@
             Made with ❤️ by human | <a href="https://privacynerd.de/impressum?referrer=http://127.0.0.1:8000/griddy.html">Imprint</a>
         </div>
         <script>
-            const greetings = ["What's up?", "Hey dear stranger!", "Hello you!", "G'day m'ae", "Greetings!", "Nice to hear from you!"];
+            const greetings = [
+              "What's up?",
+              "How's it goin'?",
+              "Hey dear stranger!", 
+              "Howdy, stranger!",
+              "Hello you!",
+              "G'day mate!", 
+              "Greetings!", 
+              "Nice to hear from you!",
+              "Oi!",
+              "Welcome to my website!",
+              "Hey there!",
+              "Hey!",
+              "Hej!",
+              "Welcome aboard!",
+              "Welcome to my little corner of the internet!",
+              "Welcome to my space on the web!",
+              "Hello, take a look around!",
+              "Glad you're here, enjoy your stay!",
+              "Hey, nice to see you here!",
+              "I’m happy you stopped by!",
+              "Hey there! Let’s have some fun!",
+            ];
+
             headline = document.getElementById("headline");
             headline.innerText = greetings[Math.floor(Math.random() * greetings.length)];
         </script>