README.md

@@ -31,12 +31,9 @@ nginx -p . -s stop
 ## TODO:
 
 - [x] create page builder
-  - rename `prep.py` to more informative name (`build_events.py`)
 - [ ] create blogging system
 - [ ] create xmpp bot that connects to events section.
 - [ ] webring system
   - [x] make page
   - [ ] populate page
-- [x] make english version
-  - double check spelling and wording
-- add account and donations page and style them with the site style
+- [ ] make english version (localisation)

build_pages.py

@@ -5,7 +5,6 @@ PAGES = [
     {'name': 'account', 'titleSR': 'Nalog', 'titleEN': 'Account', 'style': 'account'},
     {'name': 'contact', 'titleSR': 'Kontakt', 'titleEN': 'Contact', 'style': 'contact'},
     {'name': 'events', 'titleSR': 'Događaji', 'titleEN': 'Events', 'style': 'events'},
-    {'name': 'events_archive', 'titleSR': 'Arhiva događaja', 'titleEN': 'Events archive', 'style': 'events'},
     {'name': 'services', 'titleSR': 'Servisi', 'titleEN': 'Services', 'style': 'services'},
     {'name': 'webring', 'titleSR': 'Webring', 'titleEN': 'Webring', 'style': ''},
 ]

dogadjaji.csv

@@ -1,63 +1,21 @@
 datum, vreme, lokacija, tema
-20-12-2022, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Uvod u računarske mreze, firewall
-03-01-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Hakaton žurka
-16-01-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Radionica privatnosti na internetu
-04-01-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Hakaton žurka
-13-02-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Uvod u Bitcoin radonica
-14-02-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Privacy & Security predavanje
-20-02-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Cyber reconnisance radionica
-21-02-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Uvod u konfiguraciju servera radionica (pomerena)
-27-02-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Šta je Decentrala + hakaton
-03-03-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Uvod u python
-10-03-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Uvod u python
-13-03-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, TLS (SSL) kriptografija
-14-03-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Matrix chat protokol
-20-03-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, LDAP protokol radionica
-21-03-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Android reverse engineering
-25-03-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Open hackerspace day - film
-27-03-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, SQL baze podataka
-28-03-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Esolang
-03-04-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Pentest radionica
-04-04-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Runtime modification of Android apps
-10-04-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Hakaton
-11-04-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Uvod u OpenBSD
-17-04-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Lan party
-18-04-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Pentest radionica nastavak
-23-04-2023, 19:00, Polyhedra https://www.openstreetmap.org/node/4856556781, Uvod u mreže
-03-05-2023, 12:00, Cvijeta Zuzorić https://www.openstreetmap.org/node/256367543, Otvaranje izlozbe (Q&A)
+03-05-2023, 12:00, Cvijeta Zuzoric https://www.openstreetmap.org/node/256367543, Otvaranje izlozbe (Q&A)
 03-05-2023, 18:00, KC Grad https://www.openstreetmap.org/node/4118716889, Linux install fest
-04-05-2023, 17:00, Cvijeta Zuzorić https://www.openstreetmap.org/node/256367543, ULUS izlozba (Q&A)
+04-05-2023, 17:00, Cvijeta Zuzoric https://www.openstreetmap.org/node/256367543, ULUS izlozba (Q&A)
 04-05-2023, 18:00, Polyhedra https://www.openstreetmap.org/node/4856556781, Uvod u racunarske mreze
 04-05-2023, 21:00, n/a, Online sastanak sa Zajednicom za slobodnu tehnologiju iz Kikinde
-05-05-2023, 15:30, Cvijeta Zuzorić https://www.openstreetmap.org/node/256367543, ULUS izlozba (Q&A)
-06-05-2023, 12:00, Cvijeta Zuzorić https://www.openstreetmap.org/node/256367543, ULUS izlozba (Q&A)
-07-05-2023, 16:00, Cvijeta Zuzorić https://www.openstreetmap.org/node/256367543, ULUS izlozba (diskusija)
+05-05-2023, 15:30, Cvijeta Zuzoric https://www.openstreetmap.org/node/256367543, ULUS izlozba (Q&A)
+06-05-2023, 12:00, Cvijeta Zuzoric https://www.openstreetmap.org/node/256367543, ULUS izlozba (Q&A)
+07-05-2023, 16:00, Cvijeta Zuzoric https://www.openstreetmap.org/node/256367543, ULUS izlozba (diskusija)
 08-05-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Linux install day
 09-05-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Cryptoparty - Uvod u privatnost
-11-05-2023, 18:00, Polyhedra https://www.openstreetmap.org/node/4856556781, Uvod u računarske mreže
-05-06-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Šifre
-06-06-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Random i kriptografija
-12-06-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Uvod u Blender
-13-06-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Cybersecurity odbrana
-19-06-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Pisanje BASH skripti
-20-06-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Cybersecurity odbrana
-26-06-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Python vežbe
-27-06-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Cybersecurity odbrana
-03-07-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, DNS
-04-07-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Cybersecurity odbrana
-10-07-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Blender, 3D modelovanje
-11-07-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Cybersecurity odbrana
-17-07-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, OpenGL
-18-07-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Cybersecurity odbrana
-24-07-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Web scraping
-25-07-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Cybersecurity odbrana
-31-07-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Python - Web development
-01-08-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Tehno veče
-07-08-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Linux ricing
-08-08-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Lambda račun
-14-08-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Linux distro diskusija
-15-08-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Pirati 777 mora
-21-08-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Python vežbe
-22-08-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Autentifikacija na internetu
-28-08-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Podešavanje Mail servera
-29-08-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Prevođenje wiki-a
+11-05-2023, 18:00, Polyhedra https://www.openstreetmap.org/node/4856556781, Uvod u racunarske mreze
+01-08-2023, 19:00, DC Krov, Tehno veče
+07-08-2023, 19:00, DC Krov, Linux ricing
+08-08-2023, 19:00, DC Krov, Lambda račun
+14-08-2023, 19:00, DC Krov, Linux distro diskusija
+15-08-2023, 19:00, DC Krov, Pirati 777 mora
+21-08-2023, 19:00, DC Krov, Python vežbe
+22-08-2023, 19:00, DC Krov, Autentifikacija na internetu
+28-08-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Podesavanje Mail servera
+29-08-2023, 19:00, DC Krov https://www.openstreetmap.org/node/10594728522, Prevodjenje wiki-a

pages/en/events.html

@@ -1,2 +1 @@
 <h1>Events</h1>
-<p>Following list contains all forthcoming events. Held events are listed in <a href="/en/events_archive">archive</a></p>

pages/en/events_archive.html

@@ -1,2 +0,0 @@
-<h1>Events archive</h1>
-<p>All events that we organized so far.</p><br>

pages/sr/events.html

@@ -1,2 +1 @@
-<h1>Događaji</h1>
-<p>Naredna lista sadrži sve predstojeće događaje. Za listu održanih događaja pogledajte <a href="/events_archive">arhivu</a></p>
+<h1>Događaji</h1>

pages/sr/events_archive.html

@@ -1,2 +0,0 @@
-<h1>Arhiva događaja</h1>
-<p>Svi događaji koje smo do sada organzivali.</p><br>

prep.py

@@ -1,88 +1,92 @@
 #! /usr/bin/env python
 
-import csv
 from datetime import datetime
+from functools import cmp_to_key
 
-DAYS_SR = ["PON", "UTO", "SRE", "ČET", "PET", "SUB", "NED"]
-DAYS_EN = ["MON ", "TUE", "WED", "THU", "FRI", "SAT", "SUN"]
-
-def load_events(csv_path:str) -> list[dict]:
-    events = []
-    with open(csv_path) as csv_file:
-        csv_reader = csv.reader(csv_file)
-        next(csv_reader, None)
-        for event in csv_reader:
-            event_date = event[0]
-            event_date_parsed = datetime.strptime(event_date, "%d-%m-%Y").date()
-            event_time = event[1]
-            event_location = event[2]
-            event_title = event[3]
-            current_event = {"date":event_date_parsed,
-                             "time":event_time,
-                             "location": event_location,
-                             "title":event_title.strip()}
-            events.append(current_event)
-        return events
-
-def build_html(events: list[dict], dayNames: list[str]) -> str:
-    events_html = []
-    for event in events:
-        title = event["title"]
-        location = event["location"]
-        date = event["date"]
-        date = dayNames[date.weekday()]+", "+str(date.day)+". "+str(date.month)+". "+str(date.year)+", "
-        time = event["time"]+"h"
-        event_html = []
-        event_html.append(f"<div class='date'>{date} {time}</div>")
-        event_html.append(f"<div class='title'>{title}</div>")
-        if "https://" in location:
-            place,link = location.split("https://")
-            event_html.append(f"<div class='place'><a href=\"https://{link}\">@{place.strip()}</a></div>")
-        else:
-            event_html.append(f"<div class='place'>@{location.strip()}</div>")
-
-        event_html = "".join(event_html)
-        events_html.append(f"\n<div class='event'>{event_html}</div>")
-    return events_html
-
-events = sorted(load_events("dogadjaji.csv"), key=lambda e: e["date"])
+DAYS_SR = ["Ponedeljak", "Utorak", "Sreda", "Četvrtak", "Petak", "Subota", "Nedelja"]
+DAYS_EN = ["Monday ", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]
+MONTHS_SR = [
+    "Januar", "Februar", "Mart", "April", "Maj", "Jun",
+    "Jul", "Avgust", "Septembar", "Oktobar", "Novembar", "Decembar",
+    ]
+MONTHS_EN = [
+    "January", "February", "March", "April", "May", "June",
+    "July", "August", "September", "October", "November", "December",
+    ]
 
 today = datetime.today().date()
 
-past_events = list(filter(lambda e: e["date"] <= today, events))
-new_events  = list(filter(lambda e: e["date"] >= today, events))
+def parse_date(date):
+    return datetime.strptime(date,"%d-%m-%Y").date()
+
+def compare_events(one, two):
+    one = parse_date(one.split(", ")[0])
+    two = parse_date(two.split(", ")[0])
+    if one>two:
+        return 1
+    elif one==two:
+        return 0
+    else:
+        return -1
+
+def is_past_event(event):
+    return event < today
+
+def load_events():
+    events = []
+    with open("dogadjaji.csv", "rt") as file:
+        file.readline()
+        for event in file.readlines():
+            event = event.strip()
+            if event != "":
+                events.append(event)
+    return events
+
+def write_events(events):
+    with open("dogadjaji.csv", "wt") as file:
+        file.write("datum, vreme, lokacija, tema\n")
+        for event in events:
+            file.write(event+"\n")
+
+def sort_events(events):
+    return sorted(events, key = cmp_to_key(compare_events))
 
 
-page_template = ""
+def build_html(events, dayNames, monthNames):
+    newevents = []
+    for event in events:
+        date, time, location, title = event.split(", ")
+        date = parse_date(date)
+        if is_past_event(date):
+            continue
+        date = dayNames[date.weekday()]+", "+str(date.day)+". "+monthNames[date.month-1]+" "+str(date.year)+"."
+        time = time+"h"
+        future_event = []
+        future_event.append("<td> "+date+" </td>")
+        future_event.append("<td> "+time+" </td>")
+        if "https://" in location:
+            place,link = location.split("https://")
+            future_event.append("<td> <a href=\"https://"+link+"\""+"> "+place.strip()+" </a> </td>")
+        else:
+            future_event.append("<td> "+location.strip()+" </td>")
+        future_event.append("<td> "+title+" </td>")
+        newevents.append("<tr>\n"+"\n".join(future_event)+"\n</tr>")
+    return newevents
 
-# Build Serbian Events page
-new_events_html = build_html(new_events, DAYS_SR)
-with open("pages/sr/events.html", "r") as file:
-    page_template = ([line for line in file])[:2]
+events = load_events()
+events = sort_events(events)
+write_events(events)
 
-with open("pages/sr/events.html", "w") as file:
-    file.writelines(page_template + new_events_html)
+newevents = build_html(events, DAYS_SR, MONTHS_SR)
 
-# Build English Events page
-new_events_html = build_html(new_events, DAYS_EN)
-with open("pages/en/events.html", "r") as file:
-    page_template = ([line for line in file])[:2]
+with open("pages/sr/events.html","wt") as file:
+    file.writelines(["<h1>Događaji</h1>\n", "<table>\n", "<tr><th>Datum</th><th>Vreme</th><th>Mesto</th><th>Tema</th></tr>\n"])
+    file.writelines(newevents)
+    file.writelines(["</table>"])
 
-with open("pages/en/events.html", "w") as file:
-    file.writelines(page_template + new_events_html)
+newevents = build_html(events, DAYS_EN, MONTHS_EN)
 
-# Build Serbian Archive page
-past_events_html = build_html(past_events, DAYS_SR)
-with open("pages/sr/events_archive.html", "r") as file:
-    page_template = ([line for line in file])[:2]
-
-with open("pages/sr/events_archive.html", "w") as file:
-    file.writelines(page_template + past_events_html)
-
-# Build English Archive page
-past_events_html = build_html(past_events, DAYS_EN)
-with open("pages/en/events_archive.html", "r") as file:
-    page_template = ([line for line in file])[:2]
-
-with open("pages/en/events_archive.html", "w") as file:
-    file.writelines(page_template + past_events_html)
+with open("pages/en/events.html","wt") as file:
+    file.writelines(["<h1>Events</h1>\n", "<table>\n", "<tr><th>Date</th><th>Time</th><th>Place</th><th>Topic</th></tr>"])
+    file.writelines(newevents)
+    file.writelines(["</table>"])

site/styles/events.css

@@ -1,63 +1,30 @@
+table {
+  table-layout: fixed;
+  border-spacing: 0;
+}
+
+th,
+td {
+  padding: 0 1rem 0 1rem;
+  text-align: left;
+  border-left: 2px solid var(--border);
+}
+
+th {
+  padding: 1rem 1rem 0 1rem;
+  border-bottom: 2px solid var(--border);
+}
+
+td:nth-child(odd) {
+  white-space: nowrap;
+}
+
+td {
+  padding: 0 1rem 1rem 1rem;
+  vertical-align: top;
+}
+
 h1 {
   margin-bottom: 2rem;
   font-weight: normal;
-}
-
-.event {
-  display: flex;
-  flex-direction: row;
-}
-
-.event:hover {
-  border-bottom: 5px var(--hightlight) solid;
-}
-
-.event:hover>div {
-  padding-bottom: calc(0.5rem - 5px);
-}
-
-.event>div {
-  padding: 0.5rem;
-  white-space: nowrap;
-}
-
-.date {
-  width: 250px;
-  font-size: 0.9em;
-  overflow-x: hidden;
-  white-space: nowrap;
-}
-
-.title {
-  border-left: 2px solid var(--border);
-  font-weight: bold;
-}
-
-.place {
-  font-size: 0.9em;
-}
-
-@media screen and (max-width: 1160px) {
-  .event {
-    flex-direction: column;
-    margin-bottom: 1rem;
-    border-left: 2px solid var(--border);
-  }
-
-  .event > div {
-    padding: 0 0.5rem;
-    white-space: normal;
-  }
-
-  .event:hover {
-    border-bottom: none;
-  }
-  
-  .event:hover> div {
-    padding-bottom: 0;
-  }
-
-  .title {
-    border-left: none;
-  }
-}
+}