make konami available on mobile

4 files changed, 25 insertions, 3 deletions

diff --git a/f.jpg b/f.jpg
deleted file mode 100644
index f62c29a..0000000
--- a/f.jpg
+++ /dev/null
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