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>