From 0525100bc661356255317701178d096c0334dfd8 Mon Sep 17 00:00:00 2001
From: Hugo <git.dmz@ubavic.rs>
Date: Sat, 5 Aug 2023 15:11:04 +0200
Subject: [PATCH] fix: use proper html tag

---
 index.html          | 4 ++--
 pages/account.html  | 4 ++--
 pages/blog.html     | 4 ++--
 pages/contact.html  | 4 ++--
 pages/events.html   | 4 ++--
 pages/projects.html | 4 ++--
 pages/services.html | 4 ++--
 pages/webring.html  | 4 ++--
 scripts/main.js     | 2 +-
 styles/style.css    | 4 ++--
 10 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/index.html b/index.html
index 960e8ac..d2ecd70 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
     <button id="theme-switcher"></button>
     <a class="account" href="/pages/account.html">Nalog</a>
   </header>
-  <div id="main">
+  <main>
     <h1>Dobrodošao!</h1>
     <p>
       Mi smo <em>Decentrala</em> - grupa entuzijasta okupljena oko ideja decentralizacije i slobodnog širenja znanja.
@@ -38,7 +38,7 @@
       Ako želiš prvo da vidiš kako to sve izgleda u realnosti, možeš doći na neki od naših <a href="/pages/events.html">događaja</a>, i tu nas upoznati!
     </p>
     <img id="mesh" src="/img/mesh-light.svg">
-  </div>
+  </main>
   <footer>
     <div id="sections-menu">
       <a href="/pages/events.html">Događaji</a>
diff --git a/pages/account.html b/pages/account.html
index 404670f..09fcc71 100644
--- a/pages/account.html
+++ b/pages/account.html
@@ -17,7 +17,7 @@
     <button id="theme-switcher"></button>
     <a class="account" href="/pages/account.html">Nalog</a>
   </header>
-  <div id="main">
+  <main>
     <p> Ako ste napravili nalog na dmz.rs mozete koristi nas xmpp i email server i ostale servise koji podrzavaju LDAP login. <p>
     <p> Za vise o XMPP pogledajte <a href="https://wiki.dmz.rs/en/tutorial/conversations">tutorial</a>. <p>
     <p> Za primer podesavanja na <a href="https://thunderbird.org">Thundebird</a> mail klijentu mozete pogledati <a href="/img/mailsettings.png">sliku</a>. <p>
@@ -27,7 +27,7 @@
     <p><a href="/account/changepassword/">Promeni lozinku</a><p>
 
     <img id="mesh" src="/img/mesh-light.svg">
-  </div>
+  </main>
   <footer>
     <div id="sections-menu">
       <a href="/pages/events.html">Događaji</a>
diff --git a/pages/blog.html b/pages/blog.html
index 0b57e57..71c400b 100644
--- a/pages/blog.html
+++ b/pages/blog.html
@@ -17,10 +17,10 @@
     <button id="theme-switcher"></button>
     <a class="account" href="/pages/account.html">Nalog</a>
   </header>
-  <div id="main">
+  <main>
     Ova stranica je trenutno u izradi...
     <img id="mesh" src="/img/mesh-light.svg">
-  </div>
+  </main>
   <footer>
     <div id="sections-menu">
       <a href="/pages/events.html">Događaji</a>
diff --git a/pages/contact.html b/pages/contact.html
index 2fd5906..cb06754 100644
--- a/pages/contact.html
+++ b/pages/contact.html
@@ -17,7 +17,7 @@
     <button id="theme-switcher"></button>
     <a class="account" href="/pages/account.html">Nalog</a>
   </header>
-  <div id="main">
+  <main>
     <h1>Kontakt</h1>
     <p>Možeš nam poslati mail na <a href="mailto:dmz@dmz.rs">dmz@dmz.rs</a> ili se mozes pridružiti našem <a
         href="https://forum.dmz.rs">Forumu</a>.</p>
@@ -25,7 +25,7 @@
     <p style="position: relative; top: 5rem;">U slucaju da nadjete <em>bug</em> na sajtu, bili bismo jako zahvalni
       ako bi mogli da nam ga prijavite (npr. putem emaila).</p>
     <img id="mesh" src="/img/mesh-light.svg">
-  </div>
+  </main>
   <footer>
     <div id="sections-menu">
       <a href="/pages/events.html">Događaji</a>
diff --git a/pages/events.html b/pages/events.html
index 2079c4d..0a503a8 100644
--- a/pages/events.html
+++ b/pages/events.html
@@ -17,7 +17,7 @@
     <button id="theme-switcher"></button>
     <a class="account" href="/pages/account.html">Nalog</a>
   </header>
-  <div id="main">
+  <main>
     <h1>Događaji</h1>
     <!-- dogadjaji start -->
     <table>
@@ -68,7 +68,7 @@
     </table>
     <!-- dogadjaji end -->
     <img id="mesh" src="/img/mesh-light.svg">
-  </div>
+  </main>
   <footer>
     <div id="sections-menu">
       <a href="/pages/events.html">Dogadjaji</a>
diff --git a/pages/projects.html b/pages/projects.html
index 97a6551..1e6aa8b 100644
--- a/pages/projects.html
+++ b/pages/projects.html
@@ -17,10 +17,10 @@
     <button id="theme-switcher"></button>
     <a class="account" href="/pages/account.html">Nalog</a>
   </header>
-  <div id="main">
+  <main>
     Ova stranica je trenutno u izradi...
     <img id="mesh" src="/img/mesh-light.svg">
-  </div>
+  </main>
   <footer>
     <div id="sections-menu">
       <a href="/pages/events.html">Događaji</a>
diff --git a/pages/services.html b/pages/services.html
index ce02c8e..7735caf 100644
--- a/pages/services.html
+++ b/pages/services.html
@@ -17,7 +17,7 @@
     <button id="theme-switcher"></button>
     <a class="account" href="/pages/account.html">Nalog</a>
   </header>
-  <div id="main">
+  <main>
     <h1>Servisi</h1>
     <table>
       <tr>
@@ -76,7 +76,7 @@
       registovati na svaki servis posebno, a možeš i napraviti jedinstveni <a href="/pages/account.html">nalog</a> na nasem
       serveru i koristiti sve servise sa istim nalogom.</p>
     <img id="mesh" src="/img/mesh-light.svg">
-  </div>
+  </main>
   <footer>
     <div id="sections-menu">
       <a href="/pages/events.html">Događaji</a>
diff --git a/pages/webring.html b/pages/webring.html
index 53c0df6..6d378fa 100644
--- a/pages/webring.html
+++ b/pages/webring.html
@@ -17,11 +17,11 @@
     <button id="theme-switcher"></button>
     <a class="account" href="/pages/account.html">Nalog</a>
   </header>
-  <div id="main">
+  <main>
     <list>
     <li> <a href="https://tilde.zone/explore">Tilde Zone</a> </li>
     </list>
-  </div>
+  </main>
   <footer>
     <div id="sections-menu">
       <a href="/pages/events.html">Događaji</a>
diff --git a/scripts/main.js b/scripts/main.js
index 3a09e7f..fb9533d 100644
--- a/scripts/main.js
+++ b/scripts/main.js
@@ -2,7 +2,7 @@ const theme_switcher = document.getElementById("theme-switcher");
 const imgs = document.getElementsByTagName("img");
 const sections_button = document.getElementById("sections-button");
 const sections_menu = document.getElementById("sections-menu");
-const main = document.getElementById("main");
+const main = document.getElementsByTagName("main")[0];
 
 let theme = window.localStorage.getItem("theme");
 
diff --git a/styles/style.css b/styles/style.css
index d34d9d4..b39e02d 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -59,7 +59,7 @@ footer {
   border-top: 2px solid var(--border);
 }
 
-#main {
+main {
   grid-area: "main";
   padding: 3rem 3rem 3rem 3rem;
   font-size: 1.3rem;
@@ -74,7 +74,7 @@ a:visited {
   color: var(--text);
 }
 
-#main a {
+main a {
   position: relative;
   top: 0.2rem;
 }