[Events] june update

Makefile

@@ -0,0 +1,30 @@
+.PHONY: build events dev stop help prep
+
+help:
+	@echo "Available commands:"
+	@echo "  make prep    - Create venv and install requirements"
+	@echo "  make events  - Update site from CSV (build pages + images)"
+	@echo "  make dev     - Start development server"
+	@echo "  make stop    - Stop development server"
+	@echo "  make build   - Full website build sequence"
+	@echo "  make help    - Show this help message"
+
+prep:
+	python3 -m venv .venv
+	./.venv/bin/pip install --upgrade pip
+	./.venv/bin/pip install -r requirements.txt
+
+build:
+	./.venv/bin/python atom_gen.py
+	./.venv/bin/python prep.py
+	./.venv/bin/python build_pages.py
+
+events:
+	./.venv/bin/python build_pages.py
+	./.venv/bin/python image_poster.py
+
+dev:
+	nginx -p . -c nginx.dev.conf
+
+stop:
+	nginx -p . -s stop

README.md

@@ -1,40 +1,50 @@
 # Decentrala
 
-dmz.rs/decentrala.org website
+[dmz.rs](https://dmz.rs/) / [decentrala.org](https://decentrala.org) website
+
+## Setup
+
+First, prepare the virtual environment and install dependencies:
+
+```sh
+make prep
+```
 
 ## Build site
 
-Run
+To build the complete website:
 
 ```sh
-python atom_gen.py
+make build
-python prep.py
-python build_pages.py
 ```
 
-Complete website will be contained in `site/`. You can copy this to server.
+The complete website will be contained in `site/`. You can copy this to your server.
 
 ## Development server
 
-To start a development server, first build site, then run (possibly with `sudo`)
+To start a development server, first build the site, then run (possibly with `sudo`):
 
 ```sh
-nginx -p . -c nginx.dev.conf
+make dev
 ```
 
 To stop it:
 
 ```sh
-nginx -p . -s stop
+make stop
 ```
 
 ## Events
 
-To update events, update the `events.csv` then run commands
+To update events, update `dogadjaji.csv` then run:
 
 ```sh
-python build_pages.py # builds html out of csv
+make events
-python image_poster.py # generates images for events
+```
+
+For checking the csv data, suggestion is the [tennis pkg](https://github.com/gurgeous/tennis), with example command:
+```sh 
+tennis -nt --zebra --color on --theme dark --tail 20 dogadjaji.csv  
 ```
 
 

dogadjaji.csv

@@ -1,4 +1,4 @@
-datum, vreme, lokacija, tema, tip, link, temaE
+datum, vreme, lokacija, tema, tip, link, temaEN
 20-12-2022, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Uvod u računarske mreže,,,
 03-01-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Hackathon žurka, hack,,
 16-01-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Privatnost na internetu, workshop,,
@@ -362,6 +362,15 @@ datum, vreme, lokacija, tema, tip, link, temaE
 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
 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)
+19-05-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606,The Strange Loop videos,lecture,https://www.thestrangeloop.com/index.html,The Strange Loop videos
 25-05-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876,Reverse engineering,workshop,,Reverse engineering
 26-05-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606,Film: TPB-AFK (2013),movie,,Movie: TPB-AFK (2013)
+31-05-2026, 17:00, Drustveni centar Loza - Ivankovačka 21 https://www.openstreetmap.org/node/4013343518,Uvod u informacionu bezbednost,lecture,,Introduction to information security
+01-06-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876,Sysadmin radionica,workshop,,Sysadmin workshop
+02-06-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606,Software hackathon,workshop,,Software hackathon
+07-06-2026, 10:00, KC Magacin - Marka Kraljevica 4 https://www.openstreetmap.org/#map=18/44.813246/20.453640, Zig Day,workshop,https://zig.day/europe/belgrade/1/,Zig Day
+08-06-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876, Decentrala offline forum,workshop,, Decentrala offline forum
+15-06-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876, OverTheWire - Bandit CTF,workshop,, OverTheWire - Bandit CTF
+16-06-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606, OSM contributing,workshop,,OSM contributing
+22-06-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876, OverTheWire - Bandit CTF,workshop,, OverTheWire - Bandit CTF
+29-06-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876, LAN party,party,, LAN Party

pages/en/statute.html

@@ -4,12 +4,14 @@
   <p>
     Decentrala is a community, united around the principles of decentralized technology and the spreading of knowledge.  
   </p>
-  <label>Key values include:</label>
+  <div class="values">
+    <label>Our key values include:</label>
     <ul>
       <li>Equal access to technology</li>
-    <li>Free software</li>
+      <li>Free and open source software</li>
       <li>Privacy and security</li>
     </ul>
+  </div>
   <p> Donations are accepted only from individuals, with no conditions or obligations. </p>
   <p> Only open-source services are hosted on the Decentrala infrastructure. </p>
   <p> Parts of the statute can be defined immutable, and cannot be voted on. </p>

pages/en/support.html

@@ -25,15 +25,15 @@
     that way you joining the decetralization.
   </p>
   <p>
-    Also, we accept donations in bitcoin and monero to the following addresses:
+    Also, we accept donations in bitcoin on the following address:
   </p>
   <ul>
     <li>Bitcoin: <i>bc1qjhsfgq79wuzzv32yml9zglwzf9qcwfj3atuy74</i></li>
-    <li>
+    <!-- <li>
       Monero:
       <i
         >8BESz45LnxrgCwZP32KieiN1D4LinCfsS1YjdFHfGXrVCmPs35167QsW1gd7qbff4UAtBbT6oWrkbfZnJm71HornVRiRZFS</i
       >
-    </li>
+    </li> -->
   </ul>
 </dd>

pages/sr/statute.html

@@ -3,9 +3,16 @@
 <div>
   <p>
     Decentrala je zajednica okupljena oko decentralizacije tehnologija i širenja
-    znanja. Decentralizacija uključuje ravnopravnost korišćenja tehnologije,
+    znanja.
-    slobodnog softvera, privatnost i bezbednost.
   </p>
+  <div class="values">
+    <label> Decentralizacija uključuje: </label>
+    <ul>
+      <li>Ravnopravnost korišćenja tehnologije</li>
+      <li>Slobodan software otvorenog koda</li>
+      <li>Privatnost i bezbednost.</li>
+    </ul>
+  </div>
   <p>
     Na Decentralinoj arhitekturi hostuju se samo servisi koji su otvorenog koda
   </p>
@@ -51,7 +58,8 @@
     dodavanja novog clana, ako je prisutan na tom sastanku.
   </p>
   <p>
-    Trenutni članovi glasačkog tela su pod pseudonimom malin, coja, bora, mad3v, txrpe, euffrat, netstat.
+    Trenutni članovi glasačkog tela su pod pseudonimom malin, coja, bora, mad3v,
+    txrpe, euffrat, netstat.
   </p>
 </div>
 

pages/sr/support.html

@@ -24,14 +24,16 @@
     Jednostavno koriscenje naseg softwera se takodje racuna kao doprinos, posto
     bi se time pridruzili decentralizaciji.
   </p>
-  <p>Takođe primamo donacije u bitcoinu i moneru na adresama:</p>
+  <p>Takođe primamo donacije u bitcoin na adresi:</p>
   <ul>
     <li>Bitcoin: <i>bc1qjhsfgq79wuzzv32yml9zglwzf9qcwfj3atuy74</i></li>
+    <!--
     <li>
       Monero:
       <i
         >8BESz45LnxrgCwZP32KieiN1D4LinCfsS1YjdFHfGXrVCmPs35167QsW1gd7qbff4UAtBbT6oWrkbfZnJm71HornVRiRZFS</i
       >
     </li>
+    -->
   </ul>
 </dd>

prep.py

@@ -20,20 +20,16 @@ TYPES_DICT = {
 
 def load_events(csv_path:str) -> list[dict]:
     events = []
-    with open(csv_path) as csv_file:
+    with open(csv_path, encoding='utf-8') as csv_file:
-        csv_reader = csv.reader(csv_file, skipinitialspace=True)
+        csv_reader = csv.DictReader(csv_file, skipinitialspace=True)
-        next(csv_reader, None)
         for event in csv_reader:
-            event_date = event[0]
+            event_date = event["datum"]
             event_date_parsed = datetime.strptime(event_date, "%d-%m-%Y").date()
-            event_time = event[1]
+            event_time = event["vreme"]
-            event_location = event[2]
+            event_location = event["lokacija"]
-            event_title = event[3]
+            event_title = event["tema"]
-            types =  event[4].split()
+            types =  event["tip"].split()
-            try:
+            link = event.get("link", "")
-                link = event[5]
-            except IndexError:
-                link = ""
             current_event = {"date":event_date_parsed,
                              "time":event_time,
                              "location": event_location,
@@ -43,6 +39,7 @@ def load_events(csv_path:str) -> list[dict]:
             events.append(current_event)
         return events
 
+
 def build_html(events: list[dict], dayNames: list[str], typesNames: dict) -> str:
     events_html = []
     for event in events:

site/scripts/main.js

@@ -1,3 +1,5 @@
+window.addEventListener("DOMContentLoaded", () => {
+
   const getById = (id) => document.getElementById(id);
   const getByClass = (className) => document.getElementsByClassName(className)[0];
 
@@ -44,7 +46,7 @@ const openMenu = () => {
 
   window.addEventListener("resize", () => isMenuOpen() && closeMenu());
   main.addEventListener("click", () => isMenuOpen() && closeMenu());
-hamburger.addEventListener("click", () => isMenuOpen() ? closeMenu() : openMenu());
+  hamburger?.addEventListener("click", () => isMenuOpen() ? closeMenu() : openMenu());
 
   themeBtn.addEventListener("click", () => {
     const title = themeBtn.getAttribute("title") ?? "off"
@@ -57,3 +59,4 @@ themeBtn.addEventListener("click", () => {
   const userPerfersDark = window?.matchMedia?.("(prefers-color-scheme: dark)").matches
   if (!theme && userPerfersDark) changeToDarkTheme();
   else theme === "light" ? changeToLightTheme() : changeToDarkTheme();
+})

site/styles/statute.css

@@ -8,3 +8,15 @@ h2 {
 p {
   padding-bottom: 1.5rem;
 }
+
+.values {
+  margin-bottom: 1.5rem;
+  label {
+    display: block;
+    padding-bottom: 1rem;
+  }
+
+  ul > li {
+    padding-left: 1.5rem;
+  }
+}

template/events-en.html

@@ -9,7 +9,6 @@
     Events are also available as an
     <a href="https://dmz.rs/events.ical">ical</a> file.
   </p>
-  <p>We also provide <a href="https://dmz.rs/events.ical">ical</a> file</p>
   <p>
     <a href="https://wiki.dmz.rs/en/kako-pronaci-prostor" target="_blank">
       Short description