Implemented theme switcher (light/dark)

This commit is contained in:
eline
2023-05-06 18:13:12 +02:00
parent 1e0dbade3b
commit bdddddb342
38 changed files with 541 additions and 183 deletions

View File

@@ -7,12 +7,17 @@
<link rel="stylesheet" href="/styles/style.css">
<link rel="stylesheet" href="/styles/services.css">
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<script src="/scripts/main.js" defer></script>
<title>Decentrala - Servisi</title>
</head>
<body>
<header>
<a class="logo" href="/index.html">Decentrala</a> <a class="account" href="/pages/account.html">Nalog</a>
<a class="logo" href="/index.html">Decentrala</a>
<span>
<button id="theme-switcher">turn the lights off</button>
<a class="account" href="/pages/account.html">Nalog</a>
</span>
</header>
<div class="main">
<h1>Servisi</h1>
@@ -57,7 +62,7 @@
<p>Ovo su neki od servisa koje trenutno odrzavamo na nasim serverima. Da bi koristio ove servise, <em>mozes</em> se
registrujes za svaki servis posebno, ali mozes i da da napravis <a href="/pages/account.html">nalog</a> na nasem
serveru i koristis sve servis sa istim nalogom.</p>
<img src="/img/mesh-light.png">
<img id="mesh" src="/img/mesh-light.svg">
</div>
<footer>
<span class="sections">
@@ -68,10 +73,12 @@
<a href="/pages/contact.html">Kontakt</a>
</span>
<span class="copyleft">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc.svg" alt="CreativeCommons"></a>
<a href=""><img src="/img/w.svg" alt="Webring"></a>
<a href="https://gitea.dmz.rs/eline/decentrala-website-static-new"><img src="/img/git.svg" alt="SourceCode"></a>
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon.svg" alt="Mastodon"></a>
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
alt="CreativeCommons"></a>
<a href=""><img src="/img/w-light.svg" alt="Webring"></a>
<a href="https://gitea.dmz.rs/eline/decentrala-website-static-new"><img src="/img/git-light.svg"
alt="SourceCode"></a>
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
<span>Decentrala &copy; 2023</span>
</span>
</footer>