Merge pull request #136 from HarryDulaney/jquery-impl-fix

Fix mobile reload loader doesn't hide bug

css/intro.css

@@ -1,7 +1,6 @@
 /*  -------------------------------------------------- Intro ------------------------------------------------------  */
 .intro--wrapper {
     position: relative;
-    overflow-x: hidden !important;
     background-color: var(--bgcolor-primary);
     min-height: 100vh !important;
     height: fit-content !important;

index.html

@@ -175,10 +175,7 @@
 <script src="./js/contact.js"></script>
 <script src="./js/about.js"></script>
 <script src="./js/download.js"></script>
-<script
-    defer
-    src="./js/app.js"
-></script>
+<script src="./js/app.js"></script>
 <!-- Google tag (gtag.js) -->
 <script
     async
@@ -1935,5 +1932,5 @@ <h2>contact.</h2>
         </footer>
     </div>
 </body>
-
+<script defer src="./js/load.js"></script>
 </html>

js/app.js

@@ -323,15 +323,12 @@ $(function () {
             $('#mobile-nav-icon').removeClass('open');
         }
     });
-
-    $(window).on('load', router);
-    $(window).on('hashchange', router);
+    /* =============== Window Event Binding ============== */
     $(window).on('beforeunload', function () {
         sessionStorage.setItem(PAGE_RELOADED_STORAGE_KEY, 'reloaded');
         INITIALIZED = false;
     });
     $(window).on('resize', onWindowResize);
-
 });
 
 /**
@@ -552,13 +549,6 @@ function toggleTheme() {
     }
 }
 
-function onBodyLoaded() {
-    isLoading = true;
-    if (IS_RELOADED) {
-        hideLoader();
-    }
-}
-
 function setLightTheme(page) {
     switch (page) {
         case 'intro':
@@ -623,4 +613,5 @@ function showArrow(element) {
 
 function hideArrow(timeline) {
     timeline.reverse();
-}
+}
+

js/load.js

@@ -0,0 +1,12 @@
+
+function load() {
+    router();
+    if (IS_RELOADED) {
+        hideLoader();
+        sessionStorage.setItem(PAGE_RELOADED_STORAGE_KEY, null);
+        console.log('Page reloaded');
+    }
+}
+
+$(window).on('load', load);
+$(window).on('hashchange', load);