kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

window.matchMedia check

Browse Source
This commit is contained in:
gurusabarish
2023-01-21 23:34:17 +05:30
parent 1d476eb2b5
commit c28b579ab6
4 changed files with 7 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/_default/baseof.html
+1 -1
View File
@@ -9,7 +9,7 @@
</title> </title>
</head> </head>
<body class="light" onload="loading()"> <body class="light">
<!-- javascripts --> <!-- javascripts -->
<!-- <script src="/js/jquery-3.6.0.min.js"></script> --> <!-- <script src="/js/jquery-3.6.0.min.js"></script> -->
layouts/partials/scripts.html
+3 -17
View File
@@ -22,7 +22,7 @@
document.body.classList.add('dark'); document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") { } else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark') 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'); document.body.classList.add('dark');
} }
@@ -49,22 +49,8 @@
</script> </script>
{{- end }} {{- 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) }} {{ if not (.Site.Params.navbar.disableSearch | default false) }}
<script src="/js/search.js"></script> <script src="{{ .Site.Params.staticPath }}/js/search.js"></script>
{{ end }} {{ end }}
@@ -100,5 +86,5 @@
{{ end }} {{ end }}
{{ if (.Site.Params.contact.formspree.enable | default false) }} {{ if (.Site.Params.contact.formspree.enable | default false) }}
<script src="/js/contact.js"></script> <script src="{{ .Site.Params.staticPath }}/js/contact.js"></script>
{{ end }} {{ end }}
layouts/partials/sections/header.html
+2 -2
View File
@@ -6,7 +6,7 @@
document.body.classList.add('dark'); document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") { } else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark') 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'); document.body.classList.add('dark');
} }
@@ -14,7 +14,7 @@
{{- /* theme-toggle is disabled and theme is auto */}} {{- /* theme-toggle is disabled and theme is auto */}}
{{- else if (and (ne .Site.Params.theme.defaultTheme "light") (ne .Site.Params.theme.defaultTheme "dark"))}} {{- else if (and (ne .Site.Params.theme.defaultTheme "light") (ne .Site.Params.theme.defaultTheme "dark"))}}
<script> <script>
if (window.matchMedia('(prefers-color-scheme: dark)').matches) { if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark'); document.body.classList.add('dark');
} }
layouts/partials/sections/hero/social.html
+1 -1
View File
@@ -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 }} {{ range .Site.Params.hero.socialLinks.fontAwesomeIcons }}
<span class="px-1"> <span class="px-1">
<a href="{{ .url }}" target="_blank" class="btn social-icon"> <a href="{{ .url }}" target="_blank" class="btn social-icon">