13c791b1ae
All checks were successful
Docker Release Build / push_to_registry (push) Successful in 58s
67 lines
2.4 KiB
HTML
67 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ block "title" . }}Passwort-Generator{{ end }}</title>
|
|
<link rel="icon" href="/static/key.png" type="image/png">
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const root = document.documentElement;
|
|
const savedTheme = localStorage.getItem('theme');
|
|
const themeToggle = document.getElementById('theme-toggle');
|
|
|
|
// Setze das Theme basierend auf localStorage oder Systemeinstellung
|
|
if (savedTheme === 'dark') {
|
|
root.classList.add('dark');
|
|
} else if (savedTheme === 'light') {
|
|
root.classList.remove('dark');
|
|
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
root.classList.add('dark');
|
|
}
|
|
|
|
// Toggle-Button-Logik
|
|
themeToggle.addEventListener('click', function() {
|
|
if (root.classList.contains('dark')) {
|
|
root.classList.remove('dark');
|
|
localStorage.setItem('theme', 'light');
|
|
} else {
|
|
root.classList.add('dark');
|
|
localStorage.setItem('theme', 'dark');
|
|
}
|
|
});
|
|
|
|
// Systemtheme-Änderungen abhören
|
|
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function(e) {
|
|
if (!localStorage.getItem('theme')) {
|
|
e.matches ? root.classList.add('dark') : root.classList.remove('dark');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
{{ block "head" . }}{{ end }}
|
|
</head>
|
|
<body>
|
|
<button id="theme-toggle">🌓</button>
|
|
{{ block "body" . }}{{end}}
|
|
|
|
<!-- <footer>Version: {{getAppVersion}} | made with golang and ♥️ {{ block "footer" . }}{{ end }}</footer> -->
|
|
<footer>
|
|
<div class="footer-container">
|
|
<div class="footer-item">
|
|
<span class="label">Passwörter generiert:</span>
|
|
<span id="global-counter" class="value badge-blue">{{getPassCount}}</span>
|
|
</div>
|
|
<div class="footer-item">
|
|
<span class="label">Version:</span>
|
|
<span class="value badge-gray">{{getAppVersion}}</span>
|
|
</div>
|
|
<div class="footer-item">
|
|
<span class="claim">made with golang and ♥️ </span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|