[NoJS] reimplementing js features without the js

2026-08-10 16:19:59 +02:00
parent 904ed7e317
commit db60f55c73
7 changed files with 116 additions and 109 deletions
@@ -3,6 +3,7 @@
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <input type="checkbox" id="theme-toggle" />

    <!-- <pre>

@@ -32,16 +33,17 @@
    <link rel="stylesheet" href="/styles/style.css" />
    <!--ADDITIONAL_STYLE-->
    <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
-    <script src="/scripts/main.js"></script>
    <title><!--TITLE--> Decentrala</title>
    <link rel="alternate" hreflang="sr" href="/PAGE_NAME" />
  </head>
  <body>
+    <input type="checkbox" id="theme-toggle" />
+    <input type="checkbox" id="menu-toggle" />
    <header>
      <a id="logo" href="/en/index">
        <img src="/img/logo-light.svg" alt="Logo" /> Decentrala
      </a>
-      <button id="theme-switcher"></button>
+      <label for="theme-toggle" id="theme-switcher"></label>
      <a class="lang" hreflang="sr" href="/PAGE_NAME">SR</a>
    </header>
    <main>
@@ -50,9 +52,9 @@
      </div>
    </main>
    <footer>
-      <button class="hamburger closed">
+      <label for="menu-toggle" class="hamburger">
        <img src="/img/strelica-closed-light.svg" alt="Menu" />
-      </button>
+      </label>
      <nav class="menu">
        <a href="/en/events">Events</a>
        <a href="/en/services">Services</a>