formatting, removals, stability fixes

FORMATTING:
- Add descriptive/ sorting tags to index.html in root
- Change most function dividers in JS to uppercase
- Add commenting to background-sparkles.js

DELETION:
- Doge

STABILITY:
- Replace screen.width detections with 699px instead of 460px, because the largest phones verify as 780.

10 files changed, 19 insertions, 207 deletions

diff --git a/directory/games/index.html b/directory/games/index.html
index bdf2504..c3794f3 100644
--- a/directory/games/index.html
+++ b/directory/games/index.html
@@ -65,16 +65,6 @@
                 <td align="right">386.0K</td>
             </tr>
             <tr>
-                <td valign="top"><a href="/doge/">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" alt="[SND]" width="24" height="24">
-                            <title>Game</title>
-
-                        </svg>
-                    </a></td>
-                <td><a href="/doge/">Doge</a></td>
-                <td align="right">12.9K</td>
-            </tr>
-            <tr>
                 <td valign="top"><a href="/wolf3d/">
                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" alt="[SND]" width="24" height="24">
                             <title>Game</title>
diff --git a/doge/css/main.css b/doge/css/main.css
deleted file mode 100644
index d182707..0000000
--- a/doge/css/main.css
+++ /dev/null
@@ -1,159 +0,0 @@
-body {
-  background-image: url("http://fay.io/w/space.jpg");
-  background-repeat: repeat;
-  background-position: top center;
-}
-
-.rotate-container-1 {
-  -webkit-animation: shrink 6s linear infinite,
 fade 6s linear infinite;
-          animation: shrink 6s linear infinite,
 fade 6s linear infinite;
-}
-
-.rotate-container-1 .rotate {
-  -webkit-animation: spin 6s linear infinite;
-          animation: spin 6s linear infinite;
-}
-
-.rotate-container-1 .rotate-object {
-  background: url("http://fay.io/w/doge.png") no-repeat;
-  background-size: 100%;
-}
-
-.rotate-container-2 {
-  -webkit-animation: shrink 6s linear infinite 2s,
 fade 6s linear infinite 2s;
-          animation: shrink 6s linear infinite 2s,
 fade 6s linear infinite 2s;
-}
-
-.rotate-container-2 .rotate {
-  -webkit-animation: spin 6s linear infinite 2s;
-          animation: spin 6s linear infinite 2s;
-}
-
-.rotate-container-2 .rotate-object {
-  background: url("http://fay.io/w/wrecking-ball(1).png") no-repeat;
-  background-size: 100%;
-}
-
-.rotate-container-3 {
-  -webkit-animation: shrink 6s linear infinite 4s,
 fade 6s linear infinite 4s;
-          animation: shrink 6s linear infinite 4s,
 fade 6s linear infinite 4s;
-}
-
-.rotate-container-3 .rotate {
-  -webkit-animation: spin 6s linear infinite 2s;
-          animation: spin 6s linear infinite 2s;
-}
-
-.rotate-container-3 .rotate-object {
-  background: url("http://fay.io/w/grumpy-cat.png") no-repeat;
-  background-size: 100%;
-}
-
-.rotate-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 1em;
-  height: 1em;
-  margin: auto;
-  -webkit-backface-visibility: hidden;
-  -webkit-perspective: 1000;
-}
-
-.rotate {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 1em;
-  height: 20em;
-  margin-left: -.5em;
-  -webkit-transform-origin: 50% 0;
-          transform-origin: 50% 0;
-}
-
-.rotate-object {
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  width: 5em;
-  height: 5em;
-  margin-left: -2.5em;
-  -webkit-animation: spin 20s linear infinite;
-          animation: spin 20s linear infinite;
-}
-
-@-webkit-keyframes spin {
-  from {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-@keyframes spin {
-  from {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-@-webkit-keyframes shrink {
-  from {
-    -webkit-transform: scale(3);
-            transform: scale(3);
-  }
-  to {
-    -webkit-transform: scale(0);
-            transform: scale(0);
-  }
-}
-
-@keyframes shrink {
-  from {
-    -webkit-transform: scale(3);
-            transform: scale(3);
-  }
-  to {
-    -webkit-transform: scale(0);
-            transform: scale(0);
-  }
-}
-
-@-webkit-keyframes fade {
-  0% {
-    opacity: 0;
-  }
-  5% {
-    opacity: 1;
-  }
-  80% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-
-@keyframes fade {
-  0% {
-    opacity: 0;
-  }
-  5% {
-    opacity: 1;
-  }
-  80% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
diff --git a/doge/favicon.png b/doge/favicon.png
deleted file mode 100644
index b8838f1..0000000
--- a/doge/favicon.png
+++ /dev/null
diff --git a/doge/index.html b/doge/index.html
deleted file mode 100644
index f7703e3..0000000
--- a/doge/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>

-<html lang="en">

-<head>

-    <meta charset="UTF-8">

-    <meta name="viewport" content="width=device-width, initial-scale=1.0">

-    <meta http-equiv="X-UA-Compatible" content="ie=edge">

-    <title>s1nical - Doge in space</title>

-    <link rel="stylesheet" href="/doge/css/main.css">

-    <link rel="shortcut icon" href="/favicon.png" type="image/x-icon">

-</head>

-  <body>

-      <div class="rotate-container rotate-container-1">

-          <div class="rotate">

-            <div class="rotate-object"></div>

-          </div>

-        </div>

-        

-        <div class="rotate-container rotate-container-2">

-          <div class="rotate">

-            <div class="rotate-object"></div>

-          </div>

-        </div>

-        

-        <div class="rotate-container rotate-container-3">

-          <div class="rotate">

-            <div class="rotate-object"></div>

-          </div>

-        </div>

-  </body>

-</html>
\ No newline at end of file
diff --git a/humans.txt b/humans.txt
index 8e33a27..9bb07f0 100644
--- a/humans.txt
+++ b/humans.txt
@@ -18,7 +18,7 @@ Location: Oregon
                             
 /* SITE */
 
-Last update: 2019/08/22
+Last update: 2019/09/05
 
 Standards: HTML5, CSS3, JS and PHP7.
 
diff --git a/index.html b/index.html
index 67af1e8..ab8c8ca 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
   <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic' rel='stylesheet' type='text/css'>

   <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>

+  <!-- CSS Links -->

   <link id="stylesheet" rel="stylesheet" type="text/css" href="/css/main.css" />

   <meta name="description" content="s1nical is a full stack developer.">

   <meta property="og:description" content="s1nical is a full stack developer.">

@@ -22,9 +23,11 @@
   <link rel="icon" type="image/ico" href="/favicon.ico" sizes="128x128">

   <link rel="canonical" href="https://s1n.pw/">

   <link rel="author" href="humans.txt" />

+  <!-- Header Scripts -->

   <script src="/js/hide-context-menu.js"></script>

   <script src="/js/loader-animation.js"></script>

   <script src="/js/redirect-to-mobile.js"></script>

+  <!-- Schema.org Stuff -->

   <script type="application/ld+json">

     {

       "name": "s1nical",

@@ -61,6 +64,7 @@
   </script>

 </head>

   <body>

+    <!-- Scripts -->

     <script src="/js/app.js"></script>

     <script src="/js/background-sparkles.js"></script>

 

diff --git a/js/app.js b/js/app.js
index 48022f1..eccb561 100644
--- a/js/app.js
+++ b/js/app.js
@@ -1,3 +1,4 @@
+// KONAMI CODE HINTS

 $(window).on("load", function () {

   console.log("UP, UP, DOWN, DOWN, LEFT, RIGHT, LEFT, RIGHT, B, A")

 

@@ -21,8 +22,7 @@ if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phon
 ** })();

 */

 

-// KONAMI CODE FOR ALTERNATE 90s SITE

-

+// KONAMI CODE FOR ALTERNATE 90S SITE

 // A key map of allowed keys

 var allowedKeys = {

   37: 'left',

diff --git a/js/background-sparkles.js b/js/background-sparkles.js
index 16cfb4e..bce6b94 100644
--- a/js/background-sparkles.js
+++ b/js/background-sparkles.js
@@ -1,5 +1,10 @@
-// BACKGROUND SPARKLES
-// SCRIPT #1
+// Background only renders based on the original browser window size when
+// starting to load the site. Due to rendering issues, I don't think I
+// can do it other wise.
+
+///////////////
+// SCRIPT #1 //
+///////////////
 
 // Set up base pattern
 var pattern = Trianglify({
@@ -25,7 +30,9 @@ document.body.appendChild(pattern.svg())
 // png.src = pattern.png()
 // document.body.appendChild(png)
 
-// SCRIPT #2
+///////////////
+// SCRIPT #2 //
+///////////////
 
 $('.title-wrapper').css('width', window.innerWidth);
 $('.title-wrapper').css('height', window.innerHeight);
diff --git a/js/redirect-to-desktop.js b/js/redirect-to-desktop.js
index 64d767d..df42fa0 100644
--- a/js/redirect-to-desktop.js
+++ b/js/redirect-to-desktop.js
@@ -1,4 +1,4 @@
 // CHECKS IF USER IS ON DESKTOP
-if (screen.width > 480) {
+if (screen.width > 699) {
     location.href = '/index.html';
 }
\ No newline at end of file
diff --git a/js/redirect-to-mobile.js b/js/redirect-to-mobile.js
index 5807029..599d0b6 100644
--- a/js/redirect-to-mobile.js
+++ b/js/redirect-to-mobile.js
@@ -1,4 +1,4 @@
 // CHECKS IF USER IS ON MOBILE
-if (screen.width <= 480) {
+if (screen.width <= 699) {
     location.href = '/mobile';
 }
\ No newline at end of file