From 507472f6ff2b9157a44c79e4af1255a7c3d1cf9c Mon Sep 17 00:00:00 2001
From: coja <smth@smth.com>
Date: Fri, 1 May 2026 22:39:29 +0200
Subject: [PATCH] [Style] scroll fix

---
 dogadjaji.csv          |  2 +-
 site/deconference.html |  2 +
 site/styles/style.css  | 87 +++++++++++++++++++++++-------------------
 template/page-en.html  | 16 ++++----
 template/page-sr.html  |  2 +
 5 files changed, 60 insertions(+), 49 deletions(-)

diff --git a/dogadjaji.csv b/dogadjaji.csv
index 22539a7..03b21ed 100644
--- a/dogadjaji.csv
+++ b/dogadjaji.csv
@@ -360,7 +360,7 @@ datum, vreme, lokacija, tema, tip, link, temaE
 04-05-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876,Sysadmin radionica,workshop,,Sysadmin workshop
 05-05-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606,Idejno-politicka diskusija,discussion,,Ideological-political discussion
 11-05-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876,Hardware hackathon,workshop,,Hardware hackathon
-12-05-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606, OpenSCAD,lecture,,OpenSCAD
+12-05-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606,OpenSCAD,lecture,,OpenSCAD
 18-05-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876,OverTheWire (Bandit),workshop,https://forum.dmz.rs/t/overthewire-bandit-1-14/1196,OverTheWire (Bandit)
 19-05-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606,Film: The Seventh Seal (1957),movie,,Movie: The Seventh Seal (1957)
 25-05-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876,Reverse engineering,workshop,,Reverse engineering
diff --git a/site/deconference.html b/site/deconference.html
index 2d85e8e..8b7b35f 100644
--- a/site/deconference.html
+++ b/site/deconference.html
@@ -45,6 +45,7 @@
     <a class="lang" hreflang="en" href="/en/deconference">EN</a>
   </header>
   <main>
+    <div class="page-wrap">
     <div class='cover-wrap'><img src='/img/students_bug.jpg' alt='Studenti su nasli bug' /></div><h1>Dekonferencija</h1>
 
 <h2 id="program"><a href="#program">Program</a></h2>
@@ -81,6 +82,7 @@
 
 <p>Decentrala prihvata donacije isključivo od fizičkih lica.</p>
 
+    </div>
   </main>
   <footer>
     <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
diff --git a/site/styles/style.css b/site/styles/style.css
index 031488c..67f4e38 100644
--- a/site/styles/style.css
+++ b/site/styles/style.css
@@ -13,7 +13,7 @@
 
 @font-face {
   font-family: "Iosevka";
-  src: url('/font/iosevka-regular.woff') format('woff');
+  src: url("/font/iosevka-regular.woff") format("woff");
 }
 
 * {
@@ -39,7 +39,7 @@ body {
     "footer" 4rem
     / 1fr;
   gap: 0;
-  font-family: 'Iosevka';
+  font-family: "Iosevka";
 }
 
 header,
@@ -65,32 +65,31 @@ main {
   padding: 3rem;
   font-size: 1.3rem;
   line-height: 2rem;
-  max-width: 120ch;
   overflow: auto;
-  margin: 0 auto;
-}
-
-main h1 {
-  margin-bottom: 2rem;
-  font-weight: normal;
-  font-size: 1.5em;
-  font-variant-caps: small-caps;
+  .page-wrap {
+    margin: 0 auto;
+    max-width: 1152px;
+    h1 {
+      margin-bottom: 2rem;
+      font-weight: normal;
+      font-size: 1.5em;
+      font-variant-caps: small-caps;
+    }
+    a {
+      text-decoration: underline;
+    }
+  }
 }
 
 a,
 a:visited {
   text-decoration: none;
   color: var(--text);
-}
-
-main a {
-  text-decoration: underline;
-}
-
-a:hover,
-a:focus {
-  background-color: var(--hightlight);
-  text-decoration: line-through var(--text);
+  &:hover,
+  &:focus {
+    background-color: var(--hightlight);
+    text-decoration: line-through var(--text);
+  }
 }
 
 #logo {
@@ -100,10 +99,9 @@ a:focus {
   font-size: 2.5rem;
   font-weight: bold;
   font-variant: small-caps;
-}
-
-#logo img {
-  width: 3rem;
+  img {
+    width: 3rem;
+  }
 }
 
 #theme-switcher {
@@ -112,12 +110,24 @@ a:focus {
   height: 1.5rem;
   border-radius: 3rem;
   margin-left: auto;
-  background: linear-gradient(90deg, var(--border) 0%, var(--border) 50%, var(--bg) 51%, var(--bg) 100%);
+  background: linear-gradient(
+    90deg,
+    var(--border) 0%,
+    var(--border) 50%,
+    var(--bg) 51%,
+    var(--bg) 100%
+  );
 }
 
 #theme-switcher:hover {
   border-color: var(--hightlight);
-  background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%);
+  background: linear-gradient(
+    90deg,
+    var(--hightlight) 0%,
+    var(--hightlight) 50%,
+    var(--bg) 51%,
+    var(--bg) 100%
+  );
 }
 
 .lang {
@@ -135,14 +145,12 @@ a:focus {
 .links {
   display: flex;
   gap: 2rem;
-}
-
-.links>a {
-  border-radius: 100%;
-}
-
-.links>a>img {
-  display: block;
+  & > a {
+    border-radius: 100%;
+    & > img {
+      display: block;
+    }
+  }
 }
 
 #sections-button {
@@ -171,8 +179,7 @@ button {
   margin-bottom: 3rem;
 }
 
-@media screen and (max-height: 860px),
-screen and (max-width: 1500px) {
+@media screen and (max-height: 860px), screen and (max-width: 1500px) {
   #mesh {
     display: none;
   }
@@ -209,10 +216,10 @@ screen and (max-width: 1500px) {
 
   .links {
     gap: 1.2rem;
-  }
 
-  .links a {
-    width: 1.5rem;
+    a {
+      width: 1.5rem;
+    }
   }
 
   header,
diff --git a/template/page-en.html b/template/page-en.html
index 4d1b4f5..8410dcc 100644
--- a/template/page-en.html
+++ b/template/page-en.html
@@ -4,8 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <!--
-  <pre>
+    <!-- <pre>
 
                                 *@@* 
                                *@@@@*
@@ -27,8 +26,7 @@
   | |_| | |__| |___| |___| |\  | | | |  _ <  / ___ \| |___ / ___ \ 
   |____/|_____\____|_____|_| \_| |_| |_| \_\/_/   \_\_____/_/   \_\
 
-  </pre>
-  -->
+  </pre> -->
 
     <link rel="stylesheet" href="/styles/reset.css" />
     <link rel="stylesheet" href="/styles/style.css" />
@@ -40,14 +38,16 @@
   </head>
   <body>
     <header>
-      <a id="logo" href="/en/index"
-        ><img src="/img/logo-light.svg" alt="Logo" /> Decentrala</a
-      >
+      <a id="logo" href="/en/index">
+        <img src="/img/logo-light.svg" alt="Logo" /> Decentrala
+      </a>
       <button id="theme-switcher"></button>
       <a class="lang" hreflang="sr" href="/PAGE_NAME">SR</a>
     </header>
     <main>
-      <!--MAIN-->
+      <div class="page-wrap">
+        <!--MAIN-->
+      </div>
     </main>
     <footer>
       <button id="sections-button" opened="false">
diff --git a/template/page-sr.html b/template/page-sr.html
index c9da3c3..4b07e1a 100644
--- a/template/page-sr.html
+++ b/template/page-sr.html
@@ -45,7 +45,9 @@
     <a class="lang" hreflang="en" href="/en/PAGE_NAME">EN</a>
   </header>
   <main>
+    <div class="page-wrap">
     <!--MAIN-->
+    </div>
   </main>
   <footer>
     <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>