Compare commits

..

2 Commits

2 changed files with 30 additions and 5 deletions

@ -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 {

@ -47,10 +47,33 @@
</div>
<hr>
<div class="footer">
Made with ❤️ in Germany | <a href="https://privacynerd.de/impressum?referrer=http://127.0.0.1:8000/griddy.html">Imprint</a>
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!",
"Im happy you stopped by!",
"Hey there! Lets have some fun!",
];
headline = document.getElementById("headline");
headline.innerText = greetings[Math.floor(Math.random() * greetings.length)];
</script>