konami mobile, fix konami redir

2 files changed, 42 insertions, 22 deletions

diff --git a/konami/css/main.css b/konami/css/main.css
index 8e34ca6..bb313c6 100644
--- a/konami/css/main.css
+++ b/konami/css/main.css
@@ -54,12 +54,18 @@ body {
 }
 
 main {
-    /* margin: auto; ** This is only needed for mobile */
     font-size: 6vh;
     line-height: 1.2;
     max-width: 75vh;
 }
 
+@media(max-width: 768px) {
+    main {
+        margin: auto;
+        width: 100%;
+    }
+}
+
 .links a {
     background-color: yellow;
 }
@@ -95,6 +101,12 @@ main {
     justify-content: center;
 }
 
+@media(max-width: 768px) {
+    .navigation-bar {
+        display: none;
+    }
+}
+
 .nav {
     overflow: hidden;
     max-width: 100%;
@@ -256,4 +268,10 @@ p {
     font-weight: bold;
     margin: 50vh 0 0 0;
     font-family: sans-serif;
+}
+
+@media(max-width: 768px) {
+    .ee {
+        display: none;
+    }
 }
\ No newline at end of file
diff --git a/konami/index.html b/konami/index.html
index ebace62..d4a5637 100644
--- a/konami/index.html
+++ b/konami/index.html
@@ -13,7 +13,7 @@
         <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/redirect-to-root.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">
@@ -99,27 +99,29 @@
             </div>
         </main>
 
-        <!-- 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>
+        <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">
+            <!-- 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: //