From 751b4c1c0130da7753dd09492aefc4c223ab44bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Paul=20Nicou=C3=A9?= <contact@paulnicoue.com>
Date: Thu, 28 Apr 2022 14:55:36 +0200
Subject: [PATCH] Reorganize JavaScript code

---
 assets/js/app.js | 33 ++++++++++++++-------------------
 1 file changed, 14 insertions(+), 19 deletions(-)

diff --git a/assets/js/app.js b/assets/js/app.js
index f380fc6..ad4fced 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -18,17 +18,19 @@ const navImage = document.querySelector('.home__nav-image');
 const circleTypes = [];
 
 // ----------------------------------------------------------------------------
-// LOGIC
+// UTILS
 // ----------------------------------------------------------------------------
 
-// HELPERS
-
 // Convert rem to pixels by getting font-size CSS property
 function convertRemToPixels(rem) {
     let fontSize = parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size'));
     return rem * fontSize;
 }
 
+// ----------------------------------------------------------------------------
+// LOGIC
+// ----------------------------------------------------------------------------
+
 // HOME NAVIGATION DISPLAY //
 
 // Calculate navigation grid inner width
@@ -181,26 +183,19 @@ function waveNavLinksOnHover() {
     }
 }
 
-function handleNavDisplay() {
-    window.addEventListener('load', function() {
-        curveNavLinks();
-        setNavItemTranslationProperty();
-        setNavGridDisplay();
-        editNavLinksOnResize();
-        waveNavLinksOnHover();
-    });
-}
-
 // ----------------------------------------------------------------------------
 // PROGRAM
 // ----------------------------------------------------------------------------
 
-document.addEventListener('DOMContentLoaded', function() {
+// Enable CSS :active pseudo-class in Safari Mobile
+document.addEventListener("touchstart", function() {},false);
 
-    document.addEventListener("touchstart", function() {},false); // Enable CSS :active pseudo-class in Safari Mobile
-
-    // HOME NAVIGATION DISPLAY //
-
-    handleNavDisplay();
+// HOME NAVIGATION DISPLAY //
 
+window.addEventListener('load', function() {
+    curveNavLinks();
+    setNavItemTranslationProperty();
+    setNavGridDisplay();
+    editNavLinksOnResize();
+    waveNavLinksOnHover();
 });