change konami to single page :)))

1 files changed, 51 insertions, 112 deletions

diff --git a/konami/index.html b/konami/index.html
index 338f281..5179189 100644
--- a/konami/index.html
+++ b/konami/index.html
@@ -5,141 +5,80 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta http-equiv="X-UA-Compatible" content="ie=edge">
-        <meta name="theme-color" content="#FFF">
-        <title>s1nical - Landing Page</title>
-        <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic'
-            rel='stylesheet' type='text/css'>
+        <title>s1nical - 404</title>
+        <!-- External Links  -->
         <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.3.1/trianglify.min.js"></script>
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
-        <link rel="stylesheet" href="/konami/css/main.css">
-        <script src="/konami/js/main.js"></script>
-        <script src="/js/refresh-on-media.js"></script>
-        <meta name="description" content="s1nical is a full stack developer.">
-        <meta property="og:description" content="s1nical is a full stack developer.">
-        <meta property="og:title" content="s1nical">
-        <meta property="twitter:card" content="summary">
-        <meta property="twitter:site" content="@mwfeeds">
-        <meta property="og:image" content="">
-        <script src="https://www.googletagmanager.com/gtag/js?id=UA-30692517-4"></script>
         <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
-        <script src="https://rawgit.com/WeiChiaChang/Easter-egg/master/easter-eggs-collection.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"></script>
-        <link rel="apple-touch-icon" sizes="128x128" href="/konami/assets/images/small-spinning-globe3.gif">
-        <link rel="icon" type="image/gif" href="/konami/assets/images/small-spinning-globe3.gif" sizes="128x128">
-        <link rel="canonical" href="https://s1n.pw/">
-        <script type="application/ld+json">
-            {
-                "name": "s1nical",
-                "alternateName": "s1n",
-                "description": "s1nical is a full stack developer.",
-                "headline": "s1nical is a full stack developer.",
-                "url": "https://s1n.pw/",
-                "image": "",
-                "sameAs": [
-                    "https://twitter.com/mwfeeds",
-                    "https://github.com/8cy",
-                    "https://www.reddit.com/user/s1nical/",
-                ],
-                "publisher": {
-                    "@type": "Organization",
-                    "logo": {
-                        "@type": "ImageObject",
-                        "url": ""
-                    }
-                },
-                "@type": "WebSite",
-                "@context": "http://schema.org"
-            }
-        </script>
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/inter.css"
-            integrity="sha256-DyLTj16AbuvawyWJMPz4tJNp46iGflE/fWYAoU2IGpk=" crossorigin="anonymous">
-        <!-- Global site tag (gtag.js) - Google Analytics -->
-        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-145087191-1"></script>
-        <script>
-            window.dataLayer = window.dataLayer || [];
-
-            function gtag() {
-                dataLayer.push(arguments);
-            }
-            gtag('js', new Date());
-
-            gtag('config', 'UA-145087191-1');
-        </script>
+        <!-- CSS Links  -->
+        <!-- Why am I so dumb, I just found out why the css wasn't working on the 404 with a trailing slash on Stack Overflow, lol, then I
+            went through ALL of the files checking if I had any more "./" instead of absolute path and turns out this is the only file I didn't go through...-->
+        <link rel="stylesheet" href="/about/css/main.css">
+        <link rel="stylesheet" href="/about/css/navigation-bar.css">
+        <link rel="stylesheet" href="/about/css/loader-animation.css">
+        <link rel="stylesheet" href="/about/css/blog-slider.css">
+        <link rel="stylesheet" href="/404/css/main.css">
+        <!-- Invisible Links -->
+        <script src="/js/loader-animation.js"></script>
+        <script src="/js/refresh-on-media.js"></script>
     </head>
 
     <body>
+        <!-- Visable Links -->
+        <script src="/js/background-sparkles.js"></script>
 
         <!-- Navigation Bar -->
         <div class="navigation-bar">
             <nav class="nav">
-                <a href="/" class="nav-item" active-color="orange">Home</a> <!-- Had `is-active` after it but removed it due to not highlighting. -->
+                <a href="/" class="nav-item" active-color="orange">Home</a>
+                <!-- Had `is-active` after it but removed it due to not highlighting. -->
                 <a href="/about/" class="nav-item" active-color="green">About</a> <!-- About -->
                 <a href="https://p.s1n.pw/" class="nav-item" active-color="blue">Portfolio</a> <!-- Testimonials -->
                 <!--<a href="/doge" class="nav-item" active-color="red">Doge</a> <!-- Blog -->
                 <!--<a href="/cars/" class="nav-item" active-color="rebeccapurple">Cars</a> <!-- Contact -->
-                <a href="/directory/" class="nav-item" active-color="rebeccapurple">Directory</a>
                 <!--<a href="https://nani.s1n.pw" class="nav-item" active-color="rebeccapurple">Nani?!</a>-->
                 <span class="nav-indicator"></span>
             </nav>
         </div>
 
-        <!-- Core Site Function, Site Primer/ Base -->
-        <main>
+        <div class="bio">
             <div class="links">
-                <div class="email">
-                    <a href="mailto:[email protected]">s1nical</a><br>
-                    Full-stack developer.<br><br>
-                </div>
-                <div class="twitter">
-                    Follow me on <a href="https://twitter.com/mwfeeds">Twitter</a>.
-                </div>
-                <div class="github">
-                    View my code on <a href="https://github.com/8cy">GitHub</a>.
+                <div class="blog-slider">
+                    <div class="content" style="text-align: center;">
+                        <h1>Are you sure?</h1>
+                        <h2>You are entering a depreciated zone.</h2>
+                        <h1>
+                            <!-- Filler -->
+                        </h1>
+                        <a href="/konami/bypass/">Continue</a>
+                        <h1>
+                            <!-- Filler -->
+                        </h1>
+                    </div>
                 </div>
             </div>
-        </main>
-
-        <div class="ee">
-            <!-- Toasty -->
-            <img class='toasty' src='https://s3-eu-west-1.amazonaws.com/wdildnproject2/toasty.png'>
-            <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
-
-            <!-- Marty -->
-            <audio class="marty" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/marty.mp3" preload="auto"></audio>
-            <img class="marty" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/marty.png" alt="marty">
-            
-            <!-- Doc -->
-            <audio class="docbrown" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/docbrown.mp3"
-                preload="auto"></audio>
-            <img class="docbrown" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/docbrown.png" alt="doc">
-            
-            <!-- Biff -->
-            <audio class="biff" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/biff.mp3" preload="auto"></audio>
-            <img class="biff" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/biff.png" alt="biff">
-            
-            <!-- Goldie -->
-            <audio class="goldie" src="https://jigowatt.co.uk/wp-content/themes/client/dist/audio/goldie.mp3"
-                preload="auto"></audio>
-            <img class="goldie" src="https://jigowatt.co.uk/wp-content/themes/client/dist/img/goldie.png" alt="goldie">
         </div>
 
-        <!-- Background Music
-            // CREDITS: //
-        
-        Title: The Classics - A New Retro Synthwave Mix
-        
-        Uploader: Confused Bi-Product of a Misinformed Culture
-        
-        Full Credits: https://s1n.pw/konami/assets/midi/midi.mp3.txt
-        -->
-        <audio src="/konami/assets/midi/midi.mp3" autoplay id="music">
-            <p>If you are reading this, it is because your browser does not support the audio element.</p>
-                <script>
-                    var audio = document.getElementById("music");
-                    audio.volume = 0.1; // Volume Adjuster, might bind it to "- and +" one day if possible.
-                </script>
-        </audio>
-
+        <!-- Loading Animation -->
+        <div class="loader-wrapper">
+            <div class="loader">
+                <row>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </row>
+                <row>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </row>
+                <row>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </row>
+            </div>
+        </div>
     </body>
 
-</html>
\ No newline at end of file
+</html>