adyxax/www
1
0
Fork 0
Code Issues Pull requests Activity Actions

Added themes

Browse source
This commit is contained in:
Julien Dessaux 2023-01-25 17:45:06 +01:00
parent 076a4ec391
commit 627f1f5d32
Signed by: adyxax
GPG key ID: F92E51B86E07177E
12 changed files with 213 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

4
layouts/404.html
View file

@ -15,8 +15,7 @@
{{- $header := resources.Get "header.css" -}}
{{- $home := resources.Get "home.css" -}}
{{- $pagination := resources.Get "pagination.css" -}}
{{- $selenized := resources.Get "selenized.css" -}}
{{- $allCss := slice $base $code $footer $header $home $pagination $selenized | resources.Concat "static/all.css" | fingerprint | minify -}}
{{- $allCss := slice $base $code $footer $header $home $pagination | resources.Concat "static/all.css" | fingerprint | minify -}}
<link rel="stylesheet" href="{{ $allCss.Permalink }}">
{{ range .AlternativeOutputFormats -}}
@ -33,5 +32,6 @@
<p>Sorry, but the page you were trying to view does not exist. Please refer to the menu above to resume your navigation.</p>
</main>
{{- partial "footer.html" . -}}
{{- partial "themeSwitcher.html" . -}}
</body>
</html>

6
layouts/_default/baseof.html
View file

@ -1,7 +1,7 @@
{{ $title := print .Title " | " .Site.Title }}
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
<!doctype html>
<html class="no-js" lang="en">
<html class="black-theme" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@ -15,8 +15,7 @@
{{- $header := resources.Get "header.css" -}}
{{- $home := resources.Get "home.css" -}}
{{- $pagination := resources.Get "pagination.css" -}}
{{- $selenized := resources.Get "selenized.css" -}}
{{- $allCss := slice $base $code $footer $header $home $pagination $selenized | resources.Concat "static/all.css" | fingerprint | minify -}}
{{- $allCss := slice $base $code $footer $header $home $pagination | resources.Concat "static/all.css" | fingerprint | minify -}}
<link rel="stylesheet" href="{{ $allCss.Permalink }}">
{{ range .AlternativeOutputFormats -}}
@ -32,5 +31,6 @@
{{- block "main" . }}{{ end -}}
</main>
{{- partial "footer.html" . -}}
{{- partial "themeSwitcher.html" . -}}
</body>
</html>

7
layouts/partials/nav.html
View file

@ -2,6 +2,13 @@
<nav>
<ul>
<li class="nav-menu-title{{if .IsHome}} nav-menu-active{{end}}"><a href="/">{{ .Site.Title }}</a></li>
<li>
<select id="themes" class="nav-menu-magin-left" onchange="setTheme()">
<option value="black-theme">Black</option>
<option value="dark-theme">Dark</option>
<option value="light-theme">Light</option>
</select>
</li>
{{- $p := . -}}
{{- range first 1 .Site.Menus.main.ByWeight -}}

14
layouts/partials/themeSwitcher.html Normal file
View file

@ -0,0 +1,14 @@
<script>
function setTheme() {
const themeName = document.getElementById('themes').value;
localStorage.setItem('theme', themeName);
document.documentElement.className = themeName;
}
(function () { // Set the theme on page load
const themeName = localStorage.getItem('theme');
if (themeName) {
document.documentElement.className = themeName;
document.getElementById('themes').value = themeName;
}
})();
</script>