diff options
| author | Mathias Magnusson <mathias@magnusson.space> | 2023-08-22 22:12:28 +0200 |
|---|---|---|
| committer | Mathias Magnusson <mathias@magnusson.space> | 2023-08-22 22:12:28 +0200 |
| commit | 674e0f6b96ec6eae28e731d2cb4fc59bcc70965f (patch) | |
| tree | 29bf5308499233df8b946a73146ca384382c2833 /jobs/srg/index.html | |
| parent | 3a03268818cac52f93d32703fd089904cd5702e1 (diff) | |
| download | garm-674e0f6b96ec6eae28e731d2cb4fc59bcc70965f.tar.gz | |
Add some websites
Diffstat (limited to 'jobs/srg/index.html')
| -rw-r--r-- | jobs/srg/index.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/jobs/srg/index.html b/jobs/srg/index.html new file mode 100644 index 0000000..189bb7b --- /dev/null +++ b/jobs/srg/index.html @@ -0,0 +1,64 @@ +<!DOCTYPE html> +<html lang="sv"> +<head> + <meta charset="utf-8" /> + <title>Särskilda kommandorörselsegruppen</title> + <style> + * { + margin: 0; + padding: 0; + box-sizing: border-box; + } + body { + display: grid; + place-items: center; + min-height: 100vh; + background-color: black; + color: white; + font-family: monospace; + } + span { + position: relative; + } + .invisible { + display: none; + } + </style> +</head> +<body> + <h1>Särskilda kommandorörelsegruppen</h1> + + <script> + const el = document.querySelector("h1"); + const text = el.textContent; + el.innerHTML = ""; + const spans = new Array(text.length).fill().map((_, i) => { + const span = document.createElement("span"); + span.innerText = text[i]; + span.classList.add("invisible"); + el.appendChild(span); + return span; + }); + const underscore = document.createElement("span"); + const underscoreInner = document.createElement("span"); + underscoreInner.innerText = "_"; + underscore.appendChild(underscoreInner); + underscore.style.position = "relative"; + underscoreInner.style.position = "absolute"; + el.appendChild(underscore); + let i = 0; + const interval = setInterval(() => { + spans[i].classList.remove("invisible"); + + i++; + if (i >= spans.length) { + clearInterval(interval); + setTimeout(removeCursor, 200); + } + }, 100); + function removeCursor() { + underscore.classList.add("invisible"); + } + </script> +</body> +</html> |