eline/decentrala-website-static-new
1
0
Fork 0
forked from Decentrala/website
Code Issues 2 Pull Requests 1 Activity

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

Browse Source 
Reviewed-on: Decentrala/website#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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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>

30
README.md
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 -->

BIN
img/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

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>
Side by Side

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>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

21
index.html
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>

17
pages/account.html
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>

17
pages/blog.html
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>

26
pages/contact.html
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>

91
pages/events.html
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>

17
pages/projects.html
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>

17
pages/services.html
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>

23
pages/webring.html
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>

10
poster.html
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>

12
poster.py
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)

6
scripts/main.js
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);
}

14
styles/poster.css
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;
}

56
styles/style.css
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;
} }