Inescapable Rick Roll

CarelessDev · Sep 6, 2021 · b2aaf21 · b2aaf21
1 parent 588cebd
commit b2aaf21
Showing 1 changed file with 44 additions and 17 deletions.
diff --git a/src/App.svelte b/src/App.svelte
@@ -10,23 +10,23 @@
     <h1>Hello Gaymrs!</h1>
     <h2>This website is made for Nathan</h2>
     {#if luck}
-        <iframe
-            width="560"
-            height="315"
-            src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1"
-            title="YouTube video player"
-            frameborder="0"
-            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-            allowfullscreen
-        />
-        <br />
-        <a href="https://nhentai.net/g/177013/"
-            ><img
-                src="https://www.nme.com/wp-content/uploads/2021/07/RickAstley2021.jpg"
-                alt="Rick Astley"
-                height="200px"
-            /></a
-        >
+        <div id="CursedContainer">
+            <a href="https://nhentai.net/g/177013/" target="_blank">
+                <div id="UnholyBox" /></a
+            >
+            <iframe
+                id="RickAstley"
+                src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1"
+                title="YouTube video player"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                allowfullscreen
+            />
+        </div>
+        <h2>
+            Hello Comrade, You can't stop this Rick Roll.<br />
+            Trust me, <span class="red">DON'T CLICK IT.</span> You've been warned.
+        </h2>
     {:else}
         <button on:click={getLucky}>Click Here</button>
     {/if}
@@ -47,6 +47,33 @@
         font-weight: 100;
     }
 
+    #CursedContainer,
+    #UnholyBox,
+    #RickAstley {
+        height: 315px;
+        width: 560px;
+    }
+
+    #CursedContainer {
+        margin: 0 auto;
+    }
+
+    #UnholyBox {
+        margin: 0 auto;
+        float: left;
+        /*background-color: rgba(255, 0, 0, 0.5);*/
+        position: absolute;
+    }
+
+    #RickAstley {
+        margin: 0 auto;
+        float: left;
+    }
+
+    span.red {
+        color: red;
+    }
+
     @media (min-width: 640px) {
         main {
             max-width: none;