make webring page

This webring page references another page's CSS rather than making its
own.

It has one link, to Tilde.zone.

README.md

@@ -15,7 +15,13 @@ Redisign of dmz.rs .
 - update projects section
 - create blogging system
 - create xmpp bot that connects to events section.
-- make responsive
+- [ ] make responsive
+  - create menus for smaller screens
+    - [x] created one menu
+      - this might be enough
+  - [x] adjust the mesh depending on the screen size
+    - no mesh on small screens
+  - tweak other random issues with layout
 - make webring system
 - make english version (localisation)
 

dogadjaji.csv

@@ -10,3 +10,11 @@ datum, vreme, lokacija, tema
 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
+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, Kviz

img/cc-dark.svg

@@ -1,64 +1,11 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
-
+<svg id="svg5" width="40" height="40" version="1.1" viewBox="0 0 10.583 10.583" xmlns="http://www.w3.org/2000/svg">
-<svg
+ <g id="layer1" fill="#fff">
-   width="40"
+  <path id="path140" d="m5.2917 0a5.2917 5.2917 0 0 0-5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917-5.2917 5.2917 5.2917 0 0 0-5.2917-5.2917zm0 0.66146a4.6302 4.6302 0 0 1 4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302-4.6302 4.6302 4.6302 0 0 1 4.6302-4.6302z" stroke-width=".3554"/>
-   height="40"
+  <g id="text2158" stroke-width=".35534" aria-label="cc">
-   viewBox="0 0 10.583333 10.583333"
+   <path id="path290" d="m3.175 7.3025q-0.35983 0-0.64911-0.10583-0.28222-0.10583-0.48683-0.30339-0.19756-0.19756-0.31044-0.47978-0.10583-0.28222-0.10583-0.62794v-0.98778q0-0.34572 0.10583-0.62794 0.11289-0.28222 0.31044-0.47978 0.20461-0.19756 0.48683-0.30339 0.28928-0.10583 0.64911-0.10583 0.64206 0 1.0513 0.35278 0.41628 0.34572 0.50094 0.9525h-0.635q-0.049389-0.33867-0.30339-0.53622-0.24694-0.20461-0.61383-0.20461-0.42333 0-0.67028 0.254-0.24694 0.254-0.24694 0.6985v0.98778q0 0.4445 0.23989 0.6985 0.24694 0.254 0.67733 0.254 0.36689 0 0.61383-0.19756 0.254-0.20461 0.30339-0.54328h0.635q-0.091722 0.61383-0.508 0.95956-0.40922 0.34572-1.0442 0.34572z"/>
-   version="1.1"
+   <path id="path292" d="m7.4083 7.3025q-0.35983 0-0.64911-0.10583-0.28222-0.10583-0.48683-0.30339-0.19756-0.19756-0.31044-0.47978-0.10583-0.28222-0.10583-0.62794v-0.98778q0-0.34572 0.10583-0.62794 0.11289-0.28222 0.31044-0.47978 0.20461-0.19756 0.48683-0.30339 0.28928-0.10583 0.64911-0.10583 0.64206 0 1.0513 0.35278 0.41628 0.34572 0.50094 0.9525h-0.635q-0.049389-0.33867-0.30339-0.53622-0.24694-0.20461-0.61383-0.20461-0.42333 0-0.67028 0.254-0.24694 0.254-0.24694 0.6985v0.98778q0 0.4445 0.23989 0.6985 0.24694 0.254 0.67733 0.254 0.36689 0 0.61383-0.19756 0.254-0.20461 0.30339-0.54328h0.635q-0.091722 0.61383-0.508 0.95956-0.40922 0.34572-1.0442 0.34572z"/>
-   id="svg5"
-   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
-   sodipodi:docname="cc-dark.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.372344"
-     inkscape:cy="22.627747"
-     inkscape:window-width="1920"
-     inkscape:window-height="1048"
-     inkscape:window-x="0"
-     inkscape:window-y="32"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1"
-     inkscape:pageshadow="0" />
-  <defs
-     id="defs2" />
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1">
-    <path
-       id="path140"
-       style="fill:#ffffff;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"
-         style="fill:#ffffff" />
-      <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"
-         style="fill:#ffffff" />
   </g>
  </g>
 </svg>

img/cc-light.svg

@@ -1,61 +1,11 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
-
+<svg id="svg5" width="40" height="40" version="1.1" viewBox="0 0 10.583 10.583" xmlns="http://www.w3.org/2000/svg">
-<svg
+ <g id="layer1" fill="#181715">
-   width="40"
+  <path id="path140" d="m5.2917 0a5.2917 5.2917 0 0 0-5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917-5.2917 5.2917 5.2917 0 0 0-5.2917-5.2917zm0 0.66146a4.6302 4.6302 0 0 1 4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302-4.6302 4.6302 4.6302 0 0 1 4.6302-4.6302z" stroke-width=".3554"/>
-   height="40"
+  <g id="text2158" stroke-width=".35534" aria-label="cc">
-   viewBox="0 0 10.583333 10.583333"
+   <path id="path290" d="m3.175 7.3025q-0.35983 0-0.64911-0.10583-0.28222-0.10583-0.48683-0.30339-0.19756-0.19756-0.31044-0.47978-0.10583-0.28222-0.10583-0.62794v-0.98778q0-0.34572 0.10583-0.62794 0.11289-0.28222 0.31044-0.47978 0.20461-0.19756 0.48683-0.30339 0.28928-0.10583 0.64911-0.10583 0.64206 0 1.0513 0.35278 0.41628 0.34572 0.50094 0.9525h-0.635q-0.049389-0.33867-0.30339-0.53622-0.24694-0.20461-0.61383-0.20461-0.42333 0-0.67028 0.254-0.24694 0.254-0.24694 0.6985v0.98778q0 0.4445 0.23989 0.6985 0.24694 0.254 0.67733 0.254 0.36689 0 0.61383-0.19756 0.254-0.20461 0.30339-0.54328h0.635q-0.091722 0.61383-0.508 0.95956-0.40922 0.34572-1.0442 0.34572z"/>
-   version="1.1"
+   <path id="path292" d="m7.4083 7.3025q-0.35983 0-0.64911-0.10583-0.28222-0.10583-0.48683-0.30339-0.19756-0.19756-0.31044-0.47978-0.10583-0.28222-0.10583-0.62794v-0.98778q0-0.34572 0.10583-0.62794 0.11289-0.28222 0.31044-0.47978 0.20461-0.19756 0.48683-0.30339 0.28928-0.10583 0.64911-0.10583 0.64206 0 1.0513 0.35278 0.41628 0.34572 0.50094 0.9525h-0.635q-0.049389-0.33867-0.30339-0.53622-0.24694-0.20461-0.61383-0.20461-0.42333 0-0.67028 0.254-0.24694 0.254-0.24694 0.6985v0.98778q0 0.4445 0.23989 0.6985 0.24694 0.254 0.67733 0.254 0.36689 0 0.61383-0.19756 0.254-0.20461 0.30339-0.54328h0.635q-0.091722 0.61383-0.508 0.95956-0.40922 0.34572-1.0442 0.34572z"/>
-   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>

img/git-dark.svg

@@ -1,47 +1,3 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
-
+<svg id="svg5" width="40" height="40" version="1.1" viewBox="0 0 10.583 10.583" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g id="layer1" fill="#fff"><path id="path234" d="m5.2917 0c-2.9225 0-5.2917 2.3692-5.2917 5.2917s2.3692 5.2917 5.2917 5.2917 5.2917-2.3692 5.2917-5.2917-2.3692-5.2917-5.2917-5.2917zm0 0.66146c2.5572 1e-7 4.6302 2.073 4.6302 4.6302 1e-7 2.5572-2.073 4.6302-4.6302 4.6302-2.5572 1e-7 -4.6302-2.073-4.6302-4.6302-3e-8 -0.62533 0.12396-1.2217 0.34865-1.7659 0.69415-1.6812 2.3497-2.8643 4.2816-2.8643z" stroke-width=".43932"/><path id="rect1196" d="m5.2725 1.2965c-0.19651 0.0047-0.39147 0.082448-0.54208 0.23306l-0.58704 0.58756 0.012403 0.012919 0.13642 0.13591 0.8139 0.81442a0.62532 0.62532 0 0 1 0.20412-0.03514 0.62532 0.62532 0 0 1 0.62528 0.62528 0.62532 0.62532 0 0 1-0.03514 0.20412l0.88315 0.88315a0.62532 0.62532 0 0 1 0.21084-0.037207 0.62532 0.62532 0 0 1 0.62528 0.62528 0.62532 0.62532 0 0 1-0.62528 0.62528 0.62532 0.62532 0 0 1-0.62528-0.62528 0.62532 0.62532 0 0 1 0.024288-0.17002l-0.82631-0.82631v2.1063a0.62532 0.62532 0 0 1 0.36845 0.56999 0.62532 0.62532 0 0 1-0.62528 0.62528 0.62532 0.62532 0 0 1-0.62528-0.62528 0.62532 0.62532 0 0 1 0.36845-0.56947v-2.2164a0.62532 0.62532 0 0 1-0.36845-0.56947 0.62532 0.62532 0 0 1 0.025838-0.17725l-0.95911-0.95911 0.001033-5.168e-4 -0.013435-0.013436-2.2097 2.2102c-0.31094 0.31094-0.31094 0.81147 0 1.1224l3.2008 3.2008c0.31094 0.31094 0.81147 0.31094 1.1224 0l3.2008-3.2008c0.31094-0.31094 0.31094-0.81147 0-1.1224l-3.2008-3.2008c-0.15547-0.15547-0.35831-0.23306-0.56121-0.23306-0.00634 0-0.012782-1.515e-4 -0.019121 0z" stroke-width=".37293"/></g></svg>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 10.583333 10.583333"
-   version="1.1"
-   id="svg5"
-   xml:space="preserve"
-   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
-   sodipodi:docname="git-dark.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="namedview7"
-     pagecolor="#505050"
-     bordercolor="#eeeeee"
-     borderopacity="1"
-     inkscape:showpageshadow="false"
-     inkscape:pageopacity="0"
-     inkscape:pagecheckerboard="true"
-     inkscape:deskcolor="#505050"
-     inkscape:document-units="px"
-     showgrid="false"
-     inkscape:zoom="16.25197"
-     inkscape:cx="-4.3994667"
-     inkscape:cy="20.828244"
-     inkscape:window-width="1920"
-     inkscape:window-height="1048"
-     inkscape:window-x="0"
-     inkscape:window-y="32"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1"
-     inkscape:pageshadow="0" /><defs
-     id="defs2" /><g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"><path
-       id="path234"
-       style="fill:#ffffff;stroke-width:0.439323"
-       d="M 5.2916665,0 C 2.3691598,0 0,2.3691598 0,5.2916665 c 0,2.9225067 2.3691598,5.2916665 5.2916665,5.2916665 2.9225067,0 5.2916665,-2.3691598 5.2916665,-5.2916665 C 10.583333,2.3691598 8.2141732,0 5.2916665,0 Z m 0,0.66145831 c 2.5571934,1e-7 4.6302083,2.07301479 4.6302082,4.63020819 10e-8,2.5571934 -2.0730148,4.6302083 -4.6302082,4.6302082 C 2.7344731,9.9218748 0.66145841,7.8488599 0.66145831,5.2916665 0.66145828,4.6663401 0.78542032,4.0699666 1.0101112,3.5257792 1.7042655,1.8445808 3.3597995,0.66145823 5.2916665,0.66145831 Z"
-       sodipodi:nodetypes="sssssssssss" /><path
-       id="rect1196"
-       style="fill:#ffffff;fill-opacity:1;stroke-width:0.372926"
-       d="m 5.272546,1.2965229 c -0.196509,0.0047 -0.391473,0.082448 -0.542085,0.2330608 l -0.587045,0.587561 0.012403,0.012919 0.136425,0.135909 0.813904,0.8144205 a 0.62532276,0.62532276 0 0 1 0.204122,-0.03514 0.62532276,0.62532276 0 0 1 0.625285,0.6252848 0.62532276,0.62532276 0 0 1 -0.03514,0.2041219 l 0.88315,0.8831502 A 0.62532276,0.62532276 0 0 1 6.994405,4.7206032 0.62532276,0.62532276 0 0 1 7.61969,5.3458881 0.62532276,0.62532276 0 0 1 6.994405,5.9711729 0.62532276,0.62532276 0 0 1 6.36912,5.3458881 0.62532276,0.62532276 0 0 1 6.393408,5.1758726 L 5.567102,4.3495665 V 6.4558978 A 0.62532276,0.62532276 0 0 1 5.935555,7.0258888 0.62532276,0.62532276 0 0 1 5.31027,7.6511736 0.62532276,0.62532276 0 0 1 4.684985,7.0258888 0.62532276,0.62532276 0 0 1 5.053438,6.4564146 V 4.2400124 A 0.62532276,0.62532276 0 0 1 4.684985,3.6705382 0.62532276,0.62532276 0 0 1 4.710823,3.493288 L 3.751709,2.5341735 3.752742,2.5336567 3.739307,2.5202208 1.529622,4.7304218 c -0.31094,0.3109407 -0.31094,0.8114714 0,1.122412 L 4.730461,9.053672 c 0.31094,0.3109406 0.811471,0.3109406 1.122412,0 L 9.053711,5.8528338 c 0.31094,-0.3109406 0.31094,-0.8114713 0,-1.122412 L 5.852873,1.5295837 C 5.697402,1.374113 5.494564,1.2965222 5.291667,1.2965229 c -0.00634,0 -0.012782,-1.515e-4 -0.019121,0 z" /></g></svg>

img/git-light.svg

@@ -1,45 +1,3 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
-
+<svg id="svg5" width="40" height="40" version="1.1" viewBox="0 0 10.583 10.583" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g id="layer1" fill="#181715"><path id="path234" d="m5.2917 0a5.2917 5.2917 0 0 0-5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917-5.2917 5.2917 5.2917 0 0 0-5.2917-5.2917zm0 0.66146a4.6302 4.6302 0 0 1 4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302-4.6302 4.6302 4.6302 0 0 1 4.6302-4.6302z" stroke-width=".43932"/><path id="rect1196" d="m5.2725 1.2965c-0.19651 0.0047-0.39147 0.082448-0.54208 0.23306l-0.58704 0.58756 0.012403 0.012919 0.13642 0.13591 0.8139 0.81442a0.62532 0.62532 0 0 1 0.20412-0.03514 0.62532 0.62532 0 0 1 0.62528 0.62528 0.62532 0.62532 0 0 1-0.03514 0.20412l0.88315 0.88315a0.62532 0.62532 0 0 1 0.21084-0.037207 0.62532 0.62532 0 0 1 0.62528 0.62528 0.62532 0.62532 0 0 1-0.62528 0.62528 0.62532 0.62532 0 0 1-0.62528-0.62528 0.62532 0.62532 0 0 1 0.024288-0.17002l-0.82631-0.82631v2.1063a0.62532 0.62532 0 0 1 0.36845 0.56999 0.62532 0.62532 0 0 1-0.62528 0.62528 0.62532 0.62532 0 0 1-0.62528-0.62528 0.62532 0.62532 0 0 1 0.36845-0.56947v-2.2164a0.62532 0.62532 0 0 1-0.36845-0.56947 0.62532 0.62532 0 0 1 0.025838-0.17725l-0.95911-0.95911 0.001033-5.168e-4 -0.013435-0.013436-2.2097 2.2102c-0.31094 0.31094-0.31094 0.81147 0 1.1224l3.2008 3.2008c0.31094 0.31094 0.81147 0.31094 1.1224 0l3.2008-3.2008c0.31094-0.31094 0.31094-0.81147 0-1.1224l-3.2008-3.2008c-0.15547-0.15547-0.35831-0.23306-0.56121-0.23306-0.00634 0-0.012782-1.515e-4 -0.019121 0z" stroke-width=".37293"/></g></svg>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 10.583333 10.583333"
-   version="1.1"
-   id="svg5"
-   xml:space="preserve"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="git_ikonica.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="namedview7"
-     pagecolor="#505050"
-     bordercolor="#eeeeee"
-     borderopacity="1"
-     inkscape:showpageshadow="false"
-     inkscape:pageopacity="0"
-     inkscape:pagecheckerboard="true"
-     inkscape:deskcolor="#505050"
-     inkscape:document-units="px"
-     showgrid="false"
-     inkscape:zoom="5.6568543"
-     inkscape:cx="1.7677669"
-     inkscape:cy="25.013902"
-     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="path234"
-       style="fill:#181715;stroke-width:0.439323"
-       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 " /><path
-       id="rect1196"
-       style="fill:#181715;fill-opacity:1;stroke-width:0.372926"
-       d="m 5.272546,1.2965229 c -0.196509,0.0047 -0.391473,0.082448 -0.542085,0.2330608 l -0.587045,0.587561 0.012403,0.012919 0.136425,0.135909 0.813904,0.8144205 a 0.62532276,0.62532276 0 0 1 0.204122,-0.03514 0.62532276,0.62532276 0 0 1 0.625285,0.6252848 0.62532276,0.62532276 0 0 1 -0.03514,0.2041219 l 0.88315,0.8831502 A 0.62532276,0.62532276 0 0 1 6.994405,4.7206032 0.62532276,0.62532276 0 0 1 7.61969,5.3458881 0.62532276,0.62532276 0 0 1 6.994405,5.9711729 0.62532276,0.62532276 0 0 1 6.36912,5.3458881 0.62532276,0.62532276 0 0 1 6.393408,5.1758726 L 5.567102,4.3495665 V 6.4558978 A 0.62532276,0.62532276 0 0 1 5.935555,7.0258888 0.62532276,0.62532276 0 0 1 5.31027,7.6511736 0.62532276,0.62532276 0 0 1 4.684985,7.0258888 0.62532276,0.62532276 0 0 1 5.053438,6.4564146 V 4.2400124 A 0.62532276,0.62532276 0 0 1 4.684985,3.6705382 0.62532276,0.62532276 0 0 1 4.710823,3.493288 L 3.751709,2.5341735 3.752742,2.5336567 3.739307,2.5202208 1.529622,4.7304218 c -0.31094,0.3109407 -0.31094,0.8114714 0,1.122412 L 4.730461,9.053672 c 0.31094,0.3109406 0.811471,0.3109406 1.122412,0 L 9.053711,5.8528338 c 0.31094,-0.3109406 0.31094,-0.8114713 0,-1.122412 L 5.852873,1.5295837 C 5.697402,1.374113 5.494564,1.2965222 5.291667,1.2965229 c -0.00634,0 -0.012782,-1.515e-4 -0.019121,0 z" /></g></svg>

img/mastodon-dark.svg

@@ -1,46 +1,3 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
-
+<svg id="svg1332" width="40" height="40" version="1.1" viewBox="0 0 10.583 10.583" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g id="layer1" fill="#fff"><path id="rect1756" d="m4.3183 1.9766c-1.1726 0-2.1167 0.82603-2.1167 1.8521v1.4382c0 0.13426 0.015785 0.26518 0.046509 0.39119-0.036015 0.37794 0.017995 0.87014 0.23719 1.5084 0.78289 2.2797 4.0194 1.1705 4.0194 1.1705s-0.021792-0.0096-0.045475-0.55449c-2.1752 0.49248-2.4572-0.32707-2.481-0.68678 0.11059 0.01549 0.2243 0.02326 0.34003 0.02326h1.9467c1.1726 0 2.1167-0.82603 2.1167-1.8521v-1.4382c0-1.0261-0.94404-1.8521-2.1167-1.8521zm0.03359 1.0878a1.0208 1.0208 0 0 1 0.96118 0.67644 1.0208 1.0208 0 0 1 0.96015-0.67644 1.0208 1.0208 0 0 1 1.0211 1.0206 1.0208 1.0208 0 0 1-5.168e-4 0.00672h5.168e-4v1.9053h-0.6873v-0.65216h0.00413v-1.0997h-0.00672a0.47585 0.47463 0 0 0-0.47594-0.46664 0.47585 0.47463 0 0 0-0.47594 0.47439 0.47585 0.47463 0 0 0 0.00672 0.076481v1.002h-0.68523v-0.4377a1.0208 1.0208 0 0 1-0.00258 0.00207v-0.678h-0.00672a0.47585 0.47463 0 0 0-0.47594-0.46716 0.47585 0.47463 0 0 0-0.47542 0.47491 0.47585 0.47463 0 0 0 0.0062 0.075964v0.74827a1.0208 1.0208 0 0 1-0.00103-5.168e-4v0.9555h-0.6873v-1.8702h0.00155a1.0208 1.0208 0 0 1-0.00155-0.049609 1.0208 1.0208 0 0 1 1.0206-1.0206z" stroke-width=".35534"/><path id="path2228" d="m5.2917 0a5.2917 5.2917 0 0 0-5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917-5.2917 5.2917 5.2917 0 0 0-5.2917-5.2917zm0 0.66146a4.6302 4.6302 0 0 1 4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302-4.6302 4.6302 4.6302 0 0 1 4.6302-4.6302z" stroke-width=".38059"/></g></svg>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 10.583333 10.583333"
-   version="1.1"
-   id="svg1332"
-   xml:space="preserve"
-   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
-   sodipodi:docname="mastodon-dark.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="namedview1334"
-     pagecolor="#505050"
-     bordercolor="#eeeeee"
-     borderopacity="1"
-     inkscape:showpageshadow="0"
-     inkscape:pageopacity="0"
-     inkscape:pagecheckerboard="true"
-     inkscape:deskcolor="#505050"
-     inkscape:document-units="px"
-     showgrid="false"
-     inkscape:zoom="16.019528"
-     inkscape:cx="22.753479"
-     inkscape:cy="23.939532"
-     inkscape:window-width="1920"
-     inkscape:window-height="1048"
-     inkscape:window-x="0"
-     inkscape:window-y="32"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1"
-     inkscape:pageshadow="0" /><defs
-     id="defs1329" /><g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"><path
-       id="rect1756"
-       style="fill:#ffffff;fill-opacity:1;stroke-width:0.355335"
-       d="m 4.3183404,1.9765891 c -1.17263,0 -2.116666,0.8260312 -2.116666,1.8520832 v 1.4381551 c 0,0.1342579 0.015785,0.2651846 0.046509,0.3911906 -0.036015,0.377942 0.017995,0.870137 0.237194,1.508435 0.782893,2.2797331 4.0193931,1.170471 4.0193931,1.170471 0,0 -0.021792,-0.0096 -0.045475,-0.554488 -2.1752389,0.492479 -2.4571729,-0.327074 -2.4809859,-0.68678 0.110588,0.01549 0.224303,0.02326 0.340031,0.02326 h 1.9466515 c 1.1726309,0 2.1166666,-0.826032 2.1166666,-1.8520836 V 3.8286723 c 0,-1.026052 -0.9440357,-1.8520832 -2.1166666,-1.8520832 z m 0.03359,1.0877888 a 1.0208462,1.0208462 0 0 1 0.961182,0.6764445 1.0208462,1.0208462 0 0 1 0.9601477,-0.6764445 1.0208462,1.0208462 0 0 1 1.0211263,1.0206095 1.0208462,1.0208462 0 0 1 -5.168e-4,0.00672 h 5.168e-4 V 5.997015 H 6.6070899 V 5.3448588 h 0.00413 V 4.2451844 h -0.00672 A 0.47585312,0.47462767 0 0 0 6.1285599,3.7785462 0.47585312,0.47462767 0 0 0 5.65262,4.2529358 0.47585312,0.47462767 0 0 0 5.65934,4.3294168 V 5.3314229 H 4.9741144 V 4.8937236 a 1.0208462,1.0208462 0 0 1 -0.00258,0.00207 V 4.2177959 h -0.00672 a 0.47585312,0.47462767 0 0 0 -0.47594,-0.467155 0.47585312,0.47462767 0 0 0 -0.475424,0.4749064 0.47585312,0.47462767 0 0 0 0.0062,0.075964 V 5.049786 a 1.0208462,1.0208462 0 0 1 -0.00103,-5.168e-4 V 6.004767 H 3.3313214 V 4.1345968 h 0.00155 a 1.0208462,1.0208462 0 0 1 -0.00155,-0.049609 1.0208462,1.0208462 0 0 1 1.020609,-1.0206099 z" /><path
-       id="path2228"
-       style="fill:#ffffff;fill-opacity:1;stroke-width:0.380589"
-       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></svg>

img/mastodon-light.svg

@@ -1,45 +1,3 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
-
+<svg id="svg1332" width="40" height="40" version="1.1" viewBox="0 0 10.583 10.583" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g id="layer1" fill="#181715"><path id="rect1756" d="m4.3183 1.9766c-1.1726 0-2.1167 0.82603-2.1167 1.8521v1.4382c0 0.13426 0.015785 0.26518 0.046509 0.39119-0.036015 0.37794 0.017995 0.87014 0.23719 1.5084 0.78289 2.2797 4.0194 1.1705 4.0194 1.1705s-0.021792-0.0096-0.045475-0.55449c-2.1752 0.49248-2.4572-0.32707-2.481-0.68678 0.11059 0.01549 0.2243 0.02326 0.34003 0.02326h1.9467c1.1726 0 2.1167-0.82603 2.1167-1.8521v-1.4382c0-1.0261-0.94404-1.8521-2.1167-1.8521zm0.03359 1.0878a1.0208 1.0208 0 0 1 0.96118 0.67644 1.0208 1.0208 0 0 1 0.96015-0.67644 1.0208 1.0208 0 0 1 1.0211 1.0206 1.0208 1.0208 0 0 1-5.168e-4 0.00672h5.168e-4v1.9053h-0.6873v-0.65216h0.00413v-1.0997h-0.00672a0.47585 0.47463 0 0 0-0.47594-0.46664 0.47585 0.47463 0 0 0-0.47594 0.47439 0.47585 0.47463 0 0 0 0.00672 0.076481v1.002h-0.68523v-0.4377a1.0208 1.0208 0 0 1-0.00258 0.00207v-0.678h-0.00672a0.47585 0.47463 0 0 0-0.47594-0.46716 0.47585 0.47463 0 0 0-0.47542 0.47491 0.47585 0.47463 0 0 0 0.0062 0.075964v0.74827a1.0208 1.0208 0 0 1-0.00103-5.168e-4v0.9555h-0.6873v-1.8702h0.00155a1.0208 1.0208 0 0 1-0.00155-0.049609 1.0208 1.0208 0 0 1 1.0206-1.0206z" stroke-width=".35534"/><path id="path2228" d="m5.2917 0a5.2917 5.2917 0 0 0-5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917-5.2917 5.2917 5.2917 0 0 0-5.2917-5.2917zm0 0.66146a4.6302 4.6302 0 0 1 4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302-4.6302 4.6302 4.6302 0 0 1 4.6302-4.6302z" stroke-width=".38059"/></g></svg>
-<svg
-   width="40"
-   height="40"
-   viewBox="0 0 10.583333 10.583333"
-   version="1.1"
-   id="svg1332"
-   xml:space="preserve"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   sodipodi:docname="mastodon_ikonica.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="namedview1334"
-     pagecolor="#505050"
-     bordercolor="#eeeeee"
-     borderopacity="1"
-     inkscape:showpageshadow="0"
-     inkscape:pageopacity="0"
-     inkscape:pagecheckerboard="true"
-     inkscape:deskcolor="#505050"
-     inkscape:document-units="px"
-     showgrid="false"
-     inkscape:zoom="8"
-     inkscape:cx="-6"
-     inkscape:cy="29.5625"
-     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="defs1329" /><g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"><path
-       id="rect1756"
-       style="fill:#181715;fill-opacity:1;stroke-width:0.355335"
-       d="m 4.3183404,1.9765891 c -1.17263,0 -2.116666,0.8260312 -2.116666,1.8520832 v 1.4381551 c 0,0.1342579 0.015785,0.2651846 0.046509,0.3911906 -0.036015,0.377942 0.017995,0.870137 0.237194,1.508435 0.782893,2.2797331 4.0193931,1.170471 4.0193931,1.170471 0,0 -0.021792,-0.0096 -0.045475,-0.554488 -2.1752389,0.492479 -2.4571729,-0.327074 -2.4809859,-0.68678 0.110588,0.01549 0.224303,0.02326 0.340031,0.02326 h 1.9466515 c 1.1726309,0 2.1166666,-0.826032 2.1166666,-1.8520836 V 3.8286723 c 0,-1.026052 -0.9440357,-1.8520832 -2.1166666,-1.8520832 z m 0.03359,1.0877888 a 1.0208462,1.0208462 0 0 1 0.961182,0.6764445 1.0208462,1.0208462 0 0 1 0.9601477,-0.6764445 1.0208462,1.0208462 0 0 1 1.0211263,1.0206095 1.0208462,1.0208462 0 0 1 -5.168e-4,0.00672 h 5.168e-4 V 5.997015 H 6.6070899 V 5.3448588 h 0.00413 V 4.2451844 h -0.00672 A 0.47585312,0.47462767 0 0 0 6.1285599,3.7785462 0.47585312,0.47462767 0 0 0 5.65262,4.2529358 0.47585312,0.47462767 0 0 0 5.65934,4.3294168 V 5.3314229 H 4.9741144 V 4.8937236 a 1.0208462,1.0208462 0 0 1 -0.00258,0.00207 V 4.2177959 h -0.00672 a 0.47585312,0.47462767 0 0 0 -0.47594,-0.467155 0.47585312,0.47462767 0 0 0 -0.475424,0.4749064 0.47585312,0.47462767 0 0 0 0.0062,0.075964 V 5.049786 a 1.0208462,1.0208462 0 0 1 -0.00103,-5.168e-4 V 6.004767 H 3.3313214 V 4.1345968 h 0.00155 a 1.0208462,1.0208462 0 0 1 -0.00155,-0.049609 1.0208462,1.0208462 0 0 1 1.020609,-1.0206099 z" /><path
-       id="path2228"
-       style="fill:#181715;fill-opacity:1;stroke-width:0.380589"
-       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></svg>

img/strelica-closed-dark.svg

@@ -0,0 +1,43 @@
+<?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 10"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="strelica-closed-dark.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   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="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#111111"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     showgrid="false"
+     inkscape:zoom="20.975"
+     inkscape:cx="20"
+     inkscape:cy="20"
+     inkscape:window-width="1920"
+     inkscape:window-height="1048"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     id="layer1">
+    <path
+       id="rect288"
+       style="fill:#ffffff;stroke-width:0.345614"
+       d="M 0 0 L 0 1.25 L 8.1494141 1.25 L 2.5751953 10 L 4.0571289 10 L 8.75 2.6333008 L 8.75 10 L 10 10 L 10 1.25 L 10 0.67138672 L 10 0 L 8.9458008 0 L 8.75 0 L 0 0 z " />
+  </g>
+</svg>

img/strelica-closed-light.svg

@@ -0,0 +1,21 @@
+<?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 10"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1">
+    <path
+       id="rect288"
+       style="fill:#181715;stroke-width:0.345614"
+       d="M 0 0 L 0 1.25 L 8.1494141 1.25 L 2.5751953 10 L 4.0571289 10 L 8.75 2.6333008 L 8.75 10 L 10 10 L 10 1.25 L 10 0.67138672 L 10 0 L 8.9458008 0 L 8.75 0 L 0 0 z " />
+  </g>
+</svg>

img/strelica-closed.svg

@@ -0,0 +1,21 @@
+<?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 10"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1">
+    <path
+       id="path1336"
+       style="fill:#181715;stroke-width:0.504542;fill-opacity:1"
+       d="M 10 0 L 8.8911133 0.57714844 L 8.8862305 0.58544922 L 0.96435547 4.2792969 A 10 10 0 0 0 1.574707 5.3740234 L 7.6362305 2.5473633 L 4.1142578 8.0756836 A 10 10 0 0 0 5.1674805 8.7485352 L 8.6904297 3.21875 L 8.6904297 9.9086914 A 10 10 0 0 0 9.9404297 9.9975586 L 9.9404297 1.2568359 L 9.9453125 1.2490234 L 10 0 z " />
+  </g>
+</svg>

img/strelica-opened-dark.svg

@@ -0,0 +1,43 @@
+<?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 10"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="strelica-opened-dark.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   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="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#111111"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     showgrid="false"
+     inkscape:zoom="20.975"
+     inkscape:cx="20"
+     inkscape:cy="20"
+     inkscape:window-width="1920"
+     inkscape:window-height="1048"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     id="layer1">
+    <path
+       id="rect288"
+       style="fill:#ffffff;stroke-width:0.345614"
+       d="M 0 0 L 0 1.25 L 2.8071289 1.25 L 2.8071289 10 L 4.0571289 10 L 4.0571289 1.25 L 8.75 1.25 L 10 1.25 L 10 0 L 8.75 0 L 0 0 z " />
+  </g>
+</svg>

img/strelica-opened-light.svg

@@ -0,0 +1,21 @@
+<?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 10"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1">
+    <path
+       id="rect288"
+       style="fill:#181715;stroke-width:0.345614"
+       d="M 0 0 L 0 1.25 L 2.8071289 1.25 L 2.8071289 10 L 4.0571289 10 L 4.0571289 1.25 L 8.75 1.25 L 10 1.25 L 10 0 L 8.75 0 L 0 0 z " />
+  </g>
+</svg>

img/strelica-opened.svg

@@ -0,0 +1,21 @@
+<?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 10"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1">
+    <path
+       id="path1336"
+       style="fill:#181715;fill-opacity:1;stroke-width:0.504542"
+       d="M 5 0.0029296875 L 4.375 1.0859375 L 4.375 1.0952148 L 0.35400391 7.4072266 A 8.75 8.75 0 0 0 1.4614258 7.9956055 L 4.375 3.4213867 L 4.375 8.7265625 A 8.75 8.75 0 0 0 5 8.75 A 8.75 8.75 0 0 0 5.625 8.7265625 L 5.625 3.4213867 L 8.5390625 7.9956055 A 8.75 8.75 0 0 0 9.6464844 7.4072266 L 5.625 1.0952148 L 5.625 1.0859375 L 5 0.0029296875 z " />
+  </g>
+</svg>

img/w-dark.svg

@@ -1,57 +1,10 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
-
+<svg id="svg2421" width="40" height="40" version="1.1" viewBox="0 0 10.583 10.583" xmlns="http://www.w3.org/2000/svg">
-<svg
+ <g id="layer1">
-   width="40"
+  <path id="path2477" d="m5.2917 0a5.2917 5.2917 0 0 0-5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917-5.2917 5.2917 5.2917 0 0 0-5.2917-5.2917zm0 0.66146a4.6302 4.6302 0 0 1 4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302-4.6302 4.6302 4.6302 0 0 1 4.6302-4.6302z" fill="#fff" stroke-width=".35504"/>
-   height="40"
+  <g id="text3068" fill="#181715" stroke-width=".35534" aria-label="w">
-   viewBox="0 0 10.583333 10.583333"
+   <path id="path698" d="m2.4342 2.3813h0.84666l0.51858 3.9899q0.021167 0.1905 0.042333 0.42333 0.021167 0.23283 0.042333 0.43392 0.021167 0.23283 0.042333 0.46567h0.11642q0.021167-0.23283 0.052916-0.46567 0.021167-0.20108 0.052917-0.43392t0.0635-0.42333l0.61383-3.9899h0.91016l0.61383 3.9899q0.03175 0.20108 0.0635 0.43392t0.052917 0.43392q0.03175 0.23283 0.052917 0.45508h0.127q0.021167-0.23283 0.042333-0.46567 0.021167-0.20108 0.052916-0.42333 0.03175-0.23283 0.052917-0.43392l0.52916-3.9899h0.8255l-0.8255 5.8208h-1.3017l-0.60325-4.1169q-0.021167-0.17992-0.042333-0.37042-0.010583-0.20108-0.021167-0.37042 0-0.1905 0-0.381h-0.13758q0 0.1905-0.010583 0.381-0.010583 0.16933-0.021167 0.37042-0.010583 0.1905-0.042333 0.37042l-0.62441 4.1169h-1.27z" fill="#fff"/>
-   version="1.1"
-   id="svg2421"
-   sodipodi:docname="w-dark.svg"
-   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
-   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.657167"
-     inkscape:cy="17.882253"
-     inkscape:window-width="1920"
-     inkscape:window-height="1048"
-     inkscape:window-x="0"
-     inkscape:window-y="32"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="text3068"
-     inkscape:pageshadow="0" />
-  <defs
-     id="defs2418" />
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1">
-    <path
-       id="path2477"
-       style="fill:#ffffff;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"
-         style="fill:#ffffff" />
   </g>
  </g>
 </svg>

img/w-light.svg

@@ -1,55 +1,10 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
-
+<svg id="svg2421" width="40" height="40" version="1.1" viewBox="0 0 10.583 10.583" xmlns="http://www.w3.org/2000/svg">
-<svg
+ <g id="layer1" fill="#181715">
-   width="40"
+  <path id="path2477" d="m5.2917 0a5.2917 5.2917 0 0 0-5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917 5.2917 5.2917 5.2917 0 0 0 5.2917-5.2917 5.2917 5.2917 0 0 0-5.2917-5.2917zm0 0.66146a4.6302 4.6302 0 0 1 4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302 4.6302 4.6302 4.6302 0 0 1-4.6302-4.6302 4.6302 4.6302 0 0 1 4.6302-4.6302z" stroke-width=".35504"/>
-   height="40"
+  <g id="text3068" stroke-width=".35534" aria-label="w">
-   viewBox="0 0 10.583333 10.583333"
+   <path id="path698" d="m2.4342 2.3813h0.84666l0.51858 3.9899q0.021167 0.1905 0.042333 0.42333 0.021167 0.23283 0.042333 0.43392 0.021167 0.23283 0.042333 0.46567h0.11642q0.021167-0.23283 0.052916-0.46567 0.021167-0.20108 0.052917-0.43392t0.0635-0.42333l0.61383-3.9899h0.91016l0.61383 3.9899q0.03175 0.20108 0.0635 0.43392t0.052917 0.43392q0.03175 0.23283 0.052917 0.45508h0.127q0.021167-0.23283 0.042333-0.46567 0.021167-0.20108 0.052916-0.42333 0.03175-0.23283 0.052917-0.43392l0.52916-3.9899h0.8255l-0.8255 5.8208h-1.3017l-0.60325-4.1169q-0.021167-0.17992-0.042333-0.37042-0.010583-0.20108-0.021167-0.37042 0-0.1905 0-0.381h-0.13758q0 0.1905-0.010583 0.381-0.010583 0.16933-0.021167 0.37042-0.010583 0.1905-0.042333 0.37042l-0.62441 4.1169h-1.27z"/>
-   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>

index.html

@@ -4,6 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="/styles/reset.css">
   <link rel="stylesheet" href="/styles/style.css">
   <link rel="stylesheet" href="/styles/home.css">
   <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
@@ -13,13 +14,13 @@
 
 <body>
   <header>
-    <a class="logo" href="/index.html">Decentrala</a>
+    <a id="logo" href="/index.html">Decentrala</a>
     <span>
       <button id="theme-switcher">turn the lights off</button>
       <a class="account" href="/pages/account.html">Nalog</a>
     </span>
   </header>
-  <div class="main">
+  <div id="main">
     <h1>Dobrodosli!</h1>
     <p>
       Mi smo <em>Decentrala</em> - grupa entuzijasta okupljena oko ideja decentralizacije i slobodnog sirenja znanja.
@@ -48,6 +49,14 @@
     <img id="mesh" src="/img/mesh-light.svg">
   </div>
   <footer>
+    <div id="sections-menu">
+      <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>
+    </div>
+    <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
     <span class="sections">
       <a href="/pages/events.html">Dogadjaji</a>
       <a href="/pages/projects.html">Projekti</a>
@@ -56,12 +65,14 @@
       <a href="/pages/contact.html">Kontakt</a>
     </span>
     <span class="copyleft">
+      <span class="links">
         <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
             alt="CreativeCommons"></a>
-      <a href=""><img src="/img/w-light.svg" alt="Webring"></a>
+        <a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
         <a href="https://gitea.dmz.rs/eline/decentrala-website-static-new"><img src="/img/git-light.svg"
             alt="SourceCode"></a>
         <a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
+      </span>
       <span>Decentrala &copy; 2023</span>
     </span>
   </footer>

pages/account.html

@@ -19,11 +19,19 @@
       <a class="account" href="/pages/account.html">Nalog</a>
     </span>
   </header>
-  <div class="main">
+  <div id="main">
     Ova stranica je trenutno u izradi...
     <img id="mesh" src="/img/mesh-light.svg">
   </div>
   <footer>
+    <div id="sections-menu">
+      <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>
+    </div>
+    <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
     <span class="sections">
       <a href="/pages/events.html">Dogadjaji</a>
       <a href="/pages/projects.html">Projekti</a>

pages/blog.html

@@ -19,11 +19,19 @@
       <a class="account" href="/pages/account.html">Nalog</a>
     </span>
   </header>
-  <div class="main">
+  <div id="main">
     Ova stranica je trenutno u izradi...
     <img id="mesh" src="/img/mesh-light.svg">
   </div>
   <footer>
+    <div id="sections-menu">
+      <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>
+    </div>
+    <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
     <span class="sections">
       <a href="/pages/events.html">Dogadjaji</a>
       <a href="/pages/projects.html">Projekti</a>

pages/contact.html

@@ -19,14 +19,24 @@
       <a class="account" href="/pages/account.html">Nalog</a>
     </span>
   </header>
-  <div class="main">
+  <div id="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>
+    <p style="position: relative; top: 5rem;">U slucaju da nadjete <em>bug</em> na sajtu, bili bismo jako zahvalni
+      ako bi mogli da nam ga prijavite (npr. putem emaila).</p>
     <img id="mesh" src="/img/mesh-light.svg">
   </div>
   <footer>
+    <div id="sections-menu">
+      <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>
+    </div>
+    <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
     <span class="sections">
       <a href="/pages/events.html">Dogadjaji</a>
       <a href="/pages/projects.html">Projekti</a>

pages/events.html

@@ -19,7 +19,7 @@
       <a class="account" href="/pages/account.html">Nalog</a>
     </span>
   </header>
-  <div class="main">
+  <div id="main">
     <h1>Dogadjaji</h1>
     <!-- dogadjaji start -->
     <table>
@@ -72,6 +72,14 @@
     <img id="mesh" src="/img/mesh-light.svg">
   </div>
   <footer>
+    <div id="sections-menu">
+      <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>
+    </div>
+    <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
     <span class="sections">
       <a href="/pages/events.html">Dogadjaji</a>
       <a href="/pages/projects.html">Projekti</a>

pages/projects.html

@@ -19,11 +19,19 @@
       <a class="account" href="/pages/account.html">Nalog</a>
     </span>
   </header>
-  <div class="main">
+  <div id="main">
     Ova stranica je trenutno u izradi...
     <img id="mesh" src="/img/mesh-light.svg">
   </div>
   <footer>
+    <div id="sections-menu">
+      <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>
+    </div>
+    <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
     <span class="sections">
       <a href="/pages/events.html">Dogadjaji</a>
       <a href="/pages/projects.html">Projekti</a>

pages/services.html

@@ -19,7 +19,7 @@
       <a class="account" href="/pages/account.html">Nalog</a>
     </span>
   </header>
-  <div class="main">
+  <div id="main">
     <h1>Servisi</h1>
     <table>
       <tr>
@@ -65,6 +65,14 @@
     <img id="mesh" src="/img/mesh-light.svg">
   </div>
   <footer>
+    <div id="sections-menu">
+      <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>
+    </div>
+    <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
     <span class="sections">
       <a href="/pages/events.html">Dogadjaji</a>
       <a href="/pages/projects.html">Projekti</a>

pages/webring.html

@@ -0,0 +1,56 @@
+<!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">
+  <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
+  <script src="/scripts/main.js" defer></script>
+  <title>Decentrala - Blog</title>
+</head>
+
+<body>
+  <header>
+    <a class="logo" href="/index.html">Decentrala</a>
+    <span>
+      <button id="theme-switcher">turn the lights off</button>
+      <a class="account" href="/pages/account.html">Nalog</a>
+    </span>
+  </header>
+  <div id="main">
+    <list>
+    <li> <a href="https://tilde.zone/explore">Tilde Zone</a> </li>
+    </list>
+    <img id="mesh" src="/img/mesh-light.svg">
+  </div>
+  <footer>
+    <div id="sections-menu">
+      <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>
+    </div>
+    <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
+    <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-light.svg"
+          alt="CreativeCommons"></a>
+      <a href=""><img src="/img/w-light.svg" alt="Webring"></a>
+      <a href="https://gitea.dmz.rs/eline/decentrala-website-static-new"><img src="/img/git-light.svg"
+          alt="SourceCode"></a>
+      <a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
+      <span>Decentrala &copy; 2023</span>
+    </span>
+  </footer>
+</body>
+
+</html>

poster.html

@@ -0,0 +1,9 @@
+<html><head><link rel="stylesheet" href="styles/poster.css"><head><body><main><h1>DECENTRALA</h1><h2>Plan za Avgust</h2><table><tr><td>UTO</td><td>1.</td><td> Tehno veče</td></tr>
+<tr><td>PON</td><td>7.</td><td> Linux ricing</td></tr>
+<tr><td>UTO</td><td>8.</td><td> Lambda račun</td></tr>
+<tr><td>PON</td><td>14.</td><td> Linux distro diskusija</td></tr>
+<tr><td>UTO</td><td>15.</td><td> Pirati 777 mora</td></tr>
+<tr><td>PON</td><td>21.</td><td> Python vežbe</td></tr>
+<tr><td>UTO</td><td>22.</td><td> Autentifikacija na internetu</td></tr>
+<tr><td>PON</td><td>28.</td><td> Kviz</td></tr>
+</table><p>Radionice počinju u <strong>19h</strong> u Društvenom centru Krov u <strong>Kraljice Marije 47</strong>.</p><p>Ulaz u zgradu je u prolazu pored Štark prodavnice slatkiša, odmah pored menjačnice. DC Krov je na poslednjem spratu.</p><div id=link>dmz.rs</div></main></body></html>

poster.py

@@ -0,0 +1,58 @@
+import csv
+import datetime as dt
+from dateutil import relativedelta
+
+EVENTS_CSV_PATH = "dogadjaji.csv"
+CURRENT_TIME = dt.date.today()
+NEXT_MONTH = CURRENT_TIME + relativedelta.relativedelta(months=1, day=1)
+DAYS_OF_WEEK_SR = ("PON", "UTO", "SRE", "CET", "PET", "SUB", "NED")
+MONTHS_SR = ("Januar", "Februar", "Mart", "April", "Maj", "Jun", "Jul", "Avgust", "Septembar", "Oktobar", "Novembar", "Decembar")
+
+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 = dt.datetime.strptime(event_date, "%d-%m-%Y").date()
+            event_time = event[1]
+            event_title = event[3]
+            current_event = {"date":event_date_parsed,
+                             "time":event_time,
+                             "title":event_title}
+            
+            if event_date_parsed >= NEXT_MONTH:
+                events.append(current_event)
+        
+        return events
+
+def render_table(events:list[dict])-> str:
+    html = ""
+    for event in events:
+        date = DAYS_OF_WEEK_SR[event["date"].weekday()]
+        day = event["date"].day
+        title = event["title"]
+        html += f"<tr><td>{date}</td><td>{day}.</td><td>{title}</td></tr>\n"
+    return html
+
+def render_page(table: str) -> str:
+    head = "<head><link rel=\"stylesheet\" href=\"styles/poster.css\"><head>"
+    header = "<h1>DECENTRALA</h1>"
+    subheader = f"<h2>Plan za {MONTHS_SR[NEXT_MONTH.month - 1]}</h2>"
+    link = "<div id=link>dmz.rs</div>"
+    p1 = "<p>Radionice počinju u <strong>19h</strong> u Društvenom centru Krov u <strong>Kraljice Marije 47</strong>.</p>"
+    p2 = "<p>Ulaz u zgradu je u prolazu pored Štark prodavnice slatkiša, odmah pored menjačnice. DC Krov je na poslednjem spratu.</p>"
+    return f"<html>{head}<body><main>{header}{subheader}<table>{table}</table>{p1}{p2}{link}</main></body></html>"
+
+def main():
+    events = load_events(EVENTS_CSV_PATH)
+    table = render_table(events)
+    page = render_page(table)
+    f = open("poster.html", "w")
+    f.write(page)
+    f.close()
+
+
+if __name__ == "__main__":
+    main()

scripts/main.js

@@ -1,5 +1,8 @@
 const theme_switcher = document.getElementById("theme-switcher");
 const imgs = document.getElementsByTagName("img");
+const sections_button = document.getElementById("sections-button");
+const sections_menu = document.getElementById("sections-menu");
+const main = document.getElementById("main");
 
 let theme = window.localStorage.getItem("theme");
 
@@ -47,3 +50,46 @@ function changeToLightTheme() {
     imgs[i].src = imgs[i].src.replace("-dark", "-light");
   }
 }
+
+function closeMenu() {
+  sections_button.setAttribute("opened", "false");
+  sections_button.children[0].src = sections_button.children[0].src.replace(
+    "opened",
+    "closed",
+  );
+  sections_menu.style.display = "none";
+}
+
+function openMenu() {
+  sections_button.setAttribute("opened", "true");
+  sections_button.children[0].src = sections_button.children[0].src.replace(
+    "closed",
+    "opened",
+  );
+  sections_menu.style.display = "flex";
+  sections_menu.style.flexDirection = "column";
+}
+
+sections_button.addEventListener("click", () => {
+  if (sections_button.getAttribute("opened") === "false") {
+    openMenu();
+  } else {
+    closeMenu();
+  }
+});
+
+window.addEventListener("resize", () => {
+  if (sections_button.getAttribute("opened") === "true") {
+    closeMenu();
+  }
+});
+
+main.addEventListener("click", (event) => {
+  if (sections_button.getAttribute("opened") === "true") {
+    closeMenu();
+  }
+});
+
+// DEBUG;
+console.log(window.innerWidth);
+console.log(window.innerHeight);

styles/poster.css

@@ -0,0 +1,69 @@
+
+html {
+    
+}
+
+@font-face {
+    font-family: Facade;
+    src: url(../font/Facade-Sud.woff);
+}
+  
+  
+@font-face {
+    font-family: jetbrains-mono;
+    src: url(../font/JetBrainsMono-Regular.ttf);
+}
+
+html, body {
+    margin: 0;
+    padding: 0;
+}
+
+main {
+    max-width: 1200px;
+    margin: auto;
+    font-family: 'jetbrains-mono';
+    padding: 2.3rem;
+}
+
+h1 {
+    font-family: 'Facade';
+    text-align: center;
+    font-size: 5rem;
+    margin: 0rem;
+}
+
+h2 {
+    text-align: center;
+    margin-top: 0.0rem;
+    margin-bottom: 2rem;
+    font-size: 2rem;
+}
+
+
+p {
+    font-size: 1.5rem;
+}
+
+table {
+    margin: 4rem 0;
+}
+
+td {
+    font-size: 1.8rem;
+    padding-top: 0.5rem;
+}
+
+td:first-child {
+    width: 3.5rem;
+}
+
+td:nth-child(2) {
+    padding-right: 1rem;
+}
+
+#link {
+    margin-top: 8rem;
+    text-align: right;
+    font-size: 3rem;
+}

styles/reset.css

@@ -0,0 +1,149 @@
+/* Copyright (c) 2023 Luka Ivanovic */
+/* https://github.com/luka-hash/css-reset */
+/* This code is licensed under MIT licence */
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+a,
+article,
+audio,
+blockquote,
+body,
+canvas,
+caption,
+code,
+dd,
+del,
+details,
+div,
+dl,
+dt,
+em,
+fieldset,
+figcaption,
+figure,
+footer,
+form,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+header,
+hgroup,
+html,
+iframe,
+img,
+ins,
+kbd,
+label,
+legend,
+li,
+mark,
+menu,
+nav,
+ol,
+output,
+p,
+pre,
+s,
+section,
+small,
+span,
+strong,
+sub,
+summary,
+sup,
+table,
+tbody,
+td,
+tfoot,
+th,
+thead,
+time,
+tr,
+ul,
+video {
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+article,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
+ol,
+ul {
+  list-style: none;
+}
+
+blockquote {
+  quotes: none;
+}
+
+blockquote::before,
+blockquote::after {
+  content: '';
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  max-width: 100%;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+  hyphens: auto;
+}

styles/style.css

@@ -34,10 +34,12 @@ body {
 
 body {
   display: grid;
-  grid-template-columns: 1fr;
+  grid-template:
-  grid-template-rows: 5rem 1fr 5rem;
+    "header" 10vh
-  grid-column-gap: 0px;
+    "main" 1fr
-  grid-row-gap: 0px;
+    "footer" 10vh
+    / 1fr;
+  gap: 0;
   font-family: 'Iosevka';
 }
 
@@ -50,22 +52,22 @@ footer {
 }
 
 header {
-  grid-area: 1 / 1 / 2 / 2;
+  grid-area: "header";
   border-bottom: 2px solid var(--border);
 }
 
 footer {
-  grid-area: 3 / 1 / 4 / 2;
+  grid-area: "footer";
   border-top: 2px solid var(--border);
 }
 
-.main {
+#main {
-  grid-area: 2 / 1 / 3 / 2;
+  grid-area: "main";
   padding: 3rem 3rem 3rem 3rem;
   font-size: 1.3rem;
   line-height: 2rem;
   max-width: 120ch;
-  overflow-y: auto;
+  overflow: auto;
 }
 
 a,
@@ -74,8 +76,7 @@ a:visited {
   color: var(--text);
 }
 
-.main a {
+#main a {
-  /* link offset */
   position: relative;
   top: 0.2rem;
 }
@@ -86,22 +87,77 @@ a:focus {
   text-decoration: line-through var(--text);
 }
 
-.logo {
+#logo {
   font-size: 3rem;
   font-weight: bold;
 }
 
 .account,
-.sections {
+.sections,
-  font-size: 2rem
+#sections-menu {
+  font-size: 2rem;
 }
 
 #mesh {
   position: absolute;
-  bottom: 5rem;
+  bottom: 10vh;
   right: 0;
+  user-select: none;
+  pointer-events: none;
 }
 
+@media screen and (max-height: 860px),
+screen and (max-width: 1500px) {
+  #mesh {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 1160px) {
+  .sections {
+    display: none;
+  }
+
+  #sections-button {
+    display: block !important;
+  }
+}
+
+.links {
+  display: flex;
+}
+
+@media screen and (max-width: 540px) {
+  #logo {
+    font-size: 2.2rem;
+  }
+
+  .links {
+    display: none;
+  }
+}
+
+#sections-button {
+  display: none;
+}
+
+#sections-menu a {
+  margin-bottom: 1rem;
+}
+
+#sections-menu {
+  border: 2px solid var(--border);
+  background-color: var(--bg);
+  position: absolute;
+  bottom: calc(10vh - 2px);
+  left: calc(0px - 2px);
+  align-items: center;
+  padding: 2rem 3rem;
+  display: none;
+}
+
+
+
 .copyleft a,
 .sections a {
   margin: 0 1rem 0 0;
@@ -124,5 +180,5 @@ button {
   border: none;
   background: var(--bg);
   color: var(--text);
-  margin: 0 4rem 0 0;
+  margin: 0 2rem 0 0;
 }