From 9dc2f633d2b6b6b37573ec46c59790e192d0dee0 Mon Sep 17 00:00:00 2001
From: s1n <friskaofficial@gmail.com>
Date: Sat, 2 Nov 2019 22:14:33 -0700
Subject: make konami available on mobile

---
 f.jpg               | Bin 175876 -> 0 bytes
 index.html          |   8 +++++---
 js/app.js           |  12 ++++++++++++
 konami/css/main.css |   8 ++++++++
 4 files changed, 25 insertions(+), 3 deletions(-)
 delete mode 100644 f.jpg

diff --git a/f.jpg b/f.jpg
deleted file mode 100644
index f62c29a..0000000
Binary files a/f.jpg and /dev/null differ
diff --git a/index.html b/index.html
index a85924d..31468ef 100644
--- a/index.html
+++ b/index.html
@@ -100,9 +100,11 @@
       </div>
     </main>
 
-    <div class="clairo">
-      <img src="/assets/imgs/clairo2.gif" alt="" width="30px">
-    </div>
+    <span id="m-konami">
+      <div class="clairo" onclick="activateCheats()">
+        <img src="/assets/imgs/clairo2.gif" alt="" width="30px">
+      </div>
+    </span>
 
     <!-- Konami Music -->
     <!-- Background Music
diff --git a/js/app.js b/js/app.js
index f22375e..e5d8ea3 100644
--- a/js/app.js
+++ b/js/app.js
@@ -131,6 +131,12 @@ function activateCheats() {
   document.getElementById("directory-konami").innerHTML = `
     <a href="/directory/" class="nav-item" active-color="rebeccapurple">Directory</a>
   `;
+
+  document.getElementById("m-konami").innerHTML = `
+  <div class="clairo">
+        <img src="/assets/imgs/clairo2.gif" alt="" width="30px" onclick="deactivateCheats()">
+      </div>
+  `;
 }
 
 function deactivateCheats() {
@@ -147,6 +153,12 @@ function deactivateCheats() {
 
   document.getElementById("directory-konami").innerHTML = `
   `;
+
+  document.getElementById("m-konami").innerHTML = `
+  <div class="clairo">
+        <img src="/assets/imgs/clairo2.gif" alt="" width="30px" onclick="activateCheats()">
+      </div>
+  `;
 }
 
 var TxtRotate = function (el, toRotate, period) {
diff --git a/konami/css/main.css b/konami/css/main.css
index 42a0003..13371b4 100644
--- a/konami/css/main.css
+++ b/konami/css/main.css
@@ -286,4 +286,12 @@ svg {
     position: absolute;
     top: 5px;
     left: 5px;
+}
+
+/* Mobile Spacing */
+@media(max-width: 768px) {
+    main {
+        margin: auto;
+        width: 86.21%;
+    }
 }
\ No newline at end of file
-- 
cgit v1.2.3