Moved qJuery install

'

@@ -1,47 +0,0 @@
-$(document).ready(function () {
-    let lightmode = localStorage.getItem("lightmode")
-    const HTML = $("html")
-    const AUDIO = $("#flashbang")
-
-    const enable_light_mode = () => {
-        HTML.attr("data-color-mode", "light")
-        localStorage.setItem("lightmode", "enabled")
-    }
-
-    const disable_light_mode = () => {
-        HTML.attr("data-color-mode", "dark")
-        localStorage.setItem("lightmode", null)
-    }
-
-    if (lightmode === "enabled") {
-        enable_light_mode()
-    }
-
-    window
-        .matchMedia("(prefers-color-scheme: dark)")
-        .addEventListener("change", (event) => {
-            if (event.matches) {
-                disable_light_mode()
-            } else {
-                enable_light_mode()
-            }
-        })
-
-    if (window.matchMedia) {
-        if (window.matchMedia("(prefers-color-scheme: light)").matches) {
-            enable_light_mode()
-        } else {
-            disable_light_mode()
-        }
-    }
-
-    $("#color-mode-toggle").click(() => {
-        lightmode = localStorage.getItem("lightmode")
-        if (lightmode !== "enabled") {
-            enable_light_mode()
-            AUDIO[0].play()
-        } else {
-            disable_light_mode()
-        }
-    })
-})

static/main/js/lightmode.js

@@ -1,15 +1,15 @@
-$(document).ready(function () {
+window.addEventListener("DOMContentLoaded", () => {
+    const HTML = document.documentElement
+    const AUDIO = document.getElementById("flashbang")
     let lightmode = localStorage.getItem("lightmode")
-    const HTML = $("html")
-    const AUDIO = $("#flashbang")
 
     const enable_light_mode = () => {
-        HTML.attr("data-color-mode", "light")
+        HTML.setAttribute("data-color-mode", "light")
         localStorage.setItem("lightmode", "enabled")
     }
 
     const disable_light_mode = () => {
-        HTML.attr("data-color-mode", "dark")
+        HTML.setAttribute("data-color-mode", "dark")
         localStorage.setItem("lightmode", null)
     }
 
@@ -35,11 +35,13 @@ $(document).ready(function () {
         }
     }
 
-    $("#color-mode-toggle").click(() => {
+    document
+        .querySelector("#color-mode-toggle")
+        .addEventListener("click", () => {
             lightmode = localStorage.getItem("lightmode")
             if (lightmode !== "enabled") {
                 enable_light_mode()
-            AUDIO[0].play()
+                AUDIO.play()
             } else {
                 disable_light_mode()
             }

static/main/js/lightsaber.js

@@ -1,28 +1,33 @@
-const COLORS = [
+window.addEventListener("DOMContentLoaded", () => {
+    const COLORS = [
         "#2ff924",
         "#2e67f8",
         "#871efe",
         "#eb212e",
         "#ff8f18",
         "#ffffff",
-]
+    ]
-let random_color = COLORS[Math.floor(Math.random() * COLORS.length)]
+    let random_color = COLORS[Math.floor(Math.random() * COLORS.length)]
-document.documentElement.style.setProperty("--lightsaber-color", random_color)
+    document.documentElement.style.setProperty(
+        "--lightsaber-color",
+        random_color
+    )
 
-let body = document.body
+    let body = document.body
-body.addEventListener("click", () => {
+    body.addEventListener("click", () => {
         body.hidden = true
         requestAnimationFrame(() => {
             body.hidden = false
         })
-})
+    })
 
-let style = document.createElement("style")
+    let style = document.createElement("style")
-style.innerHTML =
+    style.innerHTML =
         " *, *:before, *:after { animation-play-state: paused !important; }"
 
-document.addEventListener("keypress", () => {
+    document.addEventListener("keypress", () => {
         style.parentNode
             ? document.head.removeChild(style)
             : document.head.appendChild(style)
+    })
 })

static/main/js/navigation.js

@@ -1,7 +1,8 @@
-const PRIMARY_NAV = document.querySelector(".primary-navigation")
+window.addEventListener("DOMContentLoaded", () => {
-const MENU_BUTTON = document.querySelector(".mobile-nav-toggle")
+    const PRIMARY_NAV = document.querySelector(".primary-navigation")
+    const MENU_BUTTON = document.querySelector(".mobile-nav-toggle")
 
-MENU_BUTTON.addEventListener("click", () => {
+    MENU_BUTTON.addEventListener("click", () => {
         const VISIBILITY = PRIMARY_NAV.getAttribute("data-visible") === "false"
         if (VISIBILITY) {
             PRIMARY_NAV.setAttribute("data-visible", true)
@@ -12,4 +13,5 @@ MENU_BUTTON.addEventListener("click", () => {
             MENU_BUTTON.setAttribute("aria-expanded", false)
             MENU_BUTTON.classList.remove("open")
         }
+    })
 })

static/main/js/text_swap.js

@@ -1,5 +1,6 @@
-const DISPLAY_NAME = document.getElementById("swap-text")
+window.addEventListener("DOMContentLoaded", () => {
-const NAMES = [
+    const DISPLAY_NAME = document.getElementById("swap-text")
+    const NAMES = [
         "Kristiāns",
         "Francis",
         "Cagulis",
@@ -10,8 +11,9 @@ const NAMES = [
         "Kristofers Solo",
         "Salaspils 1",
         "Šis puisis",
-]
+    ]
 
-DISPLAY_NAME.addEventListener("click", () => {
+    DISPLAY_NAME.addEventListener("click", () => {
         DISPLAY_NAME.innerHTML = NAMES[Math.floor(Math.random() * NAMES.length)]
+    })
 })

static/main/js/typewriter.js

@@ -1,6 +1,7 @@
 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
 
-window.addEventListener("load", async () => {
+window.addEventListener("DOMContentLoaded", () => {
+    window.addEventListener("load", async () => {
         const TEXT_DISPLAY = document.getElementById("rotating-text")
         const PHRASES = ["Software Developer", "Jedi", "Student"]
         let current_phrase = []
@@ -33,4 +34,5 @@ window.addEventListener("load", async () => {
                 }
             }
         }
+    })
 })

static/main/js/validation.js

@@ -88,8 +88,8 @@ $(document).ready(function () {
             $("#submit-btn").remove()
         }
     }
-})
 
-$("#register-form").submit(function (e) {
+    $("#submit-btn").click(function () {
-    e.preventDefault()
+        $("#register-form").submit()
+    })
 })

static/projects/js/projects.js

@@ -1,4 +1,5 @@
-document.getElementById("cards").onmousemove = (e) => {
+window.addEventListener("DOMContentLoaded", () => {
+    document.getElementById("cards").onmousemove = (e) => {
         for (const CARD of document.getElementsByClassName("card")) {
             const RECT = CARD.getBoundingClientRect(),
                 x = e.clientX - RECT.left,
@@ -6,4 +7,5 @@ document.getElementById("cards").onmousemove = (e) => {
             CARD.style.setProperty("--mouse-x", `${x}px`)
             CARD.style.setProperty("--mouse-y", `${y}px`)
         }
-}
+    }
+})

templates/layout.html

@@ -5,8 +5,6 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="{% static 'main/img/icons/logo.svg' %}" />
-        <link rel="preconnect" href="https://fonts.googleapis.com">
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
         <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
               rel="stylesheet">
         <title>
@@ -27,7 +25,6 @@
         <link rel="stylesheet"
               type="text/css"
               href="{% static 'main/css/layout.css' %}"/>
-        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
         <script src="{% static 'main/js/navigation.js' %}" defer></script>
         <script src="{% static 'main/js/lightmode.js' %}" defer></script>
         {% block meta %}{% endblock %}

templates/main/validation.html

@@ -5,6 +5,7 @@
     <link rel="stylesheet"
           type="text/css"
           href="{% static 'main/css/validation.css' %}"/>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
     <script src="{% static 'main/js/validation.js' %}" defer></script>
 {% endblock %}
 {% block content %}

templates/projects/traffic_light_detector/traffic_light_detector.html

@@ -137,8 +137,8 @@
                 detected, according to the expected signal - permission to continue the route.
             </p>
             <p>
-                Ierosinātais risinājums sastāv no 4 pamatprincipiem, kas likvidē cilvēka reakcijas laika ietekmi
+                The proposed solution consists of 4 basic principles that eliminate the impact of
-                uz satiksmes sastrēgumu realizāciju:
+                human reaction time on the realisation of traffic congestion:
             </p>
             <ul>
                 <li>
@@ -163,7 +163,7 @@
                     received, using the basic module for the audible signal or the optional light and other user interfaces formats.
                 </li>
             </ul>
-            <p>Aprakstītā ierīce pamatprincipu un funkcionalitātes nodrošināšanai izmanto:</p>
+            <p>The device described uses the following to provide the basic principles and functionality:</p>
             <ul>
                 <li>
                     Raspberry Pi 4 microcontroller -