Merge pull request 'New logo, 404 page, and many fixes' (#9) from hugo/website2:logo into v3.0

Reviewed-on: #9
This commit is contained in:
hugo 2023-08-06 14:31:23 +00:00
commit 8202534ef9
19 changed files with 216 additions and 206 deletions

19
404.html Normal file
View File

@ -0,0 +1,19 @@
<!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/404.css">
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<script src="/scripts/main.js" defer></script>
<title>404</title>
</head>
<body>
<main>
<img src="/img/logo-light.svg" alt="Logo">
<p>Requested resource was not found</p>
<p><a href="/">Go back to Homepage</a></p>
</main>
</body>
</html>

View File

@ -2,27 +2,13 @@
Redisign of dmz.rs . Redisign of dmz.rs .
# STILL NOT COMPLETED ## TODO:
### TODO: - [ ] create page builder
- [ ] create blogging system
- [ ] create xmpp bot that connects to events section.
- [ ] webring system
- [x] make page
- [ ] populate page
- [ ] make english version (localisation)
- [x] create themes switcher
- [x] "demo"
- [x] propagate to all pages
- [x] store theme to localStorage
- [x] read "user agent" for default theme
- [x] invert images and icons
- update projects section
- create blogging system
- create xmpp bot that connects to events section.
- [ ] 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)
<!-- there is no place like ~/home -->

Binary file not shown.

Before

Width:  |  Height:  |  Size: 134 KiB

After

Width:  |  Height:  |  Size: 66 KiB

17
img/logo-dark.svg Normal file
View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="20"
height="20"
viewBox="0 0 5.2916667 5.2916666"
version="1.1"
id="svg1"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs1" /><g
id="layer1"><path
id="path2"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.352999;stroke-linejoin:round"
d="M 2.6434889,0.17372798 A 0.49603044,0.49603044 0 0 0 2.1474722,0.66974458 0.49603044,0.49603044 0 0 0 2.6434889,1.1657897 0.49603044,0.49603044 0 0 0 2.9134465,1.0850992 L 4.2150262,2.3807419 A 0.49603044,0.49603044 0 0 0 4.1463813,2.5645005 H 3.1320271 A 0.49603044,0.49603044 0 0 0 2.6434889,2.1505729 0.49603044,0.49603044 0 0 0 2.1604593,2.5645005 H 1.1507581 A 0.49603044,0.49603044 0 0 0 0.66221981,2.1505729 0.49603044,0.49603044 0 0 0 0.16620324,2.646618 0.49603044,0.49603044 0 0 0 0.66221981,3.1426345 0.49603044,0.49603044 0 0 0 1.145021,2.7301914 h 1.0156952 a 0.49603044,0.49603044 0 0 0 0.3724833,0.3949749 l -0.00122,1.0183782 A 0.49603044,0.49603044 0 0 0 2.1474801,4.6219219 0.49603044,0.49603044 0 0 0 2.6434968,5.1179387 0.49603044,0.49603044 0 0 0 3.1395417,4.6219219 0.49603044,0.49603044 0 0 0 3.036274,4.3197964 L 4.326465,3.0364841 A 0.49603044,0.49603044 0 0 0 4.6294466,3.1426345 0.49603044,0.49603044 0 0 0 5.1254634,2.646618 0.49603044,0.49603044 0 0 0 4.6294466,2.1505729 0.49603044,0.49603044 0 0 0 4.3258658,2.257323 L 3.0354385,0.97286893 A 0.49603044,0.49603044 0 0 0 3.1395339,0.66974458 0.49603044,0.49603044 0 0 0 2.6434889,0.17372798 Z M 3.1262902,2.7301914 h 1.0203475 a 0.49603044,0.49603044 0 0 0 0.068759,0.1830162 L 2.9144742,4.2072235 A 0.49603044,0.49603044 0 0 0 2.6976917,4.1289593 l 0.0012,-0.9950873 A 0.49603044,0.49603044 0 0 0 3.1262902,2.7301914 Z" /></g></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

17
img/logo-light.svg Normal file
View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="20"
height="20"
viewBox="0 0 5.2916667 5.2916666"
version="1.1"
id="svg1"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs1" /><g
id="layer1"><path
id="path2"
style="fill:#000000;fill-opacity:1;stroke-width:0.352999;stroke-linejoin:round"
d="M 2.6434889,0.17372798 A 0.49603044,0.49603044 0 0 0 2.1474722,0.66974458 0.49603044,0.49603044 0 0 0 2.6434889,1.1657897 0.49603044,0.49603044 0 0 0 2.9134465,1.0850992 L 4.2150262,2.3807419 A 0.49603044,0.49603044 0 0 0 4.1463813,2.5645005 H 3.1320271 A 0.49603044,0.49603044 0 0 0 2.6434889,2.1505729 0.49603044,0.49603044 0 0 0 2.1604593,2.5645005 H 1.1507581 A 0.49603044,0.49603044 0 0 0 0.66221981,2.1505729 0.49603044,0.49603044 0 0 0 0.16620324,2.646618 0.49603044,0.49603044 0 0 0 0.66221981,3.1426345 0.49603044,0.49603044 0 0 0 1.145021,2.7301914 h 1.0156952 a 0.49603044,0.49603044 0 0 0 0.3724833,0.3949749 l -0.00122,1.0183782 A 0.49603044,0.49603044 0 0 0 2.1474801,4.6219219 0.49603044,0.49603044 0 0 0 2.6434968,5.1179387 0.49603044,0.49603044 0 0 0 3.1395417,4.6219219 0.49603044,0.49603044 0 0 0 3.036274,4.3197964 L 4.326465,3.0364841 A 0.49603044,0.49603044 0 0 0 4.6294466,3.1426345 0.49603044,0.49603044 0 0 0 5.1254634,2.646618 0.49603044,0.49603044 0 0 0 4.6294466,2.1505729 0.49603044,0.49603044 0 0 0 4.3258658,2.257323 L 3.0354385,0.97286893 A 0.49603044,0.49603044 0 0 0 3.1395339,0.66974458 0.49603044,0.49603044 0 0 0 2.6434889,0.17372798 Z M 3.1262902,2.7301914 h 1.0203475 a 0.49603044,0.49603044 0 0 0 0.068759,0.1830162 L 2.9144742,4.2072235 A 0.49603044,0.49603044 0 0 0 2.6976917,4.1289593 l 0.0012,-0.9950873 A 0.49603044,0.49603044 0 0 0 3.1262902,2.7301914 Z" /></g></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -14,7 +14,7 @@
<body> <body>
<header> <header>
<a id="logo" href="/index.html">Decentrala</a> <a id="logo" href="/index.html"><img src="/img/logo-light.svg" alt="Logo"> Decentrala</a>
<button id="theme-switcher"></button> <button id="theme-switcher"></button>
<a class="account" href="/pages/account.html">Nalog</a> <a class="account" href="/pages/account.html">Nalog</a>
</header> </header>
@ -40,24 +40,17 @@
<img id="mesh" src="/img/mesh-light.svg"> <img id="mesh" src="/img/mesh-light.svg">
</main> </main>
<footer> <footer>
<div id="sections-menu">
<a href="/pages/events.html">Događaji</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> <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
<span class="sections"> <nav>
<a href="/pages/events.html">Događaji</a> <a href="/pages/events.html">Događaji</a>
<a href="/pages/services.html">Servisi</a> <a href="/pages/services.html">Servisi</a>
<a href="/pages/contact.html">Kontakt</a> <a href="/pages/contact.html">Kontakt</a>
</span> </nav>
<span class="links"> <span class="links">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" alt="CreativeCommons"></a>
alt="CreativeCommons"></a> <a href="/pages/webring.html"><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/Decentrala/website"><img src="/img/git-light.svg" alt="SourceCode"></a>
<a href="https://gitea.dmz.rs/Decentrala/website"><img src="/img/git-light.svg" <a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
alt="SourceCode"></a>
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
</span> </span>
</footer> </footer>
</body> </body>

View File

@ -13,7 +13,7 @@
<body> <body>
<header> <header>
<a id="logo" href="/index.html">Decentrala</a> <a id="logo" href="/index.html"><img src="/img/logo-light.svg" alt="Logo"> Decentrala</a>
<button id="theme-switcher" title="turn light off"></button> <button id="theme-switcher" title="turn light off"></button>
<a class="account" href="/pages/account.html">Nalog</a> <a class="account" href="/pages/account.html">Nalog</a>
</header> </header>
@ -29,23 +29,16 @@
<img id="mesh" src="/img/mesh-light.svg"> <img id="mesh" src="/img/mesh-light.svg">
</main> </main>
<footer> <footer>
<div id="sections-menu">
<a href="/pages/events.html">Događaji</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> <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
<span class="sections"> <nav>
<a href="/pages/events.html">Događaji</a> <a href="/pages/events.html">Događaji</a>
<a href="/pages/services.html">Servisi</a> <a href="/pages/services.html">Servisi</a>
<a href="/pages/contact.html">Kontakt</a> <a href="/pages/contact.html">Kontakt</a>
</span> </nav>
<span class="links"> <span class="links">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" alt="CreativeCommons"></a>
alt="CreativeCommons"></a>
<a href="/pages/webring.html"><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/Decentrala/website"><img src="/img/git-light.svg" <a href="https://gitea.dmz.rs/Decentrala/website"><img src="/img/git-light.svg" alt="SourceCode"></a>
alt="SourceCode"></a>
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a> <a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
</span> </span>
</footer> </footer>

View File

@ -13,7 +13,7 @@
<body> <body>
<header> <header>
<a id="logo" href="/index.html">Decentrala</a> <a id="logo" href="/index.html"><img src="/img/logo-light.svg" alt="Logo"> Decentrala</a>
<button id="theme-switcher" title="turn light off"></button> <button id="theme-switcher" title="turn light off"></button>
<a class="account" href="/pages/account.html">Nalog</a> <a class="account" href="/pages/account.html">Nalog</a>
</header> </header>
@ -22,23 +22,16 @@
<img id="mesh" src="/img/mesh-light.svg"> <img id="mesh" src="/img/mesh-light.svg">
</main> </main>
<footer> <footer>
<div id="sections-menu">
<a href="/pages/events.html">Događaji</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> <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
<span class="sections"> <nav>
<a href="/pages/events.html">Događaji</a> <a href="/pages/events.html">Događaji</a>
<a href="/pages/services.html">Servisi</a> <a href="/pages/services.html">Servisi</a>
<a href="/pages/contact.html">Kontakt</a> <a href="/pages/contact.html">Kontakt</a>
</span> </nav>
<span class="links"> <span class="links">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" alt="CreativeCommons"></a>
alt="CreativeCommons"></a>
<a href="/pages/webring.html"><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/Decentrala/website"><img src="/img/git-light.svg" <a href="https://gitea.dmz.rs/Decentrala/website"><img src="/img/git-light.svg" alt="SourceCode"></a>
alt="SourceCode"></a>
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a> <a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
</span> </span>
</footer> </footer>

View File

@ -13,37 +13,31 @@
<body> <body>
<header> <header>
<a id="logo" href="/index.html">Decentrala</a> <a id="logo" href="/index.html"><img src="/img/logo-light.svg" alt="Logo"> Decentrala</a>
<button id="theme-switcher" title="turn light off"></button> <button id="theme-switcher" title="turn light off"></button>
<a class="account" href="/pages/account.html">Nalog</a> <a class="account" href="/pages/account.html">Nalog</a>
</header> </header>
<main> <main>
<h1>Kontakt</h1> <h1>Kontakt</h1>
<p>Možeš nam poslati mail na <a href="mailto:dmz@dmz.rs">dmz@dmz.rs</a> ili se mozes pridružiti našem <a <p>Možeš nam poslati mejl na adresu <a href="mailto:dmz@dmz.rs">dmz@dmz.rs</a> ili se možeš pridružiti našem <a
href="https://forum.dmz.rs">Forumu</a>.</p> href="https://forum.dmz.rs">Forumu</a>.</p>
<p>Takođe smo i na <a href="https://balkan.fedive.rs/@decentrala">Fediversu!</a></p> <p>Takođe smo dostupni 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 <br>
ako bi mogli da nam ga prijavite (npr. putem emaila).</p> <p>U slučaju da si pronašao <em>bug</em> na sajtu, bili bismo ti jako zahvalni
ako bi nam ga prijavio/prijalvila.</p>
<img id="mesh" src="/img/mesh-light.svg"> <img id="mesh" src="/img/mesh-light.svg">
</main> </main>
<footer> <footer>
<div id="sections-menu">
<a href="/pages/events.html">Događaji</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> <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
<span class="sections"> <nav>
<a href="/pages/events.html">Događaji</a> <a href="/pages/events.html">Događaji</a>
<a href="/pages/services.html">Servisi</a> <a href="/pages/services.html">Servisi</a>
<a href="/pages/contact.html">Kontakt</a> <a href="/pages/contact.html">Kontakt</a>
</span> </nav>
<span class="links"> <span class="links">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" alt="CreativeCommons"></a>
alt="CreativeCommons"></a>
<a href="/pages/webring.html"><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/Decentrala/website"><img src="/img/git-light.svg" <a href="https://gitea.dmz.rs/Decentrala/website"><img src="/img/git-light.svg" alt="SourceCode"></a>
alt="SourceCode"></a>
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a> <a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
</span> </span>
</footer> </footer>

View File

@ -13,7 +13,7 @@
<body> <body>
<header> <header>
<a id="logo" href="/index.html">Decentrala</a> <a id="logo" href="/index.html"><img src="/img/logo-light.svg" alt="Logo"> Decentrala</a>
<button id="theme-switcher" title="turn light off"></button> <button id="theme-switcher" title="turn light off"></button>
<a class="account" href="/pages/account.html">Nalog</a> <a class="account" href="/pages/account.html">Nalog</a>
</header> </header>
@ -21,72 +21,75 @@
<h1>Događaji</h1> <h1>Događaji</h1>
<!-- dogadjaji start --> <!-- dogadjaji start -->
<table> <table>
<tr> <tbody><tr>
<th>Datum</th> <th>Datum</th>
<th>Vreme</th> <th>Vreme</th>
<th>Mesto</th> <th>Mesto</th>
<th>Tema</th> <th>Tema</th>
</tr> </tr>
<tr> <tr>
<td> Petak, 5. Maj 2023. </td> <td> Ponedeljak, 7. Avgust 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> 19:00h </td>
<td> <a href="https://www.openstreetmap.org/node/10594728522"> DC Krov </a> </td> <td> DC Krov </td>
<td> Linux install day </td> <td> Linux ricing </td>
</tr> </tr>
<tr> <tr>
<td> Utorak, 9. Maj 2023. </td> <td> Utorak, 8. Avgust 2023. </td>
<td> 19:00h </td> <td> 19:00h </td>
<td> <a href="https://www.openstreetmap.org/node/10594728522"> DC Krov </a> </td> <td> DC Krov </td>
<td> Cryptoparty - Uvod u privatnost </td> <td> Lambda račun </td>
</tr> </tr>
<tr> <tr>
<td> Cetvrtak, 11. Maj 2023. </td> <td> Ponedeljak, 14. Avgust 2023. </td>
<td> 18:00h </td> <td> 19:00h </td>
<td> <a href="https://www.openstreetmap.org/node/4856556781"> Polyhedra </a> </td> <td> DC Krov </td>
<td> Uvod u racunarske mreze </td> <td> Linux distro diskusija </td>
</tr> </tr>
<tr>
</table> <td> Utorak, 15. Avgust 2023. </td>
<td> 19:00h </td>
<td> DC Krov </td>
<td> Pirati 777 mora </td>
</tr>
<tr>
<td> Ponedeljak, 21. Avgust 2023. </td>
<td> 19:00h </td>
<td> DC Krov </td>
<td> Python vežbe </td>
</tr>
<tr>
<td> Utorak, 22. Avgust 2023. </td>
<td> 19:00h </td>
<td> DC Krov </td>
<td> Autentifikacija na internetu </td>
</tr>
<tr>
<td> Ponedeljak, 28. Avgust 2023. </td>
<td> 19:00h </td>
<td> DC Krov </td>
<td> Podesavanje Mail servera </td>
</tr>
<tr>
<td> Utorak, 29. Avgust 2023. </td>
<td> 19:00h </td>
<td> DC Krov </td>
<td> Prevodjenje wiki-a </td>
</tr>
</tbody></table>
<!-- dogadjaji end --> <!-- dogadjaji end -->
<img id="mesh" src="/img/mesh-light.svg"> <img id="mesh" src="/img/mesh-light.svg">
</main> </main>
<footer> <footer>
<div id="sections-menu">
<a href="/pages/events.html">Događaji</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> <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
<span class="sections"> <nav>
<a href="/pages/events.html">Događaji</a> <a href="/pages/events.html">Događaji</a>
<a href="/pages/services.html">Servisi</a> <a href="/pages/services.html">Servisi</a>
<a href="/pages/contact.html">Kontakt</a> <a href="/pages/contact.html">Kontakt</a>
</span> </nav>
<span class="links"> <span class="links">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" alt="CreativeCommons"></a>
alt="CreativeCommons"></a>
<a href="/pages/webring.html"><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/Decentrala/website"><img src="/img/git-light.svg" <a href="https://gitea.dmz.rs/Decentrala/website"><img src="/img/git-light.svg" alt="SourceCode"></a>
alt="SourceCode"></a>
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a> <a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
</span> </span>
</footer> </footer>

View File

@ -13,7 +13,7 @@
<body> <body>
<header> <header>
<a id="logo" href="/index.html">Decentrala</a> <a id="logo" href="/index.html"><img src="/img/logo-light.svg" alt="Logo"> Decentrala</a>
<button id="theme-switcher" title="turn light off"></button> <button id="theme-switcher" title="turn light off"></button>
<a class="account" href="/pages/account.html">Nalog</a> <a class="account" href="/pages/account.html">Nalog</a>
</header> </header>
@ -22,23 +22,16 @@
<img id="mesh" src="/img/mesh-light.svg"> <img id="mesh" src="/img/mesh-light.svg">
</main> </main>
<footer> <footer>
<div id="sections-menu">
<a href="/pages/events.html">Događaji</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> <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
<span class="sections"> <nav>
<a href="/pages/events.html">Događaji</a> <a href="/pages/events.html">Događaji</a>
<a href="/pages/services.html">Servisi</a> <a href="/pages/services.html">Servisi</a>
<a href="/pages/contact.html">Kontakt</a> <a href="/pages/contact.html">Kontakt</a>
</span> </nav>
<span class="links"> <span class="links">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" alt="CreativeCommons"></a>
alt="CreativeCommons"></a>
<a href="/pages/webring.html"><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/Decentrala/website"><img src="/img/git-light.svg" <a href="https://gitea.dmz.rs/Decentrala/website"><img src="/img/git-light.svg" alt="SourceCode"></a>
alt="SourceCode"></a>
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a> <a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
</span> </span>
</footer> </footer>

View File

@ -13,7 +13,7 @@
<body> <body>
<header> <header>
<a id="logo" href="/index.html">Decentrala</a> <a id="logo" href="/index.html"><img src="/img/logo-light.svg" alt="Logo"> Decentrala</a>
<button id="theme-switcher" title="turn light off"></button> <button id="theme-switcher" title="turn light off"></button>
<a class="account" href="/pages/account.html">Nalog</a> <a class="account" href="/pages/account.html">Nalog</a>
</header> </header>
@ -78,23 +78,16 @@
<img id="mesh" src="/img/mesh-light.svg"> <img id="mesh" src="/img/mesh-light.svg">
</main> </main>
<footer> <footer>
<div id="sections-menu">
<a href="/pages/events.html">Događaji</a>
<a href="/pages/projects.html">Projekti</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> <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
<span class="sections"> <nav>
<a href="/pages/events.html">Događaji</a> <a href="/pages/events.html">Događaji</a>
<a href="/pages/services.html">Servisi</a> <a href="/pages/services.html">Servisi</a>
<a href="/pages/contact.html">Kontakt</a> <a href="/pages/contact.html">Kontakt</a>
</span> </nav>
<span class="links"> <span class="links">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" alt="CreativeCommons"></a>
alt="CreativeCommons"></a>
<a href="/pages/webring.html"><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/Decentrala/website"><img src="/img/git-light.svg" <a href="https://gitea.dmz.rs/Decentrala/website"><img src="/img/git-light.svg" alt="SourceCode"></a>
alt="SourceCode"></a>
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a> <a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
</span> </span>
</footer> </footer>

View File

@ -13,33 +13,26 @@
<body> <body>
<header> <header>
<a id="logo" href="/index.html">Decentrala</a> <a id="logo" href="/index.html"><img src="/img/logo-light.svg" alt="Logo"> Decentrala</a>
<button id="theme-switcher" title="turn light off"></button> <button id="theme-switcher" title="turn light off"></button>
<a class="account" href="/pages/account.html">Nalog</a> <a class="account" href="/pages/account.html">Nalog</a>
</header> </header>
<main> <main>
<list> <ul>
<li> <a href="https://tilde.zone/explore">Tilde Zone</a> </li> <li><a href="https://tilde.zone/explore">Tilde Zone</a></li>
</list> </ul>
</main> </main>
<footer> <footer>
<div id="sections-menu">
<a href="/pages/events.html">Događaji</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> <button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
<span class="sections"> <nav>
<a href="/pages/events.html">Događaji</a> <a href="/pages/events.html">Događaji</a>
<a href="/pages/services.html">Servisi</a> <a href="/pages/services.html">Servisi</a>
<a href="/pages/contact.html">Kontakt</a> <a href="/pages/contact.html">Kontakt</a>
</span> </nav>
<span class="links"> <span class="links">
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg" alt="CreativeCommons"></a>
alt="CreativeCommons"></a>
<a href="/pages/webring.html"><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" <a href="https://gitea.dmz.rs/eline/decentrala-website-static-new"><img src="/img/git-light.svg" alt="SourceCode"></a>
alt="SourceCode"></a>
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a> <a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
</span> </span>
</footer> </footer>

View File

@ -1,9 +1 @@
<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> <html><head><meta charset="UTF-8"><link rel="stylesheet"href="styles/poster.css"><head><body><main><h1>DECENTRALA</h1><h2>Plan za Septembar</h2><table></table><p>Radionice počinju u <strong>19h</strong> u Društvenom centru Krovu <strong>Kraljice Marije 47</strong>.</p><p>Ulaz u zgradu je u prolazu pored Štark prodavnice slatkiša, odmahpored menjačnice. DC Krov je na poslednjem spratu.</p><div id=link><img src="/img/logo-light.svg"> dmz.rs</div></main></body></html>
<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>

View File

@ -36,18 +36,18 @@ def render_table(events:list[dict])-> str:
return html return html
def render_page(table: str) -> str: def render_page(table: str) -> str:
head = "<head>\n\t<meta charset=\"UTF-8\">\n\t<link rel=\"stylesheet\"\ head = "<head><meta charset=\"UTF-8\"><link rel=\"stylesheet\"\
href=\"styles/poster.css\">\n<head>" href=\"styles/poster.css\"><head>"
header = "<h1>DECENTRALA</h1>" header = "<h1>DECENTRALA</h1>"
subheader = f"<h2>Plan za {MONTHS_SR[NEXT_MONTH.month - 1]}</h2>" subheader = f"<h2>Plan za {MONTHS_SR[NEXT_MONTH.month - 1]}</h2>"
link = "<div id=link>dmz.rs</div>" link = "<div id=link><img src=\"/img/logo-light.svg\"> dmz.rs</div>"
p1 = "<p>Radionice počinju u <strong>19h</strong> u Društvenom centru Krov\ p1 = "<p>Radionice počinju u <strong>19h</strong> u Društvenom centru Krov\
u <strong>Kraljice Marije 47</strong>.</p>" u <strong>Kraljice Marije 47</strong>.</p>"
p2 = "<p>Ulaz u zgradu je u prolazu pored Štark prodavnice slatkiša, odmah\ p2 = "<p>Ulaz u zgradu je u prolazu pored Štark prodavnice slatkiša, odmah\
pored menjačnice. DC Krov je na poslednjem spratu.</p>" pored menjačnice. DC Krov je na poslednjem spratu.</p>"
return f"<html>\n{head}\n<body>\n\t<main>\n\t\t{header}\n\t\t{subheader}\ footer = f"{p1}{p2}{link}"
\n\t\t<table>\n{table}\t\t</table>\n\t\t{p1}\n\t\t{p2}\n\t\t{link}\n\t</main>\ return f"<html>{head}<body><main>{header}{subheader}\
\n</body>\n</html>" <table>{table}</table>{footer}</main></body></html>"
def main(): def main():
events = load_events(EVENTS_CSV_PATH) events = load_events(EVENTS_CSV_PATH)

View File

@ -1,7 +1,7 @@
const theme_switcher = document.getElementById("theme-switcher"); const theme_switcher = document.getElementById("theme-switcher");
const imgs = document.getElementsByTagName("img"); const imgs = document.getElementsByTagName("img");
const sections_button = document.getElementById("sections-button"); const sections_button = document.getElementById("sections-button");
const sections_menu = document.getElementById("sections-menu"); const sections_menu = document.getElementsByTagName("nav")[0];
const main = document.getElementsByTagName("main")[0]; const main = document.getElementsByTagName("main")[0];
let theme = window.localStorage.getItem("theme"); let theme = window.localStorage.getItem("theme");
@ -31,7 +31,7 @@ theme_switcher.addEventListener("click", () => {
}); });
function changeToDarkTheme() { function changeToDarkTheme() {
theme_switcher.setAttribute("title", "turn the light on"); theme_switcher?.setAttribute("title", "turn the light on");
document.documentElement.style.setProperty("--border", "var(--dark-border)"); document.documentElement.style.setProperty("--border", "var(--dark-border)");
document.documentElement.style.setProperty("--text", "var(--dark-text)"); document.documentElement.style.setProperty("--text", "var(--dark-text)");
document.documentElement.style.setProperty("--bg", "var(--dark-bg)"); document.documentElement.style.setProperty("--bg", "var(--dark-bg)");
@ -42,7 +42,7 @@ function changeToDarkTheme() {
} }
function changeToLightTheme() { function changeToLightTheme() {
theme_switcher.setAttribute("title", "turn the light off"); theme_switcher?.setAttribute("title", "turn the light off");
document.documentElement.style.setProperty("--border", "var(--light-border)"); document.documentElement.style.setProperty("--border", "var(--light-border)");
document.documentElement.style.setProperty("--text", "var(--light-text)"); document.documentElement.style.setProperty("--text", "var(--light-text)");
document.documentElement.style.setProperty("--bg", "var(--light-bg)"); document.documentElement.style.setProperty("--bg", "var(--light-bg)");

12
styles/404.css Normal file
View File

@ -0,0 +1,12 @@
main {
max-width: fit-content;
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
margin: 0 auto;
}
main img {
width: min(70vw, 15rem);
}

View File

@ -62,7 +62,15 @@ td:nth-child(2) {
} }
#link { #link {
margin-top: 8rem; margin-top: 4rem;
text-align: right;
font-size: 3rem; font-size: 3rem;
} width: fit-content;
float: right;
display: flex;
flex-direction: column;
align-items: center;
}
#link img {
width: 4rem;
}

View File

@ -86,11 +86,18 @@ a:focus {
} }
#logo { #logo {
display: flex;
flex-direction: row;
gap: 0.5rem;
font-size: 2.5rem; font-size: 2.5rem;
font-weight: bold; font-weight: bold;
font-variant: small-caps; font-variant: small-caps;
} }
#logo img {
width: 3rem;
}
#theme-switcher { #theme-switcher {
border: 3px solid var(--border); border: 3px solid var(--border);
width: 1.5rem; width: 1.5rem;
@ -105,9 +112,7 @@ a:focus {
background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%); background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%);
} }
.account, .account {
.sections,
#sections-menu {
font-size: 2rem; font-size: 2rem;
} }
@ -124,35 +129,24 @@ a:focus {
gap: 2rem; gap: 2rem;
} }
.links > a:hover{ .links > a {
background-color: var(--bg); border-radius: 100%;
}
.links > a > img {
display: block;
} }
#sections-button { #sections-button {
display: none; display: none;
} }
#sections-menu a { nav {
margin-bottom: 1rem;
}
#sections-menu {
border: 2px solid var(--border);
background-color: var(--bg);
position: absolute;
bottom: calc(4rem - 2px);
left: calc(0px - 2px);
align-items: center;
padding: 2rem 3rem;
display: none;
}
.sections, #sections-menu {
font-variant: small-caps; font-variant: small-caps;
} display: flex;
flex-direction: row;
.sections a { gap: 2rem;
margin: 0 1rem 0 0; font-size: 2rem;
} }
button { button {
@ -173,7 +167,17 @@ screen and (max-width: 1500px) {
} }
@media screen and (max-width: 1160px) { @media screen and (max-width: 1160px) {
.sections { nav {
flex-direction: column;
border: 2px solid var(--border);
border-bottom: 0;
border-left: 0;
background-color: var(--bg);
position: absolute;
bottom: calc(4rem);
left: 0;
align-items: center;
padding: 2rem 3rem;
display: none; display: none;
} }