cool

marvinborner · marvinborner · commit 063efc4be49b · 2023-12-28T16:33:58.000+01:00
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -15,20 +15,32 @@
   <body>
     <div class="page">
       <div class="center blink">
-        <h1>Ludicrous Adventures of Ridiculous Shenanigans</h1>
-        <h1>#1 CTF team</h1>
+        <p>Ludicrous Adventures of Ridiculous Shenanigans</p>
+        <p>#1 CTF team</p>
       </div>
+      <small class="note">SCROLL</small>
     </div>
     <div class="page">
       <ul class="center blink">
-        <li><a href="https://github.com/larsvommars">LARSVOMMARS</li>
-        <li><a href="https://github.com/marvinborner">MARWYNTHEMAGE</li>
-        <li><a href="https://github.com/AnyUnderstanding">ANYUNDERSTANDING</li>
-        <li><a href="https://github.com/maytastico">MAYTASTICO</li>
-        <li><a href="https://github.com/pherkel">PHERKEL</li>
-        <li><a href="https://github.com/r1vers0ng">LINEA</li>
+        <li><a href="https://github.com/larsvommars">LARSVOMMARS</a></li>
+        <li><a href="https://github.com/marvinborner">MARWYNTHEMAGE</a></li>
+        <li>
+          <a href="https://github.com/AnyUnderstanding">ANYUNDERSTANDING</a>
+        </li>
+        <li><a href="https://github.com/maytastico">MAYTASTICO</a></li>
+        <li><a href="https://github.com/pherkel">PHERKEL</a></li>
+        <li><a href="https://github.com/r1vers0ng">LINEA</a></li>
       </ul>
     </div>
+    <div class="page colored">
+      <div class="center blink">
+        <h1>SOCIAL</h1>
+        <ul>
+          <li><a href="https://gpn21.ctf.kitctf.de/teams/194">KITCTF</a></li>
+          <li><a href="https://github.com/lars-ctf">GITHUB</a></li>
+        </ul>
+      </div>
+    </div>
     <div id="bg" class="bg"></div>
     <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
     <script src="script.js"></script>
diff --git a/style.css b/style.css
@@ -4,8 +4,9 @@ html, body {
     padding: 0;
     margin: 0;
     text-align: center;
-    font-size: 42px;
+    font-size: 69px;
     font-family: 'Courier New', Courier, monospace;
+    font-weight: bold;
 }
 
 .center {
@@ -34,7 +35,7 @@ html, body {
 .bg {
     z-index: 1;
     width: 100%;
-    height: 100%;
+    height: 200vh;
     position: absolute;
     top: 0;
     left: 0;
@@ -45,6 +46,18 @@ html, body {
     position: relative;
 }
 
+.note {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    font-size: 28px;
+}
+
+.colored {
+    background-color: pink;
+}
+
 ul, li, ol {
     list-style: none;
 }
