Add items per-request

ajaska · Aug 3, 2016 · 9fb08ce · 9fb08ce
1 parent 5715563
commit 9fb08ce
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -11,17 +11,62 @@
 
             #eternal-sadness {
                 display: inline-block;
-                margin-top: 200px;
                 font-weight: bold;
                 font-size: 120pt;
                 font-family: Arial, sans-serif;
                 text-decoration: none;
                 color: red;
+                z-index: 99;
+                position: fixed;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+            }
+
+
+            .meme {
+                opacity: 0;
+                position: fixed;
+                top: 50%;
+                transition: opacity 2s ease-in;
+            }
+
+            #rip {
+                left: 50%;
+                transform: translate(-50%, -50%);
+            }
+
+            #rustle {
+                right: 10%;
+                z-index: 10;
+                transform: translate(0, -50%);
+            }
+
+            #overwatch {
+                left: 10%;
+                z-index: -10;
+                transform: translate(0, -50%);
             }
         </style>
+        <script type="text/javascript">
+            window.onload = function() {
+                window.setTimeout(function() {
+                    document.getElementById("rip").style.opacity = 1;
+                }, 500);
+                window.setTimeout(function() {
+                    document.getElementById("rustle").style.opacity = 1;
+                }, 3000);
+                window.setTimeout(function() {
+                    document.getElementById("overwatch").style.opacity = 1;
+                }, 5500);
+            };
+        </script>
     </head>
     <body>
         <div id="eternal-sadness">NO</div>
+        <img id="rip" class="meme" src="./rip.jpg" />
+        <img id="rustle" class="meme" src="./rustle.png" />
+        <img id="overwatch" class="meme" src="./overwatch.jpg" />
         <iframe width="0" height="0" src="http://www.youtube.com/embed/X2WH8mHJnhM?autoplay=1&loop=1&rel=0&start=0" frameborder="0" allowfullscreen></iframe>
     </body>
 </html>
diff --git a/overwatch.jpg b/overwatch.jpg
diff --git a/rip.jpg b/rip.jpg
diff --git a/rustle.png b/rustle.png