mirror of
https://github.com/pepaskopec-blip/skopec.dev.git
synced 2026-10-27 15:14:33 +00:00
Added light mode option
This commit is contained in:
parent
dc3dde437f
commit
ef65265a6c
7 changed files with 230 additions and 24 deletions
27
privacy.html
27
privacy.html
|
|
@ -23,6 +23,16 @@
|
|||
<link rel="icon" href="favicon-32.png" sizes="32x32" type="image/png">
|
||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||||
<meta name="theme-color" content="#07090d">
|
||||
<script>
|
||||
(function () {
|
||||
try {
|
||||
document.documentElement.dataset.theme =
|
||||
localStorage.getItem("theme") === "light" ? "light" : "dark";
|
||||
} catch (error) {
|
||||
document.documentElement.dataset.theme = "dark";
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
|
|
@ -41,14 +51,25 @@
|
|||
<header class="site-header">
|
||||
<div class="nav-inner">
|
||||
<a class="brand" href="index.html">Josef<span>.</span></a>
|
||||
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" aria-label="Open menu">
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
<ul class="nav-links" id="site-nav">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="projects.html">Projects</a></li>
|
||||
<li><a href="hardware.html">Hardware</a></li>
|
||||
</ul>
|
||||
<div class="nav-actions">
|
||||
<button class="theme-toggle" type="button" aria-label="Switch to light mode" aria-pressed="false" title="Toggle theme">
|
||||
<svg class="icon-sun" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<circle cx="12" cy="12" r="4.2"></circle>
|
||||
<path d="M12 2.6v2.2M12 19.2v2.2M4.2 12H2M22 12h-2.2M6.3 6.3 4.8 4.8M19.2 19.2l-1.5-1.5M17.7 6.3l1.5-1.5M4.8 19.2l1.5-1.5"></path>
|
||||
</svg>
|
||||
<svg class="icon-moon" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M20.5 14.3A8.6 8.6 0 0 1 9.7 3.5a8.6 8.6 0 1 0 10.8 10.8Z"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" aria-label="Open menu">
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue