diff --git a/assets/base.css b/assets/base.css
index fb98295..3a8968e 100644
--- a/assets/base.css
+++ b/assets/base.css
@@ -139,6 +139,16 @@ main {
     position: fixed
 }
 
+.skip-animation {
+    animation: 4.5s 1 linear appear;
+    visibility: hidden;
+    position: fixed;
+    width: 100vw;
+    height: 100vh;
+    top: 0;
+    left: 0;
+}
+
 .loading > p:first-child {
     animation: 1s 1 linear appear;
     animation-fill-mode: forwards;
diff --git a/assets/main.js b/assets/main.js
new file mode 100644
index 0000000..54c9b7c
--- /dev/null
+++ b/assets/main.js
@@ -0,0 +1,26 @@
+let stylesheet
+
+window.addEventListener("load", () => {
+    stylesheet = document.styleSheets[0];
+    
+    let skipNode = document.createElement("div");
+    skipNode.setAttribute("class", "skip-animation");
+    skipNode.setAttribute("onclick", "skipAnimation()");
+    document.body.appendChild(skipNode);
+});
+
+function skipAnimation() {
+    for (let node of document.getElementsByClassName("skip")) {
+        const animations = node.getAnimations();
+        for (let anim of animations) {
+            anim.finish();
+        }
+    }
+    for (let node of document.getElementsByClassName("splash")) {
+        const animations = node.getAnimations();
+        for (let anim of animations) {
+            anim.finish();
+        }
+    }
+    document.getElementsByClassName("skip-animation")[0].remove();
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 688dd97..aa0a31d 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="skip">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -10,17 +10,17 @@
     </head>
     <body>
         <div class="loading">
-            <p>Connecting.</p>
-            <p>Connecting..</p>
-            <p>Connecting...</p>
+            <p class="skip">Connecting.</p>
+            <p class="skip">Connecting..</p>
+            <p class="skip">Connecting...</p>
         </div>
         <div class="splash splash-1">│.               .                    
 │ ├┐  ─┐/┌┐┌┐┌ ├  ├┐┌┐ ─┐/  ─┐   ┌─┐ ╷
 ││││││ │ ││││└┐│ │││││  │ ││┌┘   ╵ └─┘
 └   └┘/└─├┘└┘─┘└─   └┤./└─└┤└─        
                      ┘     ┘          </div>
-        <div class="nojs"><main>
-            <span class="title nojs">Linuxposting Tilde</span>
+        <div class="nojs skip"><main>
+            <span class="title nojs skip">Linuxposting Tilde</span>
 <div class="ascii ascii-1">\  *                    __   *                 __        _
  \  \ \_ \ \  \| ,_  ,_ \_ \- \ \_ ,-\   \|\ \  _\      / \_/
   \_ \ \\ \_\ |\ \_\ \_\ _\ \_ \ \\ \_\ *|\ \_\ \__
@@ -63,6 +63,7 @@
                 <li><a href="https://element.linuxposting.xyz">Element</a></li>
             </ul>
         </main></div>
-        <span class="credit"><a href="https://girlkissing.tips">site by Magdalunaa :3</a></span>
+        <span class="credit skip"><a href="https://girlkissing.tips">site by Magdalunaa :3</a></span>
     </body>
+    <script src="/assets/main.js"></script>
 </html>
\ No newline at end of file
