add dekonference page

build_pages.py

@@ -11,6 +11,7 @@ PAGES = [
     {'name': 'services', 'titleSR': 'Servisi', 'titleEN': 'Services', 'style': 'services'},
     {'name': 'webring', 'titleSR': 'Webring', 'titleEN': 'Webring', 'style': ''},
     {'name': 'donations', 'titleSR': 'Donacije', 'titleEN': 'Donations', 'style': 'home'},
+    {'name': 'deconference', 'titleSR': 'Dekonferencija', 'titleEN': 'Deconference', 'style': 'deconference'},
 ]
 
 def buildPage(filename: str, pageTitle: str, pageHtml: str, pageStyle: str, template: str) -> str:

pages/en/deconference.html

@@ -3,7 +3,7 @@
 <h2 id="what"><a href="#what">What?</a></h2>
 <p>Deconference is the inaugural conference organized by <a href="https://dmz.rs">Decentrala</a>, a Belgrade hackerspace. It serves as a platform for individuals to present and discuss ideas related to decentralization in all its forms.</p>
 
-<h2 id="wwhen-and-where"><a href="#when-and-where">When & Where?</a></h2>
+<h2 id="when-and-where"><a href="#when-and-where">When & Where?</a></h2>
 <p>Deconference will take place all day on Sunday, September 15, 2024, at Cultural Center Magacin, located at <a href="https://osm.org/go/xf3Fz31te?node=1226456745">Kraljevića Marka 4-8, Belgrade</a>. The evening prior, a social gathering will be hosted at <a href="https://dckrov.rs/">Community Center Krov</a>, located at  <a href="https://osm.org/go/xf3HQQdIH">Kraljice Marije 47, Belgrade</a>.</p>
 
 <h2 id="why"><a href="#why">Why?</a></h2>

site/styles/deconference.css

@@ -0,0 +1,92 @@
+:root {
+    --hightlight: #72dec2;
+    --text: #181715;
+    --bg: #ffffff;
+}
+
+@media screen and (prefers-color-scheme: dark) {
+    :root {
+        --text: #ffffff;
+        --bg: #181715;
+    }
+}
+
+@font-face {
+    font-family: "Iosevka";
+    src: url('/font/iosevka-regular.woff') format('woff');
+}
+
+body {
+    font-family: 'Iosevka';
+    font-size: 110%;
+    color: var(--text);
+    background: var(--bg);
+}
+
+main {
+    max-width: 52rem;
+    margin: 0 auto;
+}
+
+a,
+a:visited {
+    text-decoration: underline;
+    color: var(--text);
+
+    &:hover {
+        background-color: var(--hightlight);
+        text-decoration: line-through var(--text);
+        cursor: pointer;
+    }
+}
+
+header {
+    user-select: none;
+    text-align: center;
+}
+
+h1 {
+    font-variant: small-caps;
+    letter-spacing: 0.3rem;
+    font-size: 4em;
+    margin: 3rem auto;
+
+    & > a {
+        text-decoration: none;
+    }
+}
+
+h2 {
+    font-variant: small-caps;
+    letter-spacing: 0.3rem;
+
+    & > a {
+        text-decoration: none;
+    }
+}
+
+p {
+    margin-left: 1rem;
+    text-align: justify;
+}
+
+
+details {
+    margin-left: 1rem;
+}
+
+footer {
+    border-top: 2px solid var(--text);
+    padding-top: 1rem;
+    max-width: 42rem;
+    margin: 2rem auto;
+    text-align: center;
+
+    & .links {
+        display: flex;
+        flex-direction: row;
+        gap: 2rem;
+        justify-content: center;
+        margin-top: 1rem;
+    }
+}