Infinite SUS

2022-03-31 22:23:06 +02:00 · 2022-03-31 22:23:06 +02:00 · 9b7f91b319
commit 9b7f91b319
parent dcbfd4f0e0
3 changed files with 52 additions and 0 deletions
--- a/.htaccess
+++ b/.htaccess
@ -0,0 +1,3 @@
+RewriteEngine On
+
+RewriteRule ^sus$ sus.html [NC]
--- a/img/sus.png
+++ b/img/sus.png
--- a/sus.html
+++ b/sus.html
@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Experience the SUS!">
+	<meta property="og:image" content="https://nsfw.cringe-studios.com/sus.png">
+	<meta property="og:type" content="website">
+	<meta property="og:url" content="https://cringe-studios.com/">
+	<meta property="og:title" content="¢яιηgє $тυ∂ισѕ Infinite SUS">
+	<meta property="og:description" content="Experience the SUS!">
+    <title>Infinite SUS</title>
+	<style>
+        .container{
+            display: flex;
+            flex-wrap: wrap;
+        }
+	</style>
+</head>
+<body style="font-family: 'Courier';">
+   <div class="container"> 
+
+   </div>
+   <button type="button" onClick="loadText();">More Sus!</button>
+    
+
+    <script>
+        const container = document.querySelector('.container');
+
+        function loadText(numElements = 10000){
+            let i=0;
+            while(i < numElements){
+                const img =  document.createElement('div');
+	            img.innerText = `SUS`
+            	container.appendChild(img)
+                i++;
+            }   
+        }
+
+        loadText();
+
+        window.addEventListener('scroll',()=>{
+            if(window.scrollY + window.innerHeight >= document.documentElement.scrollHeight){
+                loadText();
+            }
+        })
+    </script>
+</body>
+</html>