initial commit

2023-05-05 12:55:05 +02:00 · 2023-05-05 12:55:05 +02:00 · d614d04520
commit d614d04520
parent e93c1ea05e
76 changed files with 1210 additions and 705 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1 @@
+venv/
--- a/README.md
+++ b/README.md
@ -0,0 +1,18 @@
+# Decentrala
+
+Redisign of dmz.rs .
+
+# STILL NOT COMPLETED
+
+### TODO:
+
+- create themes switcher
+- update projects section
+- create blogging system
+- create xmpp bot that connects to events section.
+- make responsive
+- make webring system
+- add icon for mastodon
+- add icon for source code for website
+
+<!-- there is no place like ~/home -->
--- a/blog.py
+++ b/blog.py
@ -0,0 +1,11 @@
+# just testing markdown library for now
+
+from markdown import markdown as to_markdown
+
+blog = ""
+
+with open('blogs/Lorem Ipsum.md','rt') as file:
+    blog = file.read()
+
+with open('blogs/Lorem Ipsum.html', 'wt') as file:
+    file.write(to_markdown(blog))
--- a/blogs/Lorem
+++ b/blogs/Lorem
@ -0,0 +1,43 @@
+<h1>Nulla possent lacrimas huius</h1>
+<h2>Fratres quoque</h2>
+<p>Lorem markdownum pariter: lata per tuae quo salus rorant septemfluus mecum
+  summisque feres potes Ulixes. Aeacus Tritonida reicere non convocat pariter
+  neque arma refovet quoque stabunt in. Velamina inrita, silvestribus, ut sarcina
+  memori, bellaque dummodo.</p>
+<p>Factis dixit macies coissent! Nactasque molliter quam in memorant velamine;
+  praemia mundi <em>illo</em> Achille <strong>de</strong>.</p>
+<h2>Velut Procrin</h2>
+<p>Vobis <a href="http://www.palmae.net/aquis-inmota.html">grave</a> fessos ita Belides; poena
+  hora oculis celebrandaque audita guttur ad custodia exprobravit. Pacis monuere
+  et crimen loquor <em>contigit quae</em>! Nondum iudex, auro moratur rogaberis manet.
+  Faciem in dolor adusque, sum soror pectoris in reppulit superest caesis, Hebrum
+  e natura sonabunt. Incensaque An monitae, in animoque vulnerat terra cavo
+  torquet qui humili perque, cristis alii fruitur adacto.</p>
+<ul>
+  <li>Est velavit idem</li>
+  <li>Naupliades tenebant instanti ense iactura ut nutantem</li>
+  <li>Miserarum corpore habet</li>
+</ul>
+<h2>Ad utque sic Charybdis iamque sequenti genitore</h2>
+<p>Hesperien arida. Tibi caelo clavigeram saxoque capillos doleamne faveas testes
+  senex <strong>rudente lacrimis</strong> insula Cnosiacaeque? Dant ablato adulterium gemino,
+  pluvialibus una, dependent iactura illum redit atque dixi pondera. Eumque
+  sanguis errare, formasque parabat volubilibus satis creaverat dextera Iuppiter
+  te sero, est. Opem duceret quam tum pollentibus ramumque tauri; at Saturnia
+  erigitur imitamine ferens adunca delapsaque viminis, terras.</p>
+<h2>Denique ostendit femina tamen</h2>
+<p>Telum in ab utque ut et mihi <strong>auras Midan</strong> meo genus membra comites ne. Orbis
+  via necis. Romana deus, sub frangunt furor crepuscula equorum Teleboasque templa
+  virgineumque belua obsita est. Fragorem Somnus; ducebas placido oscula.</p>
+<blockquote>
+  <p>Inmota manifesta producit, inquit verbisque fluctus iamque, quo fuerat ipse
+    nostra, iussit <strong>nec tenebat</strong>. Pars procul, pietate crinales meus <em>totiens</em>
+    haustus frondes, per sedebat. Domum vincite.</p>
+</blockquote>
+<h2>De curaque quoque reddat numina quae veniam</h2>
+<p>Fessus iacit tantum elimat a medios vinoque finita adspergine liquerat munere
+  vultibus Atridae pecus positoque reluxit. Veniebat videtur laesae quod vacca,
+  lolium neu Perseus fraude nominibus contraria.</p>
+<p>Parat <strong>ferus</strong> in actis terebrata animaeque <strong>quoque</strong>, deos et morte agitantem
+  ore. Proelia casus Gryneus. Quis mihi <em>ille cur</em> Assyrius per siquis, ille
+  Hecabe Arethusa, erigite perfectis.</p>
--- a/blogs/Lorem
+++ b/blogs/Lorem
@ -0,0 +1,53 @@
+# Nulla possent lacrimas huius
+
+## Fratres quoque
+
+Lorem markdownum pariter: lata per tuae quo salus rorant septemfluus mecum
+summisque feres potes Ulixes. Aeacus Tritonida reicere non convocat pariter
+neque arma refovet quoque stabunt in. Velamina inrita, silvestribus, ut sarcina
+memori, bellaque dummodo.
+
+Factis dixit macies coissent! Nactasque molliter quam in memorant velamine;
+praemia mundi *illo* Achille **de**.
+
+## Velut Procrin
+
+Vobis [grave](http://www.palmae.net/aquis-inmota.html) fessos ita Belides; poena
+hora oculis celebrandaque audita guttur ad custodia exprobravit. Pacis monuere
+et crimen loquor *contigit quae*! Nondum iudex, auro moratur rogaberis manet.
+Faciem in dolor adusque, sum soror pectoris in reppulit superest caesis, Hebrum
+e natura sonabunt. Incensaque An monitae, in animoque vulnerat terra cavo
+torquet qui humili perque, cristis alii fruitur adacto.
+
+- Est velavit idem
+- Naupliades tenebant instanti ense iactura ut nutantem
+- Miserarum corpore habet
+
+## Ad utque sic Charybdis iamque sequenti genitore
+
+Hesperien arida. Tibi caelo clavigeram saxoque capillos doleamne faveas testes
+senex **rudente lacrimis** insula Cnosiacaeque? Dant ablato adulterium gemino,
+pluvialibus una, dependent iactura illum redit atque dixi pondera. Eumque
+sanguis errare, formasque parabat volubilibus satis creaverat dextera Iuppiter
+te sero, est. Opem duceret quam tum pollentibus ramumque tauri; at Saturnia
+erigitur imitamine ferens adunca delapsaque viminis, terras.
+
+## Denique ostendit femina tamen
+
+Telum in ab utque ut et mihi **auras Midan** meo genus membra comites ne. Orbis
+via necis. Romana deus, sub frangunt furor crepuscula equorum Teleboasque templa
+virgineumque belua obsita est. Fragorem Somnus; ducebas placido oscula.
+
+> Inmota manifesta producit, inquit verbisque fluctus iamque, quo fuerat ipse
+> nostra, iussit **nec tenebat**. Pars procul, pietate crinales meus *totiens*
+> haustus frondes, per sedebat. Domum vincite.
+
+## De curaque quoque reddat numina quae veniam
+
+Fessus iacit tantum elimat a medios vinoque finita adspergine liquerat munere
+vultibus Atridae pecus positoque reluxit. Veniebat videtur laesae quod vacca,
+lolium neu Perseus fraude nominibus contraria.
+
+Parat **ferus** in actis terebrata animaeque **quoque**, deos et morte agitantem
+ore. Proelia casus Gryneus. Quis mihi *ille cur* Assyrius per siquis, ille
+Hecabe Arethusa, erigite perfectis.
--- a/chat.html
+++ b/chat.html
@ -1,27 +0,0 @@
-<!doctype html>
-<meta charset="UTF-8">
-<html>
-	<head>
-		<link rel="icon" type="image/x-icon" href="/static/d.png">
-		<link rel="stylesheet" href="./static/reset.css">
-		<link rel="stylesheet" href="./static/main.css">
-		<title>Decentrala</title>
-	</head>
-	<body>
-		<div class="container">
-			<div class="header">
-				<h1 class="logo">DECENTRALA</h1>
-			</div>
-			<main>
-				<h2>Chat</h2>
-				<p> Za koriscenje XMPP (Jabber) mozete koristiti <a target="blank" href="https://gajim.org/download/">Gajim</a> na racunaru , <a target="blank" href="https://conversations.im/">Conversations</a> na Andoroid-u (ne pravite nalog na conversations.im serveru, mozete na dmz.rs ili nekom drugom) i <a target="blank" href="https://monal-im.org/">Monal</a> na Apple proizvodima. <p>
-				<p> Mozete nas naci u XMPP grupi <a href="xmpp:decentrala@conference.dmz.rs?join"> decentrala@conference.dmz.rs </a> <p>
-				<div class="back">
-					<ul class="nav">
-						<a href="../"><li>Nazad</li></a>
-					</ul>
-				</div>
-			</main>
-		</div>
-	</body>
-</html>
--- a/dogadjaji.csv
+++ b/dogadjaji.csv
@ -0,0 +1,12 @@
+datum, vreme, lokacija, tema
+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 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 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 racunarske mreze
--- a/dogadjaji.html
+++ b/dogadjaji.html
@ -1,26 +0,0 @@
-<!doctype html>
-<meta charset="UTF-8">
-<html>
-	<head>
-		<link rel="icon" type="image/x-icon" href="/static/d.png">
-		<link rel="stylesheet" href="./static/reset.css">
-		<link rel="stylesheet" href="./static/main.css">
-		<title>Decentrala</title>
-	</head>
-	<body>
-		<div class="container">
-			<div class="header">
-				<h1 class="logo">DECENTRALA</h1>
-			</div>
-			<main>
-				<h2>Dogadjaji</h2>
-				<p> > Svakog utorka u DC Krovu (Beograd, Kraljice Marije 47, zadnji sprat) u 19h radionica Uvod u mreze <p>
-				<div class="back">
-					<ul class="nav">
-						<a href="../"><li>Nazad</li></a>
-					</ul>
-				</div>
-			</main>
-		</div>
-	</body>
-</html>
--- a/font/iosevka-regular.woff
+++ b/font/iosevka-regular.woff
--- a/forum.html
+++ b/forum.html
@ -1,27 +0,0 @@
-<!doctype html>
-<meta charset="UTF-8">
-<html>
-	<head>
-		<link rel="icon" type="image/x-icon" href="/static/d.png">
-		<link rel="stylesheet" href="./static/reset.css">
-		<link rel="stylesheet" href="./static/main.css">
-		<title>Decentrala</title>
-	</head>
-	<body>
-		<div class="container">
-			<div class="header">
-				<h1 class="logo">DECENTRALA</h1>
-			</div>
-			<main>
-				<h2>Forum</h2>
-				<p> Forum je na <a href="https://forum.dmz.rs">forum.dmz.rs</a> <p>
-				<p> Nalog na forumu nije povezan sa nalogom na xmpp i mail serveru <p>
-				<div class="back">
-					<ul class="nav">
-						<a href="../"><li>Nazad</li></a>
-					</ul>
-				</div>
-			</main>
-		</div>
-	</body>
-</html>
--- a/img/cc.svg
+++ b/img/cc.svg
@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="40"
+   height="40"
+   viewBox="0 0 10.583333 10.583333"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="cc.svg"
+   inkscape:export-filename="cc.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="10.628544"
+     inkscape:cx="12.325301"
+     inkscape:cy="22.627747"
+     inkscape:window-width="1362"
+     inkscape:window-height="764"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="path140"
+       style="fill:#181715;stroke-width:0.355403;fill-opacity:1"
+       d="M 5.2916665 0 A 5.2916665 5.2916665 0 0 0 0 5.2916665 A 5.2916665 5.2916665 0 0 0 5.2916665 10.583333 A 5.2916665 5.2916665 0 0 0 10.583333 5.2916665 A 5.2916665 5.2916665 0 0 0 5.2916665 0 z M 5.2916665 0.66145831 A 4.630208 4.630208 0 0 1 9.9218747 5.2916665 A 4.630208 4.630208 0 0 1 5.2916665 9.9218747 A 4.630208 4.630208 0 0 1 0.66145831 5.2916665 A 4.630208 4.630208 0 0 1 5.2916665 0.66145831 z " />
+    <g
+       aria-label="cc"
+       id="text2158"
+       style="font-size:7.05556px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono, Normal';fill:#181715;stroke-width:0.355335">
+      <path
+         d="m 3.1749971,7.3025011 q -0.3598336,0 -0.6491115,-0.1058334 Q 2.2436632,7.0908343 2.0390519,6.8932786 1.8414962,6.6957229 1.7286073,6.4135005 1.6227739,6.1312781 1.6227739,5.7855557 V 4.7977773 q 0,-0.3457225 0.1058334,-0.6279449 Q 1.8414962,3.88761 2.0390519,3.6900543 2.2436632,3.4924987 2.5258856,3.3866653 2.8151635,3.2808319 3.1749971,3.2808319 q 0.642056,0 1.0512785,0.352778 0.416278,0.3457224 0.5009447,0.9525006 H 4.0922199 Q 4.042831,4.2474436 3.7888308,4.0498879 3.5418862,3.8452767 3.1749971,3.8452767 q -0.4233336,0 -0.6702782,0.2540001 Q 2.2577743,4.353277 2.2577743,4.7977773 v 0.9877784 q 0,0.4445003 0.239889,0.6985004 0.2469446,0.2540002 0.6773338,0.2540002 0.3668891,0 0.6138337,-0.1975557 Q 4.042831,6.3358894 4.0922199,5.9972225 H 4.7272203 Q 4.635498,6.6110562 4.21922,6.9567787 3.8099975,7.3025011 3.1749971,7.3025011 Z"
+         id="path290" />
+      <path
+         d="m 7.4083359,7.3025011 q -0.3598335,0 -0.6491115,-0.1058334 Q 6.477002,7.0908343 6.2723907,6.8932786 6.0748351,6.6957229 5.9619461,6.4135005 5.8561127,6.1312781 5.8561127,5.7855557 V 4.7977773 q 0,-0.3457225 0.1058334,-0.6279449 Q 6.0748351,3.88761 6.2723907,3.6900543 6.477002,3.4924987 6.7592244,3.3866653 7.0485024,3.2808319 7.4083359,3.2808319 q 0.642056,0 1.0512785,0.352778 0.416278,0.3457224 0.5009448,0.9525006 H 8.3255587 Q 8.2761698,4.2474436 8.0221697,4.0498879 7.7752251,3.8452767 7.4083359,3.8452767 q -0.4233336,0 -0.6702782,0.2540001 Q 6.4911131,4.353277 6.4911131,4.7977773 v 0.9877784 q 0,0.4445003 0.2398891,0.6985004 0.2469446,0.2540002 0.6773337,0.2540002 0.3668892,0 0.6138338,-0.1975557 0.2540001,-0.2046112 0.303389,-0.5432781 H 8.9605592 Q 8.8688369,6.6110562 8.4525588,6.9567787 8.0433363,7.3025011 7.4083359,7.3025011 Z"
+         id="path292" />
+    </g>
+  </g>
+</svg>
--- a/img/favicon_bg.svg
+++ b/img/favicon_bg.svg
@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="40"
+   height="40"
+   viewBox="0 0 10.583333 10.583333"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="favicon_bg.svg"
+   inkscape:export-filename="favicon_transparent_64.png"
+   inkscape:export-xdpi="153.60001"
+   inkscape:export-ydpi="153.60001"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="10.628544"
+     inkscape:cx="10.631748"
+     inkscape:cy="18.393865"
+     inkscape:window-width="1362"
+     inkscape:window-height="764"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer2" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2">
+    <circle
+       style="fill:#ffffff;stroke-width:0.505137"
+       id="path613"
+       cx="5.2916665"
+       cy="5.2916665"
+       r="5.2916665" />
+  </g>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="path140"
+       style="fill:#181715;stroke-width:0.355403;fill-opacity:1"
+       d="M 5.2916665 0 A 5.2916665 5.2916665 0 0 0 0 5.2916665 A 5.2916665 5.2916665 0 0 0 5.2916665 10.583333 A 5.2916665 5.2916665 0 0 0 10.583333 5.2916665 A 5.2916665 5.2916665 0 0 0 5.2916665 0 z M 5.2916665 0.66145831 A 4.630208 4.630208 0 0 1 9.9218747 5.2916665 A 4.630208 4.630208 0 0 1 5.2916665 9.9218747 A 4.630208 4.630208 0 0 1 0.66145831 5.2916665 A 4.630208 4.630208 0 0 1 5.2916665 0.66145831 z " />
+    <g
+       aria-label="D"
+       id="text441"
+       style="font-weight:500;font-size:7.05556px;font-family:'Iosevka Aile';-inkscape-font-specification:'Iosevka Aile, Medium';fill:#181715;stroke-width:0.355335">
+      <path
+         d="M 3.7464988,7.8845849 V 2.6987482 h 1.4322787 q 0.2187224,0 0.4303892,0.035278 0.2187223,0.035278 0.416278,0.1340557 0.1975557,0.091722 0.3598336,0.2469446 0.1622779,0.1481667 0.2610557,0.3457224 0.1058334,0.1905001 0.1481668,0.4092225 0.042333,0.2116668 0.042333,0.4303892 v 1.9826124 q 0,0.2187223 -0.042333,0.4374447 Q 6.7521674,6.9320843 6.646334,7.12964 6.5475562,7.3201401 6.3852783,7.4753624 6.2230004,7.6235292 6.0254447,7.722307 5.827889,7.8140293 5.6091667,7.8493071 5.3974999,7.8845849 5.1787775,7.8845849 Z m 1.4322787,-0.592667 q 0.1340557,0 0.2610557,-0.021167 0.1340557,-0.028222 0.2540002,-0.084667 0.1199445,-0.0635 0.2116668,-0.1622779 0.091722,-0.098778 0.1481668,-0.2187224 0.0635,-0.1199445 0.084667,-0.2540002 0.021167,-0.1340556 0.021167,-0.2681112 V 4.3003604 q 0,-0.1340557 -0.021167,-0.2681113 Q 6.117167,3.8981934 6.053667,3.7782489 5.9972225,3.6583044 5.9055002,3.5595266 5.8137779,3.4607487 5.6938334,3.4043042 5.5738889,3.3408042 5.4398332,3.3196375 5.3128332,3.2914153 5.1787775,3.2914153 H 4.4238326 v 4.0005026 z"
+         id="path535" />
+    </g>
+  </g>
+</svg>
--- a/img/favicon_bg_16.png
+++ b/img/favicon_bg_16.png
--- a/img/favicon_bg_32.png
+++ b/img/favicon_bg_32.png
--- a/img/favicon_bg_48.png
+++ b/img/favicon_bg_48.png
--- a/img/favicon_bg_64.png
+++ b/img/favicon_bg_64.png
--- a/img/favicon_transparent.svg
+++ b/img/favicon_transparent.svg
@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="40"
+   height="40"
+   viewBox="0 0 10.583333 10.583333"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="favicon_transparent.svg"
+   inkscape:export-filename="cc.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     showgrid="false"
+     inkscape:zoom="10.628544"
+     inkscape:cx="12.419387"
+     inkscape:cy="18.393865"
+     inkscape:window-width="1362"
+     inkscape:window-height="764"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="path140"
+       style="fill:#181715;stroke-width:0.355403;fill-opacity:1"
+       d="M 5.2916665 0 A 5.2916665 5.2916665 0 0 0 0 5.2916665 A 5.2916665 5.2916665 0 0 0 5.2916665 10.583333 A 5.2916665 5.2916665 0 0 0 10.583333 5.2916665 A 5.2916665 5.2916665 0 0 0 5.2916665 0 z M 5.2916665 0.66145831 A 4.630208 4.630208 0 0 1 9.9218747 5.2916665 A 4.630208 4.630208 0 0 1 5.2916665 9.9218747 A 4.630208 4.630208 0 0 1 0.66145831 5.2916665 A 4.630208 4.630208 0 0 1 5.2916665 0.66145831 z " />
+    <g
+       aria-label="D"
+       id="text441"
+       style="font-weight:500;font-size:7.05556px;font-family:'Iosevka Aile';-inkscape-font-specification:'Iosevka Aile, Medium';fill:#181715;stroke-width:0.355335">
+      <path
+         d="M 3.7464988,7.8845849 V 2.6987482 h 1.4322787 q 0.2187224,0 0.4303892,0.035278 0.2187223,0.035278 0.416278,0.1340557 0.1975557,0.091722 0.3598336,0.2469446 0.1622779,0.1481667 0.2610557,0.3457224 0.1058334,0.1905001 0.1481668,0.4092225 0.042333,0.2116668 0.042333,0.4303892 v 1.9826124 q 0,0.2187223 -0.042333,0.4374447 Q 6.7521674,6.9320843 6.646334,7.12964 6.5475562,7.3201401 6.3852783,7.4753624 6.2230004,7.6235292 6.0254447,7.722307 5.827889,7.8140293 5.6091667,7.8493071 5.3974999,7.8845849 5.1787775,7.8845849 Z m 1.4322787,-0.592667 q 0.1340557,0 0.2610557,-0.021167 0.1340557,-0.028222 0.2540002,-0.084667 0.1199445,-0.0635 0.2116668,-0.1622779 0.091722,-0.098778 0.1481668,-0.2187224 0.0635,-0.1199445 0.084667,-0.2540002 0.021167,-0.1340556 0.021167,-0.2681112 V 4.3003604 q 0,-0.1340557 -0.021167,-0.2681113 Q 6.117167,3.8981934 6.053667,3.7782489 5.9972225,3.6583044 5.9055002,3.5595266 5.8137779,3.4607487 5.6938334,3.4043042 5.5738889,3.3408042 5.4398332,3.3196375 5.3128332,3.2914153 5.1787775,3.2914153 H 4.4238326 v 4.0005026 z"
+         id="path535" />
+    </g>
+  </g>
+</svg>
--- a/img/favicon_transparent_16.png
+++ b/img/favicon_transparent_16.png
--- a/img/favicon_transparent_32.png
+++ b/img/favicon_transparent_32.png
--- a/img/favicon_transparent_48.png
+++ b/img/favicon_transparent_48.png
--- a/img/favicon_transparent_64.png
+++ b/img/favicon_transparent_64.png
--- a/img/mesh-dark.png
+++ b/img/mesh-dark.png
--- a/img/mesh-light.png
+++ b/img/mesh-light.png
--- a/img/srce.svg
+++ b/img/srce.svg
@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="40"
+   height="40"
+   viewBox="0 0 10.583333 10.583333"
+   version="1.1"
+   id="svg2421"
+   sodipodi:docname="srce.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview2423"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="7.967789"
+     inkscape:cx="4.2044286"
+     inkscape:cy="19.892595"
+     inkscape:window-width="1362"
+     inkscape:window-height="764"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2418" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="path2477"
+       style="fill:#181715;stroke-width:0.355037"
+       d="M 5.2916667 0 A 5.2916665 5.2916665 0 0 0 0 5.2916667 A 5.2916665 5.2916665 0 0 0 5.2916667 10.583333 A 5.2916665 5.2916665 0 0 0 10.583333 5.2916667 A 5.2916665 5.2916665 0 0 0 5.2916667 0 z M 5.2916667 0.66145833 A 4.6302085 4.6302085 0 0 1 9.921875 5.2916667 A 4.6302085 4.6302085 0 0 1 5.2916667 9.921875 A 4.6302085 4.6302085 0 0 1 0.66145833 5.2916667 A 4.6302085 4.6302085 0 0 1 5.2916667 0.66145833 z " />
+    <text
+       xml:space="preserve"
+       style="font-size:7.05556px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono, Normal';fill:#181715;fill-opacity:1;stroke-width:0.355335"
+       x="-2.7021213"
+       y="4.7616987"
+       id="text3068"><tspan
+         sodipodi:role="line"
+         id="tspan3066"
+         style="fill:#181715;fill-opacity:1;stroke-width:0.355335"
+         x="-2.7021213"
+         y="4.7616987" /></text>
+    <path
+       id="path3659"
+       style="fill:#181715;fill-opacity:1;stroke-width:0.384877"
+       d="m 2.4853365,3.1439096 a 1.984375,1.984375 0 0 0 0,2.80633 l 2.806331,2.8063301 2.8063299,-2.8063301 a 1.984375,1.984375 0 0 0 0,-2.80633 1.984375,1.984375 0 0 0 -2.8063299,0 1.984375,1.984375 0 0 0 -2.806331,0 z" />
+  </g>
+</svg>
--- a/img/w.svg
+++ b/img/w.svg
@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="40"
+   height="40"
+   viewBox="0 0 10.583333 10.583333"
+   version="1.1"
+   id="svg2421"
+   sodipodi:docname="w.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview2423"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="11.268155"
+     inkscape:cx="19.612794"
+     inkscape:cy="17.882253"
+     inkscape:window-width="1362"
+     inkscape:window-height="764"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2418" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="path2477"
+       style="fill:#181715;stroke-width:0.355037"
+       d="M 5.2916667 0 A 5.2916665 5.2916665 0 0 0 0 5.2916667 A 5.2916665 5.2916665 0 0 0 5.2916667 10.583333 A 5.2916665 5.2916665 0 0 0 10.583333 5.2916667 A 5.2916665 5.2916665 0 0 0 5.2916667 0 z M 5.2916667 0.66145833 A 4.6302085 4.6302085 0 0 1 9.921875 5.2916667 A 4.6302085 4.6302085 0 0 1 5.2916667 9.921875 A 4.6302085 4.6302085 0 0 1 0.66145833 5.2916667 A 4.6302085 4.6302085 0 0 1 5.2916667 0.66145833 z " />
+    <g
+       aria-label="w"
+       id="text3068"
+       style="font-size:10.5833px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono, Normal';fill:#181715;stroke-width:0.355335">
+      <path
+         d="M 2.434176,2.3812593 H 3.28084 l 0.5185817,3.9899039 q 0.021167,0.1904994 0.042333,0.423332 0.021167,0.2328326 0.042333,0.4339153 0.021167,0.2328326 0.042333,0.4656652 h 0.1164163 q 0.021167,-0.2328326 0.052916,-0.4656652 0.021167,-0.2010827 0.052917,-0.4339153 0.03175,-0.2328326 0.0635,-0.423332 L 4.8260018,2.3812593 h 0.9101637 l 0.6138314,3.9899039 q 0.03175,0.2010827 0.0635,0.4339153 0.03175,0.2328326 0.052917,0.4339153 0.03175,0.2328326 0.052917,0.4550819 h 0.1269996 q 0.021167,-0.2328326 0.042333,-0.4656652 0.021167,-0.2010827 0.052916,-0.423332 0.03175,-0.2328326 0.052917,-0.4339153 L 7.3236605,2.3812593 H 8.1491578 L 7.3236605,8.2020741 H 6.0219146 L 5.4186665,4.0851705 Q 5.3974999,3.9052544 5.3763333,3.714755 5.36575,3.5136723 5.3551667,3.3443395 q 0,-0.1904994 0,-0.3809988 H 5.2175838 q 0,0.1904994 -0.010583,0.3809988 -0.010583,0.1693328 -0.021167,0.3704155 -0.010583,0.1904994 -0.042333,0.3704155 L 4.5190861,8.2020741 h -1.269996 z"
+         id="path698" />
+    </g>
+  </g>
+</svg>
--- a/img/www.svg
+++ b/img/www.svg
@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="40"
+   height="40"
+   viewBox="0 0 10.583333 10.583333"
+   version="1.1"
+   id="svg2421"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="www.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview2423"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="11.268155"
+     inkscape:cx="19.435302"
+     inkscape:cy="17.793507"
+     inkscape:window-width="1362"
+     inkscape:window-height="764"
+     inkscape:window-x="112"
+     inkscape:window-y="3"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2418" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="path2477"
+       style="fill:#181715;stroke-width:0.355037"
+       d="M 5.2916667 0 A 5.2916665 5.2916665 0 0 0 0 5.2916667 A 5.2916665 5.2916665 0 0 0 5.2916667 10.583333 A 5.2916665 5.2916665 0 0 0 10.583333 5.2916667 A 5.2916665 5.2916665 0 0 0 5.2916667 0 z M 5.2916667 0.66145833 A 4.6302085 4.6302085 0 0 1 9.921875 5.2916667 A 4.6302085 4.6302085 0 0 1 5.2916667 9.921875 A 4.6302085 4.6302085 0 0 1 0.66145833 5.2916667 A 4.6302085 4.6302085 0 0 1 5.2916667 0.66145833 z " />
+    <path
+       d="M 1.6086655,4.1275011 H 1.9473319 L 2.154765,5.7234664 q 0.00847,0.0762 0.016933,0.1693332 0.00847,0.093133 0.016933,0.1735665 0.00847,0.093133 0.016933,0.1862666 h 0.046567 q 0.00847,-0.093133 0.021167,-0.1862666 0.00847,-0.080433 0.021167,-0.1735665 0.0127,-0.093133 0.0254,-0.1693332 L 2.565398,4.1275011 h 0.3640664 l 0.2455331,1.5959653 q 0.0127,0.080433 0.0254,0.1735666 0.0127,0.093133 0.021167,0.1735665 0.0127,0.093133 0.021167,0.1820332 h 0.0508 q 0.00847,-0.093133 0.016933,-0.1862666 0.00847,-0.080433 0.021167,-0.1693331 0.0127,-0.093133 0.021167,-0.1735666 L 3.5644639,4.1275011 H 3.8946636 L 3.5644639,6.4558325 H 3.0437643 L 2.8024645,4.8090672 q -0.00847,-0.071967 -0.016933,-0.1481665 -0.00423,-0.080433 -0.00847,-0.1481666 0,-0.0762 0,-0.1523999 h -0.055033 q 0,0.0762 -0.00423,0.1523999 -0.00423,0.067733 -0.00847,0.1481666 -0.00423,0.0762 -0.016933,0.1481665 L 2.4426315,6.4558325 H 1.9346319 Z"
+       id="path503"
+       style="font-size:4.23333px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono, Normal';fill:#181715;stroke-width:0.355335" />
+    <path
+       d="m 4.148665,4.1275011 h 0.3386664 l 0.2074331,1.5959653 q 0.00847,0.0762 0.016933,0.1693332 0.00847,0.093133 0.016933,0.1735665 0.00847,0.093133 0.016933,0.1862666 h 0.046567 q 0.00847,-0.093133 0.021167,-0.1862666 0.00847,-0.080433 0.021167,-0.1735665 0.0127,-0.093133 0.0254,-0.1693332 L 5.1053975,4.1275011 H 5.4694639 L 5.714997,5.7234664 q 0.0127,0.080433 0.0254,0.1735666 0.0127,0.093133 0.021167,0.1735665 0.0127,0.093133 0.021167,0.1820332 h 0.0508 Q 5.842001,6.1594997 5.850464,6.0663661 5.858934,5.9859331 5.871631,5.897033 5.884331,5.8039 5.892798,5.7234664 L 6.1044633,4.1275011 H 6.4346631 L 6.1044633,6.4558325 H 5.5837638 L 5.342464,4.8090672 Q 5.333994,4.7371002 5.325531,4.6609007 5.321301,4.5804677 5.317061,4.5127341 q 0,-0.0762 0,-0.1523999 H 5.262028 q 0,0.0762 -0.00423,0.1523999 -0.00423,0.067733 -0.00847,0.1481666 -0.00423,0.0762 -0.016933,0.1481665 L 4.982631,6.4558325 H 4.4746314 Z"
+       id="path505"
+       style="font-size:4.23333px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono, Normal';fill:#181715;stroke-width:0.355335" />
+    <path
+       d="M 6.6886645,4.1275011 H 7.0273309 L 7.234764,5.7234664 q 0.00847,0.0762 0.016933,0.1693332 0.00847,0.093133 0.016933,0.1735665 0.00847,0.093133 0.016933,0.1862666 H 7.33213 q 0.00847,-0.093133 0.021167,-0.1862666 0.00847,-0.080433 0.021167,-0.1735665 0.0127,-0.093133 0.0254,-0.1693332 L 7.645397,4.1275011 h 0.3640664 l 0.2455331,1.5959653 q 0.0127,0.080433 0.0254,0.1735666 0.0127,0.093133 0.021167,0.1735665 0.0127,0.093133 0.021167,0.1820332 h 0.0508 q 0.00847,-0.093133 0.016933,-0.1862666 0.00847,-0.080433 0.021167,-0.1693331 0.0127,-0.093133 0.021167,-0.1735666 L 8.6444628,4.1275011 H 8.9746626 L 8.6444628,6.4558325 H 8.1237633 L 7.8824635,4.8090672 q -0.00847,-0.071967 -0.016933,-0.1481665 -0.00423,-0.080433 -0.00847,-0.1481666 0,-0.0762 0,-0.1523999 h -0.055033 q 0,0.0762 -0.00423,0.1523999 -0.00423,0.067733 -0.00847,0.1481666 -0.00423,0.0762 -0.016933,0.1481665 L 7.5226304,6.4558325 H 7.0146309 Z"
+       id="path507"
+       style="font-size:4.23333px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono, Normal';fill:#181715;stroke-width:0.355335" />
+  </g>
+</svg>
--- a/index.html
+++ b/index.html
@ -1,28 +1,61 @@
-<!doctype html>
-<meta charset="UTF-8">
-<html>
-	<head>
-		<link rel="icon" type="image/x-icon" href="/static/d.png">
-		<link rel="stylesheet" href="./static/reset.css">
-		<link rel="stylesheet" href="./static/main.css">
-		<title>Decentrala</title>
-	</head>
-	<body>
-		<div class="container">
-			<div class="header">
-				<h1 class="logo">DECENTRALA</h1>
-			</div>
-			<main>
-				<p id="about"> Decentrala je zajednica okupljena oko decentralizacije tehnologija i sirenja znanja. <p>
-				<ul class="nav">
-					<a href="/dogadjaji.html"><li>DOGAĐAJI</li></a>
-					<a href="/forum.html"><li>FORUM</li></a>
-					<a href="/chat.html"><li>CHAT</li></a>
-					<a href="/nalog.html"><li>NALOG</li></a>
-					<a href="/onama.html"><li>O NAMA</li></a>
-					<a href="/kontakt.html"><li>KONTAKT</li></a>
-				</ul>
-			</main>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="/styles/style.css">
+  <link rel="stylesheet" href="/styles/home.css">
+  <title>Decentrala</title>
+</head>
+
+<body>
+  <header>
+    <a class="logo" href="/index.html">Decentrala</a> <a class="account" href="/pages/account.html">Nalog</a>
+  </header>
+  <div class="main">
+    <h1>Dobrodosli!</h1>
+    <p>
+      Mi smo <em>Decentrala</em> - grupa entuzijasta okupljena oko ideja decentralizacije i slobodnog sirenja znanja.
+      Zvuci interesantno? Evo jos nekih stvari o nama:
+    </p>
+    <dl>
+      <dt>Znanje:</dt>
+      <dd>Sve nase radionice su besplatne i otvorene za sve zainteresovane, a ako imate nesto sto zelite da
+        podelite, najavite se na nasem <a href="https://forum.dmz.rs">Forumu</a> ili i odrzite radionicu kod nas!</dd>
+      <dt>Akcije:</dt>
+      <dd>Povremeno organizujemo razlicite akcije, hakatone, crypto-partije, izlozbe i slicne dogadjaje otvorene za sve
+        zainteresovane. </dd>
+      <dt>Servisi:</dt>
+      <dd>Na nasim serverima pokrecemo neke servise (email, git, wiki i druge) koji su otvoreni za sve i koje mozes
+        koristiti sa ili bez naseg naloga.</dd>
+      <dt>Ljudi:</dt>
+      <dd>Lorem ipsum dolor sit amet.</dd>
+    </dl>
+    <p>
+      Ako si procitao sve i i dalje si zainteresovan, mozes da napravis <a href="/pages/account.html">nalog</a> na nasem
+      serveru koji ce
+      ti omoguciti da koristis sve nase <a href="/pages/services.html">servise</a>, a ako prvo hoces da vidis kako to
+      sve
+      izgleda u
+      realnosti, mozes da dodjes na neki od nasih <a href="/pages/events.html">dogadjaja</a>, i tamo nas upoznas!
+    </p>
+    <img src="/img/mesh-light.png">
+  </div>
+  <footer>
+    <span class="sections">
+      <a href="/pages/events.html">Dogadjaji</a>
+      <a href="/pages/projects.html">Projekti</a>
+      <a href="/pages/blog.html">Blog</a>
+      <a href="/pages/services.html">Servisi</a>
+      <a href="/pages/contact.html">Kontakt</a>
+    </span>
+    <span class="copyleft">
+      <a href=""><img src="/img/cc.svg" alt="CreativeCommons" /></a>
+      <a href=""><img src="/img/w.svg" alt="Webring" /></a>
+      <span>Decentrala &copy; 2023</span>
+    </span>
+  </footer>
+</body>
+
+</html>
--- a/kontakt.html
+++ b/kontakt.html
@ -1,28 +0,0 @@
-<!doctype html>
-<meta charset="UTF-8">
-<html>
-	<head>
-		<link rel="icon" type="image/x-icon" href="/static/d.png">
-		<link rel="stylesheet" href="./static/reset.css">
-		<link rel="stylesheet" href="./static/main.css">
-		<title>Decentrala</title>
-	</head>
-	<body>
-		<div class="container">
-			<div class="header">
-				<h1 class="logo">DECENTRALA</h1>
-			</div>
-			<main>
-				<h2>Kontakt</h2>
-				<p> Mozete nam poslati email na dmz@dmz.rs <p>
-				<p> Ili nas kontaktiraje na <a href="/forum.html">forumu</a> ili <a href="/chat.html">chat kanalu</a> <p>
-				<p> Takodje mozete i doci na neku od dogadjaja i upoznati nas uzivo <p>
-				<div class="back">
-					<ul class="nav">
-						<a href="../"><li>Nazad</li></a>
-					</ul>
-				</div>
-			</main>
-		</div>
-	</body>
-</html>
--- a/mesh.js
+++ b/mesh.js
@ -0,0 +1,11 @@
+// this is a p5.js script that generates mesh image for the website
+function setup() {
+  createCanvas(500, 700);
+  background("rgba(0,0,0,0)");
+  stroke("rgba(255,255,255,1)");
+  let j = 475;
+  for (let i = 0; i < 700; i += 35) {
+    line(500, i, j, 700);
+    j -= 25;
+  }
+}
--- a/nalog.html
+++ b/nalog.html
@ -1,32 +0,0 @@
-<!doctype html>
-<meta charset="UTF-8">
-<html>
-	<head>
-		<link rel="icon" type="image/x-icon" href="/static/d.png">
-		<link rel="stylesheet" href="./static/reset.css">
-		<link rel="stylesheet" href="./static/main.css">
-		<title>Decentrala</title>
-	</head>
-	<body>
-		<div class="container">
-			<div class="header">
-				<h1 class="logo">DECENTRALA</h1>
-			</div>
-			<main>
-				<h2>Nalog</h2>
-				<p> Ako ste napravili nalog na dmz.rs mozete koristi nas xmpp i email server. <p>
-				<p> Za vise o XMPP pogledajte <a href="/chat.html">Chat</a> stranicu. <p>
-				<p> Za primer podesavanja na <a href="https://www.thunderbird.net/">Thundebird</a> mail klijentu mozete pogledati <a href="/static/img/mailsettings.png">sliku</a>. <p>
-				<ul class="nav">
-					<a href="/account/register/"><li>Registruj se</li></a>
-					<a href="/account/unregister/"><li>Izbrisi nalog</li></a>
-					<a href="/account/changepassword/"><li>Promeni lozinku</li></a>
-				</ul>
-				<div class="back">
-					<ul class="nav">
-						<a href="../"><li>Nazad</li></a>
-					</ul>
-				</div>
-			</main>
-	</body>
-</html>
--- a/onama.html
+++ b/onama.html
@ -1,44 +0,0 @@
-<!doctype html>
-<meta charset="UTF-8">
-<html>
-	<head>
-		<link rel="icon" type="image/x-icon" href="/static/d.png">
-		<link rel="stylesheet" href="./static/reset.css">
-		<link rel="stylesheet" href="./static/main.css">
-		<title>Decentrala</title>
-	</head>
-	<body>
-		<div class="container">
-			<div class="header">
-				<h1 class="logo">DECENTRALA</h1>
-			</div>
-			<main>
-				<h2>Sta je Decentrala</h2>
-				<p> Decentrala je zajednica okupljena oko decentralizacije tehnologija i sirenja znanja. <p>
-				<div id="onama">
-					<div class="box">
-						<h3> Znanje </h3>
-						<p> Svako moze drzati predavanje na bilo koju temu, samo se najavite na forumu. <p>
-						<p> Decentrala veruje da svako treba da ima pristup znanju, zbog cega su predavanja uvek besplatna i bez promocija. <p>
-						<p> Ako zelite nesto da podelite sa drugima sto ste naucili, prijavite se da drzite jedno ili vise predavanja! <p>
-					</div>
-					<div class="box">
-						<h3> Akcija </h3>
-						<p> Organizovanje dogadjaja programiranja ili instalacije servisa koje pomazu u decentralizaciji Interneta. <p>
-						<p> Organizujemo hackathone kao posebne dogadjaje na kojima se okupljamo da radimo na zajednickom cilju. <p>
-					</div>
-					<div class="box">
-						<h3> Druzenje </h3>
-						<p> Drustvene dogadjaje u cilju socijalizacije. <p>
-						<p> Ako zelite da se druzite sa ljudima zainteresovanim za ravnopravnost koriscenja tehnologija, slobodnog softvera, privatnost i bezbednost, posetite neku od okupljanja Decentrale. <p>
-					</div>
-				</div>
-				<div class="back">
-					<ul class="nav">
-					<a href="../"><li>Nazad</li></a>
-					</ul>
-				</div>
-			</main>
-		</div>
-	</body>
-</html>
--- a/pages/account.html
+++ b/pages/account.html
@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="/styles/style.css">
+  <link rel="stylesheet" href="/styles/account.css">
+  <title>Decentrala - Nalog</title>
+</head>
+
+<body>
+  <header>
+    <a class="logo" href="/index.html">Decentrala</a> <a class="account" href="/pages/account.html">Nalog</a>
+  </header>
+  <div class="main">
+    Ova stranica je trenutno u izradi...
+    <img src="/img/mesh-light.png">
+  </div>
+  <footer>
+    <span class="sections">
+      <a href="/pages/events.html">Dogadjaji</a>
+      <a href="/pages/projects.html">Projekti</a>
+      <a href="/pages/blog.html">Blog</a>
+      <a href="/pages/services.html">Servisi</a>
+      <a href="/pages/contact.html">Kontakt</a>
+    </span>
+    <span class="copyleft">
+      <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc.svg" alt="CreativeCommons" /></a>
+      <a href=""><img src="/img/w.svg" alt="Webring" /></a>
+      <span>Decentrala &copy; 2023</span>
+    </span>
+  </footer>
+</body>
+
+</html>
--- a/pages/blog.html
+++ b/pages/blog.html
@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="/styles/style.css">
+  <link rel="stylesheet" href="/styles/blog.css">
+  <title>Decentrala - Blog</title>
+</head>
+
+<body>
+  <header>
+    <a class="logo" href="/index.html">Decentrala</a> <a class="account" href="/pages/account.html">Nalog</a>
+  </header>
+  <div class="main">
+    Ova stranica je trenutno u izradi...
+    <img src="/img/mesh.png">
+  </div>
+  <footer>
+    <span class="sections">
+      <a href="/pages/events.html">Dogadjaji</a>
+      <a href="/pages/projects.html">Projekti</a>
+      <a href="/pages/blog.html">Blog</a>
+      <a href="/pages/services.html">Servisi</a>
+      <a href="/pages/contact.html">Kontakt</a>
+    </span>
+    <span class="copyleft">
+      <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc.svg" alt="CreativeCommons" /></a>
+      <a href=""><img src="/img/w.svg" alt="Webring" /></a>
+      <span>Decentrala &copy; 2023</span>
+    </span>
+  </footer>
+</body>
+
+</html>
--- a/pages/contact.html
+++ b/pages/contact.html
@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="/styles/style.css">
+  <link rel="stylesheet" href="/styles/contact.css">
+  <title>Decentrala - Kontakt</title>
+</head>
+
+<body>
+  <header>
+    <a class="logo" href="/index.html">Decentrala</a> <a class="account" href="/pages/account.html">Nalog</a>
+  </header>
+  <div class="main">
+    <h1>Kontakt</h1>
+    <p>Mozes nam poslati mail na <a href="mailto:dmz@dmz.rs">dmz@dmz.rs</a> ili se mozes pridruziti nasem <a
+        href="https://forum.dmz.rs">Forumu</a>.</p>
+    <p>Takodje smo i na <a href="https://balkan.fedive.rs/@decentrala">Fediversu!</a></p>
+    <img src="/img/mesh.png">
+  </div>
+  <footer>
+    <span class="sections">
+      <a href="/pages/events.html">Dogadjaji</a>
+      <a href="/pages/projects.html">Projekti</a>
+      <a href="/pages/blog.html">Blog</a>
+      <a href="/pages/services.html">Servisi</a>
+      <a href="/pages/contact.html">Kontakt</a>
+    </span>
+    <span class="copyleft">
+      <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc.svg" alt="CreativeCommons" /></a>
+      <a href=""><img src="/img/w.svg" alt="Webring" /></a>
+      <span>Decentrala &copy; 2023</span>
+    </span>
+  </footer>
+</body>
+
+</html>
--- a/pages/events.html
+++ b/pages/events.html
@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="/styles/style.css">
+  <link rel="stylesheet" href="/styles/events.css">
+  <title>Decentrala - Dogadjaji</title>
+</head>
+
+<body>
+  <header>
+    <a class="logo" href="/index.html">Decentrala</a> <a class="account" href="/pages/account.html">Nalog</a>
+  </header>
+  <div class="main">
+    <h1>Dogadjaji</h1>
+    <!-- dogadjaji start -->
+    <table>
+      <tr>
+        <th>Datum</th>
+        <th>Vreme</th>
+        <th>Mesto</th>
+        <th>Tema</th>
+      </tr>
+
+      <tr>
+        <td> Petak, 5. Maj 2023. </td>
+        <td> 15:30h </td>
+        <td> <a href="https://www.openstreetmap.org/node/256367543"> Cvijeta Zuzoric </a> </td>
+        <td> ULUS izlozba (Q&A) </td>
+      </tr>
+      <tr>
+        <td> Subota, 6. Maj 2023. </td>
+        <td> 12:00h </td>
+        <td> <a href="https://www.openstreetmap.org/node/256367543"> Cvijeta Zuzoric </a> </td>
+        <td> ULUS izlozba (Q&A) </td>
+      </tr>
+      <tr>
+        <td> Nedelja, 7. Maj 2023. </td>
+        <td> 16:00h </td>
+        <td> <a href="https://www.openstreetmap.org/node/256367543"> Cvijeta Zuzoric </a> </td>
+        <td> ULUS izlozba (diskusija) </td>
+      </tr>
+      <tr>
+        <td> Ponedeljak, 8. Maj 2023. </td>
+        <td> 19:00h </td>
+        <td> <a href="https://www.openstreetmap.org/node/10594728522"> DC Krov </a> </td>
+        <td> Linux install day </td>
+      </tr>
+      <tr>
+        <td> Utorak, 9. Maj 2023. </td>
+        <td> 19:00h </td>
+        <td> <a href="https://www.openstreetmap.org/node/10594728522"> DC Krov </a> </td>
+        <td> Cryptoparty - Uvod u privatnost </td>
+      </tr>
+      <tr>
+        <td> Cetvrtak, 11. Maj 2023. </td>
+        <td> 18:00h </td>
+        <td> <a href="https://www.openstreetmap.org/node/4856556781"> Polyhedra </a> </td>
+        <td> Uvod u racunarske mreze </td>
+      </tr>
+
+    </table>
+    <!-- dogadjaji end -->
+    <img src="/img/mesh.png">
+  </div>
+  <footer>
+    <span class="sections">
+      <a href="/pages/events.html">Dogadjaji</a>
+      <a href="/pages/projects.html">Projekti</a>
+      <a href="/pages/blog.html">Blog</a>
+      <a href="/pages/services.html">Servisi</a>
+      <a href="/pages/contact.html">Kontakt</a>
+    </span>
+    <span class="copyleft">
+      <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc.svg" alt="CreativeCommons" /></a>
+      <a href=""><img src="/img/w.svg" alt="Webring" /></a>
+      <span>Decentrala &copy; 2023</span>
+    </span>
+  </footer>
+</body>
+
+</html>
--- a/pages/projects.html
+++ b/pages/projects.html
@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="/styles/style.css">
+  <link rel="stylesheet" href="/styles/projects.css">
+  <title>Decentrala - Projekti</title>
+</head>
+
+<body>
+  <header>
+    <a class="logo" href="/index.html">Decentrala</a> <a class="account" href="/pages/account.html">Nalog</a>
+  </header>
+  <div class="main">
+    Ova stranica je trenutno u izradi...
+    <img src="/img/mesh.png">
+  </div>
+  <footer>
+    <span class="sections">
+      <a href="/pages/events.html">Dogadjaji</a>
+      <a href="/pages/projects.html">Projekti</a>
+      <a href="/pages/blog.html">Blog</a>
+      <a href="/pages/services.html">Servisi</a>
+      <a href="/pages/contact.html">Kontakt</a>
+    </span>
+    <span class="copyleft">
+      <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc.svg" alt="CreativeCommons" /></a>
+      <a href=""><img src="/img/w.svg" alt="Webring" /></a>
+      <span>Decentrala &copy; 2023</span>
+    </span>
+  </footer>
+</body>
+
+</html>
--- a/pages/services.html
+++ b/pages/services.html
@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="/styles/style.css">
+  <link rel="stylesheet" href="/styles/services.css">
+  <title>Decentrala - Servisi</title>
+</head>
+
+<body>
+  <header>
+    <a class="logo" href="/index.html">Decentrala</a> <a class="account" href="/pages/account.html">Nalog</a>
+  </header>
+  <div class="main">
+    <h1>Servisi</h1>
+    <table>
+      <tr>
+        <th>Servis</th>
+        <th>Opis</th>
+      </tr>
+      <tr>
+        <td><a href="">Email</a></td>
+        <td>Email nalog koji mozes koristiti putem naseg <a href="/index.html">mail web interfejsa</a> ili na bilo kom
+          email
+          klijentu generalne namene, na primer <a href="https://www.thunderbird.net/">Thunderbird-u</a>. Bolji od
+          Gmail-a. </td>
+      </tr>
+      <tr>
+        <td><a href="https://forum.dmz.rs/">Forum</a></td>
+        <td>Forum na kojem obicno organizujemo nase <a href="/pages/dogadjaji.html">dogadjaje</a>. Bolji od Reddit-a.
+        </td>
+      </tr>
+      <tr>
+        <td>Chat</td>
+        <td>Odrzavamo svoj XMPP server, na kojem mozes napraviti nalog ili ako vec imas nalog mozes nas naci u grupi <a
+            href="decentrala@conference.dmz.rs">decentrala@conference.dmz.rs</a> . Bolji od WhatsApp-a.</td>
+      </tr>
+      <tr>
+        <td><a href="https://gitea.dmz.rs/">Git</a></td>
+        <td><a href="https://gitea.io/en-us/">Gitea</a> instanca na kojoj drzimo kod kao i ostale resurse za nase <a
+            href="/pages/projekti.html">projekte</a>,
+          <a href="/pages/dogadjaji.html">dogadjaje</a>, kao i neke nase random projekte kao i projekte nasih
+          prijatelja.
+          Ovo moze bit dom tvog sledeceg projekta. Bolji od Github-a.
+        </td>
+      </tr>
+      <tr>
+        <td><a href="https://wiki.dmz.rs/">Wiki</a></td>
+        <td><a href="https://js.wiki/">Wiki.js</a> instanca koju koristimo da dokumentujemo nase <a
+            href="/pages/projekti.html">projekte</a> kao i
+          ostale <a href="/pages/dogadjaji.html">dogadjaje</a>. </td>
+      </tr>
+    </table>
+    <p>Ovo su neki od servisa koje trenutno odrzavamo na nasim serverima. Da bi koristio ove servise, <em>mozes</em> se
+      registrujes za svaki servis ponaosob, ili da napravis <a href="/pages/account.html">nalog</a> na nasem serveru i
+      sa istim nalogom
+      koristis sve servise. </p>
+    <img src="/img/mesh.png">
+  </div>
+  <footer>
+    <span class="sections">
+      <a href="/pages/events.html">Dogadjaji</a>
+      <a href="/pages/projects.html">Projekti</a>
+      <a href="/pages/blog.html">Blog</a>
+      <a href="/pages/services.html">Servisi</a>
+      <a href="/pages/contact.html">Kontakt</a>
+    </span>
+    <span class="copyleft">
+      <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc.svg" alt="CreativeCommons" /></a>
+      <a href=""><img src="/img/w.svg" alt="Webring" /></a>
+      <span>Decentrala &copy; 2023</span>
+    </span>
+  </footer>
+</body>
+
+</html>
--- a/prep.py
+++ b/prep.py
@ -0,0 +1,130 @@
+#! /usr/bin/env python
+
+from datetime import datetime
+from functools import cmp_to_key
+
+days = [
+    "Ponedeljak",
+    "Utorak",
+    "Sreda",
+    "Cetvrtak",
+    "Petak",
+    "Subota",
+    "Nedelja",
+]
+
+months = [
+    "Januar",
+    "Februar",
+    "Mart",
+    "April",
+    "Maj",
+    "Jun",
+    "Jul",
+    "Avgust",
+    "Septembar",
+    "Oktobar",
+    "Novembar",
+    "Decembar",
+]
+
+today = datetime.today().date()
+
+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.txt", "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.txt", "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))
+
+
+events = load_events()
+events = sort_events(events)
+write_events(events)
+
+start = "<table>\n<tr>\n<th>Datum</th>\n<th>Vreme</th>\n<th>Mesto</th>\n<th>Tema</th>\n</tr>\n"
+end="\n</table>"
+future_events = []
+
+for event in events:
+    date, time, location, title = event.split(", ")
+    date = parse_date(date)
+    if is_past_event(date):
+        continue
+    date = days[date.weekday()]+", "+str(date.day)+". "+months[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>")
+    future_events.append("<tr>\n"+"\n".join(future_event)+"\n</tr>")
+
+events = []
+events.append(start)
+
+for event in future_events:
+    events.append(event)
+
+events.append(end)
+
+with open("pages/dogadjaji.html","rt") as file:
+    html = file.readlines()
+
+new_html = []
+
+i=0
+while i<len(html):
+    original_line = html[i]
+    line = original_line.strip()
+    if line == '<!-- dogadjaji start -->':
+        new_html.append(original_line)
+        for event in events:
+            new_html.append(event+"\n")
+        new_html.append("    <!-- dogadjaji end -->\n")
+        while line!='<!-- dogadjaji end -->':
+            i+=1
+            line=html[i].strip()
+        i+=1
+        while i<len(html):
+            new_html.append(html[i])
+            i+=1
+    else:
+        new_html.append(original_line)
+        i+=1
+
+
+with open("pages/dogadjaji.html","wt") as file:
+    file.writelines(new_html)
--- a/static/d.png
+++ b/static/d.png
--- a/static/fonts/facade/Facade-Est.otf
+++ b/static/fonts/facade/Facade-Est.otf
--- a/static/fonts/facade/Facade-Est.woff
+++ b/static/fonts/facade/Facade-Est.woff
--- a/static/fonts/facade/Facade-Ouest.otf
+++ b/static/fonts/facade/Facade-Ouest.otf
--- a/static/fonts/facade/Facade-Ouest.woff
+++ b/static/fonts/facade/Facade-Ouest.woff
--- a/static/fonts/facade/Facade-Sud-Ouest.otf
+++ b/static/fonts/facade/Facade-Sud-Ouest.otf
--- a/static/fonts/facade/Facade-Sud-Ouest.woff
+++ b/static/fonts/facade/Facade-Sud-Ouest.woff
--- a/static/fonts/facade/Facade-Sud.otf
+++ b/static/fonts/facade/Facade-Sud.otf
--- a/static/fonts/facade/Facade-Sud.woff
+++ b/static/fonts/facade/Facade-Sud.woff
--- a/static/fonts/facade/FacadeGX.ttf
+++ b/static/fonts/facade/FacadeGX.ttf
--- a/static/fonts/jetbrains-mono/.uuid
+++ b/static/fonts/jetbrains-mono/.uuid
@ -1 +0,0 @@
-2f069ecf-a1fc-4aaf-924c-de17efcde7a8
--- a/static/fonts/jetbrains-mono/JetBrainsMono-Bold.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-Bold.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-BoldItalic.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-BoldItalic.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-ExtraBold.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-ExtraBold.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-ExtraBoldItalic.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-ExtraBoldItalic.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-ExtraLight.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-ExtraLight.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-ExtraLightItalic.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-ExtraLightItalic.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-Light.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-Light.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-LightItalic.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-LightItalic.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-Medium.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-Medium.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-MediumItalic.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-MediumItalic.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-Regular.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-Regular.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-Thin.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-Thin.ttf
--- a/static/fonts/jetbrains-mono/JetBrainsMono-ThinItalic.ttf
+++ b/static/fonts/jetbrains-mono/JetBrainsMono-ThinItalic.ttf
--- a/static/fonts/sligoil/Sligoil-Micro.otf
+++ b/static/fonts/sligoil/Sligoil-Micro.otf
--- a/static/fonts/sligoil/Sligoil-Micro.woff
+++ b/static/fonts/sligoil/Sligoil-Micro.woff
--- a/static/fonts/sligoil/Sligoil-Micro.woff2
+++ b/static/fonts/sligoil/Sligoil-Micro.woff2
--- a/static/img/mailsettings.png
+++ b/static/img/mailsettings.png
--- a/static/main.css
+++ b/static/main.css
@ -1,124 +0,0 @@
-@font-face {
-  font-family: Facade;
-  src: url(fonts/facade/Facade-Sud.woff);
-}
-
-@font-face {
-  font-family: sligoil;
-  src: url(fonts/sligoil/Sligoil-Micro.woff);
-}
-
-@font-face {
-  font-family: jetbrains-mono;
-  src: url(fonts/jetbrains-mono/JetBrainsMono-Regular.ttf);
-}
-
-
-body {
-	background-color: rgb(0, 0, 0);
-	font-family: jetbrains-mono;
-	font-size: 3vw;
-}
-
-.container {
-	margin: 2rem auto;
-	margin-left: 2vw;
-	margin-right: 1vw;
-}
-
-.header {
-	display: flex;
-	justify-content: center;
-	margin: 0 auto;
-	font-family: facade;
-	font-size: 12vw;
-	color: #24ea26;
-}
-
-#d {
-	float: right;
-	margin-right: 6vw;
-	margin-left: 1vw;
-	margin-bottom: 2vw;
-	background-color: #24ea26;
-}
-
-main  {
-	color: #24ea26;
-}
-
-main h2 {
-	font-family: sligoil;
-	font-size: 5vw;
-}
-
-main h3 {
-	font-family: sligoil;
-	font-size: 4vw;
-	margin: 2rem auto;
-	margin-left: 2vw;
-	margin-right: 1vw;
-}
-
-#about {
-	margin-bottom: 2rem;
-}
-
-a {
-	font-family: sligoil;
-	text-decoration: underline;
-	color: #24ea26;
-
-}
-
-a:visited {
-	text-decoration: none;
-}
-
-a:active {
-	text-decoration: none;
-}
-
-a:hover {
-	text-decoration: none;
-}
-
-main ul li {
-	font-size: 3vw;
-}
-
-main ul li:hover {
-	background-color: #008000;
-}
-
-main ul li:hover a {
-	color: #000000;
-}
-
-main ul li:before {
-	content: ">";
-	padding-right: 5px;	
-	color: #24ea26;
-}
-
-.back ul li {
-	text-align: right;
-	clear: both;
-}
-
-.back ul li:before {
-	content: "<";
-	padding-right: 5px;	
-	color: #24ea26;
-}
-
-#onama p {
-	font-size: 2vw;
-}
-
-.box {
-	float: left;
-	width: 25vw;
-	text-align: center;
-	padding: 1vw;
-}
--- a/static/reset.css
+++ b/static/reset.css
@ -1,368 +0,0 @@
-/* http://meyerweb.com/eric/tools/css/reset/
- *    v2.0-modified | 20110126
- *       License: none (public domain)
- *       */
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	  margin: 0;
-	  	padding: 0;
-			border: 0;
-				font-size: 100%;
-					font: inherit;
-						vertical-align: baseline;
-					}
-
-					/* make sure to set some focus styles for accessibility */
-					:focus {
-						    outline: 0;
-					    }
-
-					    /* HTML5 display-role reset for older browsers */
-					    article, aside, details, figcaption, figure,
-					    footer, header, hgroup, menu, nav, section {
-						    	display: block;
-						}
-
-						body {
-								line-height: 1;
-							}
-
-							ol, ul {
-									list-style: none;
-								}
-
-								blockquote, q {
-										quotes: none;
-									}
-
-									blockquote:before, blockquote:after,
-									q:before, q:after {
-											content: '';
-												content: none;
-											}
-
-											table {
-													border-collapse: collapse;
-														border-spacing: 0;
-													}
-
-													input[type=search]::-webkit-search-cancel-button,
-													input[type=search]::-webkit-search-decoration,
-													input[type=search]::-webkit-search-results-button,
-													input[type=search]::-webkit-search-results-decoration {
-														    -webkit-appearance: none;
-														        -moz-appearance: none;
-														}
-
-														input[type=search] {
-															    -webkit-appearance: none;
-															        -moz-appearance: none;
-																    -webkit-box-sizing: content-box;
-																        -moz-box-sizing: content-box;
-																	    box-sizing: content-box;
-																    }
-
-																    textarea {
-																	        overflow: auto;
-																		    vertical-align: top;
-																		        resize: vertical;
-																		}
-
-																		/**
-																		 *  * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
-																		 *   */
-
-audio,
-canvas,
-video {
-	    display: inline-block;
-	        *display: inline;
-		    *zoom: 1;
-		        max-width: 100%;
-		}
-
-		/**
-		 *  * Prevent modern browsers from displaying `audio` without controls.
-		 *   * Remove excess height in iOS 5 devices.
-		 *    */
-
-audio:not([controls]) {
-	    display: none;
-	        height: 0;
-	}
-
-	/**
-	 *  * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
-	 *   * Known issue: no IE 6 support.
-	 *    */
-
-[hidden] {
-	    display: none;
-    }
-
-    /**
-     *  * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
-     *   *    `em` units.
-     *    * 2. Prevent iOS text size adjust after orientation change, without disabling
-     *     *    user zoom.
-     *      */
-
-html {
-	    font-size: 100%; /* 1 */
-	        -webkit-text-size-adjust: 100%; /* 2 */
-		    -ms-text-size-adjust: 100%; /* 2 */
-	    }
-
-	    /**
-	     *  * Address `outline` inconsistency between Chrome and other browsers.
-	     *   */
-
-a:focus {
-	    outline: thin dotted;
-    }
-
-    /**
-     *  * Improve readability when focused and also mouse hovered in all browsers.
-     *   */
-
-a:active,
-a:hover {
-	    outline: 0;
-    }
-
-    /**
-     *  * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
-     *   * 2. Improve image quality when scaled in IE 7.
-     *    */
-
-img {
-	    border: 0; /* 1 */
-	        -ms-interpolation-mode: bicubic; /* 2 */
-	}
-
-	/**
-	 *  * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
-	 *   */
-
-figure {
-	    margin: 0;
-    }
-
-    /**
-     *  * Correct margin displayed oddly in IE 6/7.
-     *   */
-
-form {
-	    margin: 0;
-    }
-
-    /**
-     *  * Define consistent border, margin, and padding.
-     *   */
-
-fieldset {
-	    border: 1px solid #c0c0c0;
-	        margin: 0 2px;
-		    padding: 0.35em 0.625em 0.75em;
-	    }
-
-	    /**
-	     *  * 1. Correct color not being inherited in IE 6/7/8/9.
-	     *   * 2. Correct text not wrapping in Firefox 3.
-	     *    * 3. Correct alignment displayed oddly in IE 6/7.
-	     *     */
-
-legend {
-	    border: 0; /* 1 */
-	        padding: 0;
-		    white-space: normal; /* 2 */
-		        *margin-left: -7px; /* 3 */
-		}
-
-		/**
-		 *  * 1. Correct font size not being inherited in all browsers.
-		 *   * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
-		 *    *    and Chrome.
-		 *     * 3. Improve appearance and consistency in all browsers.
-		 *      */
-
-button,
-input,
-select,
-textarea {
-	    font-size: 100%; /* 1 */
-	        margin: 0; /* 2 */
-		    vertical-align: baseline; /* 3 */
-		        *vertical-align: middle; /* 3 */
-		}
-
-		/**
-		 *  * Address Firefox 3+ setting `line-height` on `input` using `!important` in
-		 *   * the UA stylesheet.
-		 *    */
-
-button,
-input {
-	    line-height: normal;
-    }
-
-    /**
-     *  * Address inconsistent `text-transform` inheritance for `button` and `select`.
-     *   * All other form control elements do not inherit `text-transform` values.
-     *    * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
-     *     * Correct `select` style inheritance in Firefox 4+ and Opera.
-     *      */
-
-button,
-select {
-	    text-transform: none;
-    }
-
-    /**
-     *  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
-     *   *    and `video` controls.
-     *    * 2. Correct inability to style clickable `input` types in iOS.
-     *     * 3. Improve usability and consistency of cursor style between image-type
-     *      *    `input` and others.
-     *       * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
-     *        *    Known issue: inner spacing remains in IE 6.
-     *         */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-	    -webkit-appearance: button; /* 2 */
-	        cursor: pointer; /* 3 */
-		    *overflow: visible;  /* 4 */
-	    }
-
-	    /**
-	     *  * Re-set default cursor for disabled elements.
-	     *   */
-
-button[disabled],
-html input[disabled] {
-	    cursor: default;
-    }
-
-    /**
-     *  * 1. Address box sizing set to content-box in IE 8/9.
-     *   * 2. Remove excess padding in IE 8/9.
-     *    * 3. Remove excess padding in IE 7.
-     *     *    Known issue: excess padding remains in IE 6.
-     *      */
-
-input[type="checkbox"],
-input[type="radio"] {
-	    box-sizing: border-box; /* 1 */
-	        padding: 0; /* 2 */
-		    *height: 13px; /* 3 */
-		        *width: 13px; /* 3 */
-		}
-
-		/**
-		 *  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
-		 *   * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
-		 *    *    (include `-moz` to future-proof).
-		 *     */
-
-input[type="search"] {
-	    -webkit-appearance: textfield; /* 1 */
-	        -moz-box-sizing: content-box;
-		    -webkit-box-sizing: content-box; /* 2 */
-		        box-sizing: content-box;
-		}
-
-		/**
-		 *  * Remove inner padding and search cancel button in Safari 5 and Chrome
-		 *   * on OS X.
-		 *    */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-	    -webkit-appearance: none;
-    }
-
-    /**
-     *  * Remove inner padding and border in Firefox 3+.
-     *   */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-	    border: 0;
-	        padding: 0;
-	}
-
-	/**
-	 *  * 1. Remove default vertical scrollbar in IE 6/7/8/9.
-	 *   * 2. Improve readability and alignment in all browsers.
-	 *    */
-
-textarea {
-	    overflow: auto; /* 1 */
-	        vertical-align: top; /* 2 */
-	}
-
-	/**
-	 *  * Remove most spacing between table cells.
-	 *   */
-
-table {
-	    border-collapse: collapse;
-	        border-spacing: 0;
-	}
-
-	html,
-	button,
-	input,
-	select,
-	textarea {
-		    color: #222;
-	    }
-
-
-	    ::-moz-selection {
-		        background: #b3d4fc;
-			    text-shadow: none;
-		    }
-
-		    ::selection {
-			        background: #b3d4fc;
-				    text-shadow: none;
-			    }
-
-			    img {
-				        vertical-align: middle;
-				}
-
-				fieldset {
-					    border: 0;
-					        margin: 0;
-						    padding: 0;
-					    }
-
-					    textarea {
-						        resize: vertical;
-						}
-
-						.chromeframe {
-							    margin: 0.2em 0;
-							        background: #ccc;
-								    color: #000;
-								        padding: 0.2em 0;
-								}
-
-
--- a/styles/account.css
+++ b/styles/account.css
@ -0,0 +1,4 @@
+h1 {
+  margin-bottom: 2rem;
+  font-weight: normal;
+}
--- a/styles/blog.css
+++ b/styles/blog.css
@ -0,0 +1,3 @@
+img {
+  display: none;
+}
--- a/styles/contact.css
+++ b/styles/contact.css
@ -0,0 +1,4 @@
+h1 {
+  margin-bottom: 2rem;
+  font-weight: normal;
+}
--- a/styles/events.css
+++ b/styles/events.css
@ -0,0 +1,30 @@
+table {
+  table-layout: fixed;
+  border-spacing: 0;
+}
+
+th,
+td {
+  padding: 0 1rem 0 1rem;
+  text-align: left;
+  border-left: 2px solid var(--light-border);
+}
+
+th {
+  padding: 1rem 1rem 0 1rem;
+  border-bottom: 2px solid var(--light-border);
+}
+
+td:nth-child(odd) {
+  white-space: nowrap;
+}
+
+td {
+  padding: 0 1rem 1rem 1rem;
+  vertical-align: top;
+}
+
+h1 {
+  margin-bottom: 2rem;
+  font-weight: normal;
+}
--- a/styles/home.css
+++ b/styles/home.css
@ -0,0 +1,16 @@
+h1 {
+  margin-bottom: 2rem;
+  font-weight: normal;
+}
+
+dl {
+  padding: 1rem 0;
+}
+
+dt {
+  font-weight: bold;
+}
+
+dd {
+  margin: 0 0 1rem 1rem;
+}
--- a/styles/projects.css
+++ b/styles/projects.css
--- a/styles/services.css
+++ b/styles/services.css
@ -0,0 +1,27 @@
+table {
+  table-layout: fixed;
+  border-spacing: 0;
+  margin-bottom: 3rem;
+}
+
+th,
+td {
+  padding: 0 1rem 0 1rem;
+  text-align: left;
+  border-left: 2px solid var(--light-border);
+}
+
+th {
+  padding: 1rem 1rem 0 1rem;
+  border-bottom: 2px solid var(--light-border);
+}
+
+td {
+  padding: 0 1rem 1rem 1rem;
+  vertical-align: top;
+}
+
+h1 {
+  margin-bottom: 2rem;
+  font-weight: normal;
+}
--- a/styles/style.css
+++ b/styles/style.css
@ -0,0 +1,113 @@
+:root {
+  --light-text: #181715;
+  --light-bg: #ffffff;
+  --light-border: #181715;
+  /* --dark-text: #ffffff;
+  --dark-bg: #181715;
+  --dark-border: #ffffff; */
+  --light-hightlight: #72dec2;
+}
+
+@font-face {
+  font-family: "Iosevka";
+  src: url('/font/iosevka-regular.woff') format('woff');
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+  color: var(--light-text);
+  background: var(--light-bg);
+}
+
+body {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: 5rem 1fr 5rem;
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  font-family: 'Iosevka';
+}
+
+header,
+footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 3rem;
+}
+
+header {
+  grid-area: 1 / 1 / 2 / 2;
+  border-bottom: 2px solid var(--light-border);
+}
+
+footer {
+  grid-area: 3 / 1 / 4 / 2;
+  border-top: 2px solid var(--light-border);
+}
+
+.main {
+  grid-area: 2 / 1 / 3 / 2;
+  padding: 3rem 3rem 3rem 3rem;
+  font-size: 1.3rem;
+  line-height: 2rem;
+  max-width: 120ch;
+}
+
+a,
+a:visited {
+  text-decoration: none;
+  color: var(--light-text);
+}
+
+.main a {
+  /* link offset */
+  position: relative;
+  top: 0.2rem;
+}
+
+a:hover,
+a:focus {
+  background-color: var(--light-hightlight);
+  text-decoration: line-through var(--light-text);
+}
+
+.logo {
+  font-size: 3rem;
+  font-weight: bold;
+}
+
+.account,
+.sections {
+  font-size: 2rem
+}
+
+.main img {
+  position: absolute;
+  bottom: 5rem;
+  right: 0;
+}
+
+.copyleft a,
+.sections a {
+  margin: 0 1rem 0 0;
+}
+
+.copyleft a:hover,
+.copyleft a:focus {
+  background-color: var(--light-bg);
+}
+
+.copyleft {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}