window.matchMedia check

2023-01-21 23:34:17 +05:30
parent 1d476eb2b5
commit c28b579ab6
4 changed files with 7 additions and 21 deletions
@@ -9,7 +9,7 @@
  </title>
 </head>

-<body class="light" onload="loading()">
+<body class="light">
  <!-- javascripts -->
  <!-- <script src="/js/jquery-3.6.0.min.js"></script> -->

@@ -22,7 +22,7 @@
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
-    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    } else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

@@ -49,22 +49,8 @@
 </script>
 {{- end }}

-<script>
-    let loadingIcons;
-
-    function loading() {
-        myVar = setTimeout(showPage, 100);
-    }
-
-    function showPage() {
-        try{
-            document.getElementById("loading-icons").style.display = "block";
-        } catch(err) {}
-    }
-</script>
-
 {{ if not (.Site.Params.navbar.disableSearch | default false) }}
-    <script src="/js/search.js"></script>
+    <script src="{{ .Site.Params.staticPath }}/js/search.js"></script>
 {{ end }}


@@ -100,5 +86,5 @@
 {{ end }}

 {{ if (.Site.Params.contact.formspree.enable | default false) }}
-<script src="/js/contact.js"></script>
+<script src="{{ .Site.Params.staticPath }}/js/contact.js"></script>
 {{ end }}
@@ -6,7 +6,7 @@
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
-    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    } else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

@@ -14,7 +14,7 @@
 {{- /* theme-toggle is disabled and theme is auto */}}
 {{- else if (and (ne .Site.Params.theme.defaultTheme "light") (ne .Site.Params.theme.defaultTheme "dark"))}}
 <script>
-    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

@@ -1,4 +1,4 @@
-<span id="loading-icons" style="display: {{ if .Site.Params.animate }}none{{else}}block{{ end }};">
+<span>
    {{ range .Site.Params.hero.socialLinks.fontAwesomeIcons }}
    <span class="px-1">
        <a href="{{ .url }}" target="_blank" class="btn social-icon">