Merge remote-tracking branch 'origin/main'

assets/style.css

@@ -1,20 +1,14 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
-.dashboard {
-    height: 100%;
-    text-align: center;
-    width: 100%;
-}
-
 :root {
     --error: #ff3700;
-    --primary: #2a9dd6;
+    --pico-primary: #2a9dd6;
-    --primary-bg: #1b1529;
+    --pico-primary-background: #1b1529;
-    --primary-hover: #2489bb;
+    --pico-primary-hover: #2489bb;
-    --primary-text: #d2d6e5;
+    --pico-secondary: #d2d6e5;
-    --secondary-bg: #1a1a1a;
+    --pico-secondary-background: #1a1a1a;
-    --third-bg: #383838;
+    --dimmer: rgba(0, 0, 0, 0.6);
 }
 
 
@@ -26,21 +20,24 @@ body {
                          "foot foot foot foot";
     grid-template-rows: min-content 1fr min-content;
     align-items: center;
-    background: linear-gradient(127deg, var(--secondary-bg), var(--primary-bg)) no-repeat fixed;
+    background: linear-gradient(127deg, var(--pico-secondary-background), var(--pico-primary-background)) no-repeat fixed;
     background-size: cover;
-    color: var(--primary-text);
     flex-direction: column;
     font-family: \'Poppins\', sans-serif;
-    height: 100%;
     margin: 0;
-    min-height: 100vh;
-    min-width: 100vw;
     padding: 0;
+    min-height: 100vh;
+}
+
+.dashboard {
+    height: 100%;
+    text-align: center;
+    width: 100%;
 }
 
 body > nav,
 body > footer {
-    background-color: rgba(0, 0, 0, 0.6);
+    background-color: var(--dimmer);
     padding: 1.2rem;
     text-align: center;
 }
@@ -52,31 +49,31 @@ body > nav {
     position: relative;
     z-index: 500;
     grid-area: nav;
-    box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
+    box-shadow: 0 20px 28px 0 var(--dimmer);
     margin-bottom: 20px;
 }
 
 
 body > footer {
     grid-area: foot;
-    box-shadow: 0 -20px 28px 0 rgba(0, 0, 0, 0.6);
+    box-shadow: 0 -20px 28px 0 var(--dimmer);
     margin-top: 20px;
 }
 
-body > main {
+body > main#page_container {
     grid-area: main;
     height: 100%;
 }
 
-header h1 {
+body > main#page_container > main {
-    margin: 0;
+    height: 100%;
-    padding: 0;
 }
 
-header hr {
+hr {
-    border-color: var(--primary);
+    border-color: var(--pico-primary);
     opacity: 0.5;
     width: 30%;
+    margin: var(--pico-typography-spacing-vertical) auto;
 }
 
 li {
@@ -90,35 +87,25 @@ header ul li {
 
 ul {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
-    gap: 2.5rem;
     list-style: none;
     padding-left: 0;
 }
 
-header ul {
-    display: flex;
-    flex-direction: column;
-    gap: 0;
-    text-align: left;
-    width: fit-content;
-}
-
 header {
     align-items: center;
     text-align: center;
     width: 100%;
     margin-top: 35px;
-    height: 55px;
     margin-bottom: 35px;
 }
 
 li a {
-    color: var(--primary-text);
     padding-bottom: .45rem;
     position: relative;
     text-decoration: none;
     transition: all .3s ease;
+    color: var(--pico-secondary);
 }
 
 li a:hover::after {
@@ -128,28 +115,18 @@ li a:hover::after {
 
 
 li.navpage_item {
-    padding-left: 20px;
+    padding: 0 20px;
-    padding-right: 20px;
 }
 
 table>tbody,
 table>tbody>tr,
 table>tbody>tr>th,
 table>tbody>tr>td {
-    border: 2px solid var(--primary);
+    border: 2px solid var(--pico-primary);
     border-collapse: collapse !important;
     text-align: center;
 }
 
-button {
-    border-radius: 25px;
-    border: 2px solid var(--primary);
-    background: var(--third-bg);
-    color: var(--primary-text);
-    width: 175px;
-    transition-duration: 0.3s;
-}
-
 table>tbody>tr>td>button {
     border: unset;
     border-radius: unset;
@@ -164,8 +141,7 @@ table {
 
 ul.navpage_list {
     gap: 10px;
-    border: 4px solid var(--primary-hover) !important; 
+    border: 4px solid var(--pico-primary-hover) !important;
-    background-color: var(--third-bg);
     display: none;
     flex-direction: column;
     overflow: hidden;
@@ -175,19 +151,12 @@ ul.navpage_list {
 }
 
 .back {
-    background-color: #2a9dd6;
     border-radius: 15px;
-    color: var(--primary-text);
     padding: .35rem .65rem;
     text-decoration: none;
     transition: all .3s ease;
 }
 
-.back:hover {
-    background-color: var(--primary-hover);
-    transition: all .3s ease;
-}
-
 .feature-list {
     display: block;
     margin: auto;
@@ -205,7 +174,7 @@ ul.navpage_list {
 }
 
 .navsite_item:hover .navpage_list {
-    border: 4px solid var(--primary-hover) !important; 
+    border: 4px solid var(--pico-primary-hover) !important;
     display: flex !important;
     max-height: 200px;
     width: inherit;
@@ -266,7 +235,7 @@ ul.navpage_list {
     }
 
     ul.navpage_list {
-        border: 4px solid var(--primary-hover) !important;
+        border: 4px solid var(--pico-primary-hover) !important;
         display: flex !important;
         max-height: 200px !important;
         width: inherit;
@@ -281,10 +250,10 @@ ul.navpage_list {
     /*noinspection CssUnusedSymbol*/
     #navsite_list.active {
         display: flex;
-        -moz-box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
+        -moz-box-shadow: 0 20px 28px 0 var(--dimmer);
-        -webkit-box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
+        -webkit-box-shadow: 0 20px 28px 0 var(--dimmer);
-        background-color: rgba(0, 0, 0, 0.6);
+        background-color: var(--dimmer);
-        box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
+        box-shadow: 0 20px 28px 0 var(--dimmer);
         top: 80px;
         text-align: center;
     }
@@ -292,7 +261,7 @@ ul.navpage_list {
     nav {
         flex-direction: column;
         align-items: center;
-        background-color: rgba(0, 0, 0, 0.6);
+        background-color: var(--dimmer);
     }
 }
 
@@ -348,16 +317,11 @@ ul.navpage_list {
 
 header a,
 .error-code {
-    color: var(--primary);
+    color: var(--pico-primary);
 }
 
 input, textarea {
-    background-color: var(--third-bg);
+    border: 2px solid var(--pico-primary);
-    border: 2px solid var(--primary);
-}
-
-input::placeholder, textarea::placeholder{
-    color: var(--primary-text);
 }
 
 input{
@@ -368,34 +332,26 @@ textarea{
     border-radius: 10px;
 }
 
-button:hover {
-    background: var(--primary);
-    transition-duration: 0.3s;
-}
-
 .form-container input {
     border-radius: 50px;
     background: none;
-    border: 2px solid var(--primary);
+    border: 2px solid var(--pico-primary);
     width: 175px;
-    color: var(--primary-text);
 }
 
-header.ye-span:hover + body{
+span#ye-span:hover + body{
     background: url('/assets/images/ye.jpg') repeat !important;
-    background-size: 10% !important;
+    background-size: 20% !important;
 }
 
 
-
-
 #articlecreate {
     position: fixed;
-    border: 5px solid var(--primary);
+    border: 5px solid var(--pico-primary);
     z-index: 5;
     margin: auto;
     padding: 40px;
-    background-color: var(--primary-bg);
+    background-color: var(--pico-primary-background);
     border-radius: 50px;
 }
 
@@ -436,5 +392,10 @@ div#articleslist > article > div.articleinfo{
 }
 
 div#articleslist>article{
-    border: 4px solid var(--primary);
+    border: 4px solid var(--pico-primary);
+}
+
+#dynmapa {
+    width: 100%;
+    height: 100%;
 }

pages/home/index.html

@@ -3,5 +3,5 @@
 <header>
     <h1 class="title">Vitaj, na tejto úžasnej stránke</h1>
     <p>Neoficiálna študentská stránka pre Adlerku</p>
-    <hr>
 </header>
+<hr>

pages/memes/index.html

@@ -2,6 +2,6 @@
 <page minimal_permission_level="1" secret="no" page_title="Memes"></page>
 <header>
     <h1 class="title">Adlerka Memes</h1>
-    <p>Skoro ako <a href="https://reddit.com/r/adlerka" target="_blank">r/adlerka</a> - ale lepšie.</p>
+    <p>Skoro, ako <a href="https://reddit.com/r/adlerka" target="_blank">r/adlerka</a>, ale lepšie.</p>
     <hr>
 </header>

pages/notes/index.html

@@ -2,5 +2,5 @@
 <page minimal_permission_level="2" secret="no" page_title="Zošit"></page>
 <header>
     <h1 class="title">Adlerka Zošit</h1>
-    <hr>
 </header>
+<hr>

pages/rozvrh/index.html

@@ -1,4 +1,5 @@
 <page minimal_permission_level="2" secret="no" page_title="INFO"></page>
-
+<header>
     <h1>Toto sú rozvrhy niektorých Adlerákov</h1>
     <h2>Zatiaľ hardcoded, potom dorobíme funkcionalitu zbierania dát z Edupage</h2>
+</header>

pages/rozvrh/prvacdruhaskupina.html

@@ -1,6 +1,8 @@
 <page minimal_permission_level="2" secret="no" page_title="1.C 2.skupina"></page>
-
+<header>
     <h1>Rozvrh 1.C 2.Skupina</h1>
+</header>
+<main>
     <table>
         <tbody>
         <tr>
@@ -57,3 +59,4 @@
         </tr>
         </tbody>
     </table>
+</main>

pages/rozvrh/prvacprvaskupina.html

@@ -1,6 +1,8 @@
 <page minimal_permission_level="2" secret="no" page_title="1.C 1.skupina"></page>
-
+<header>
     <h1>Rozvrh 1.C 1.Skupina</h1>
+</header>
+<main>
     <table>
         <tbody>
         <tr>
@@ -57,3 +59,4 @@
         </tr>
         </tbody>
     </table>
+</main>

pages/rozvrh/prvadprvaskupina.html

@@ -1,6 +1,9 @@
 <page minimal_permission_level="2" secret="no" page_title="1.D 1.skupina"></page>
 
+<header>
     <h1>Rozvrh 1.D 1.Skupina</h1>
+</header>
+<main>
     <table>
         <tbody>
         <tr>
@@ -58,3 +61,4 @@
         </tr>
         </tbody>
     </table>
+</main>

pages/smp/index.html

@@ -1,36 +1,33 @@
 <!--suppress HtmlUnknownTag, HtmlUnknownTag -->
 <page minimal_permission_level="1" secret="no" page_title="Domov"></page>
 <header>
-    <h1 class="title">Vitaj na oficiálnej AdlerkaSMP stránke</h1>
+    <h1 class="title">Vitaj, na oficiálnej AdlerkaSMP stránke</h1>
-    <p>Najlepší <a href="https://minecraft.net" style="text-decoration: underline; color: #fff;" target="_blank">Minecraft®™</a> server na Adlerke</p>
+    <p>Najlepší <a href="https://minecraft.net" style="text-decoration: underline; color: #fff;" target="_blank">Minecraft®™</a>
+        server na Adlerke</p>
+</header>
 <hr>
+<main>
     <div class="wrapper feature-list">
         <h2>Čo môžeš očakávať od AdlerkaSMP:</h2>
 
         <ul class="feature-list-ul">
-        <li>
+            <li>Módovaný gameplay bez nutnosti sťahovať módy (niektoré módy však vylepšia zážitok)</li>
-            <strong>Vlastné pluginy:</strong>
-            <ul>
-                <li>Plugin 1</li>
-                <li>Plugin 2</li>
-            </ul>
-        </li>
-
-        <li>
-            <strong>Kvalitné pluginy:</strong>
-            <ul>
-                <li>Oraxen</li>
-                <li>ModelManager</li>
-            </ul>
-        </li>
 
+            <li>Jednoduché pripojenie, hostname je <strong>adlerka.top</strong></li>
             <li>
                 <strong>Super admini:</strong>
                 <ul>
-                <li>Robíme celý server.</li>
+                    <li>Starajú sa o server</li>
-                <li>Vďaka nám je AdlerkaSMP<br>bezpečné miesto.</li>
+                    <li>Udržiavajú ho bezpečným miestom</li>
+                    <li>
+                        <strong>Zoznam adminov:</strong>
+                        <ul>
+                            <li>BRNSystems</li>
+                            <li>YeahAkis_</li>
+                        </ul>
+                    </li>
                 </ul>
             </li>
         </ul>
     </div>
-</header>
+</main>

pages/smp/info.html

@@ -1,3 +0,0 @@
-<!--suppress HtmlUnknownTag, HtmlUnknownTag -->
-<page minimal_permission_level="1" secret="no" page_title="Info"></page>
-<h1>Vitaj na oficiálnej stránke Informácii o AdlerkaSMP</h1>

pages/smp/mods.html

@@ -0,0 +1,61 @@
+<!--suppress HtmlUnknownTag, HtmlUnknownTag -->
+<page minimal_permission_level="1" secret="no" page_title="Modlist"></page>
+<main>
+    <h2>Launcher:</h2>
+    <a href="https://prismlauncher.org/download/">Prism Launcher <b>(ODPORÚČANÝ)</b></a><br>
+    <h2>Módy pre klienta:</h2>
+    <a href="/assets/adlerka_client.mrpack">Komplet ako MrPack <b>(ODPORÚČANÉ)</b></a><br>
+    <h3>Vizuálne:</h3>
+    <ul>
+        <li><a href="https://cdn.modrinth.com/data/zV5r3pPn/versions/kJmEO0xO/skinlayers3d-fabric-1.6.2-mc1.20.4.jar">3D Skin Layers</a></li>
+        <li><a href="https://cdn.modrinth.com/data/wdLuzzEP/versions/rNWb9ncY/Gamma-Utils-1.7.19-mc1.20.4.jar">Gamma Utils</a></li>
+        <li><a href="https://cdn.modrinth.com/data/w7ThoJFB/versions/BalILUb7/Zoomify-2.13.2.jar">Zoomify</a></li>
+        <li><a href="https://cdn.modrinth.com/data/M08ruV16/versions/jGGumR4a/bobby-5.1.0%2Bmc1.20.4.jar">Bobby</a></li>
+        <li><a href="https://cdn.modrinth.com/data/1IjD5062/versions/JXhQlDZl/continuity-3.0.0-beta.4%2B1.20.2.jar">Continuity</a></li>
+        <li><a href="https://cdn.modrinth.com/data/ZcR9weSm/versions/UrOG4IKT/dynamiccrosshair-7.7%2B1.20.4-fabric.jar">Dynamic Crosshair</a></li>
+        <li><a href="https://cdn.modrinth.com/data/rUgZvGzi/versions/AqXSvu6M/eating-animation-1.20%2B1.9.61.jar">Eating Animation</a></li>
+        <li><a href="https://cdn.modrinth.com/data/WhbRG4iK/versions/PNG0Dp43/fallingleaves-1.15.5%2B1.20.1.jar">Falling Leaves</a></li>
+        <li><a href="https://cdn.modrinth.com/data/YL57xq9U/versions/kGdJ11Rt/iris-mc1.20.4-1.6.17.jar">Iris</a></li>
+        <li><a href="https://cdn.modrinth.com/data/yBW8D80W/versions/mrQ8ZiyU/lambdynamiclights-2.3.4%2B1.20.4.jar">Lambdynamiclights</a></li>
+        <li><a href="https://cdn.modrinth.com/data/MPCX6s5C/versions/ZLjUeuU8/notenoughanimations-fabric-1.7.1-mc1.20.4.jar">Not Enough Animations</a></li>
+    </ul>
+    <h3>Performance:</h3>
+    <ul>
+        <li><a href="https://cdn.modrinth.com/data/NNAgCjsB/versions/7JR5qJ8f/entityculling-fabric-1.6.4-mc1.20.4.jar">Entity Culling</a></li>
+        <li><a href="https://cdn.modrinth.com/data/uXXizFIs/versions/pguEMpy9/ferritecore-6.0.3-fabric.jar">FerriteCore</a></li>
+        <li><a href="https://cdn.modrinth.com/data/Orvt0mRa/versions/Aouse6P7/indium-1.0.30%2Bmc1.20.4.jar">Indium</a></li>
+        <li><a href="https://cdn.modrinth.com/data/fQEb0iXm/versions/bRcuOnao/krypton-0.2.6.jar">Krypton</a></li>
+        <li><a href="https://cdn.modrinth.com/data/gvQqBUqZ/versions/nMhjKWVE/lithium-fabric-mc1.20.4-0.12.1.jar">Lithium</a></li>
+        <li><a href="https://cdn.modrinth.com/data/Bh37bMuy/versions/fkLiGoHs/reeses_sodium_options-1.7.2%2Bmc1.20.4-build.102.jar">Reese's Sodium Options</a></li>
+        <li><a href="https://cdn.modrinth.com/data/AANobbMI/versions/4GyXKCLd/sodium-fabric-0.5.8%2Bmc1.20.4.jar">Sodium</a></li>
+        <li><a href="https://cdn.modrinth.com/data/PtjYWJkn/versions/M0ndiav7/sodium-extra-0.5.4%2Bmc1.20.4-build.116.jar">Sodium-extra</a></li>
+    </ul>
+    <h3>Utility:</h3>
+    <ul>
+        <li><a href="https://cdn.modrinth.com/data/DFqQfIBR/versions/rGQZ2yBQ/CraftPresence-2.3.5%2B1.20.4.jar">CraftPresence</a></li>
+        <li><a href="https://cdn.modrinth.com/data/8shC1gFX/versions/AkivIlyi/BetterF3-9.0.2-Fabric-1.20.4.jar">BetterF3</a></li>
+        <li><a href="https://cdn.modrinth.com/data/nvQzSEkH/versions/fNHCa6bl/Jade-1.20.4-fabric-13.3.1.jar">Jade</a></li>
+        <li><a href="https://cdn.modrinth.com/data/aC3cM3Vq/versions/m0Dd8Cjy/MouseTweaks-fabric-mc1.20-2.25.jar">Mouse Tweaks</a></li>
+        <li><a href="https://cdn.modrinth.com/data/qQyHxfxd/versions/tfv6A4l5/NoChatReports-FABRIC-1.20.4-v2.5.0.jar">No Chat Reports</a></li>
+        <li><a href="https://cdn.modrinth.com/data/nfn13YXA/versions/Jhw0fDTs/RoughlyEnoughItems-14.0.688-fabric.jar">Roughly Enough Items</a></li>
+        <li><a href="https://cdn.modrinth.com/data/V8XJ8f5f/versions/q9eTEsvC/RoughlyEnoughProfessions-fabric-1.20.4-2.2.0.jar">Roughly Enough Professions</a></li>
+        <li><a href="https://cdn.modrinth.com/data/NcUtCpym/versions/2lbtkEPK/XaerosWorldMap_1.38.1_Fabric_1.20.4.jar">Xaero's WorldMap</a></li>
+        <li><a href="https://cdn.modrinth.com/data/1bokaNcj/versions/N5jBKzC0/Xaeros_Minimap_24.0.3_Fabric_1.20.4.jar">Xaero's_Minimap</a></li>
+        <li><a href="https://cdn.modrinth.com/data/EsAfCjCV/versions/pmFyu3Sz/appleskin-fabric-mc1.20.3-2.5.1.jar">Appleskin</a></li>
+        <li><a href="https://cdn.modrinth.com/data/mOgUt4GM/versions/sjtVVlsA/modmenu-9.0.0.jar">Modmenu</a></li>
+        <li><a href="https://cdn.modrinth.com/data/Nv2fQJo5/versions/TGJXKoTQ/replaymod-1.20.4-2.6.15.jar">Replaymod</a></li>
+        <li><a href="https://cdn.modrinth.com/data/njGhQ4fN/versions/4tIwORrJ/roughly-searchable-2.6.1%2B1.20.4.jar">Roughly Searchable</a></li>
+        <li><a href="https://cdn.modrinth.com/data/9eGKb6K1/versions/r7e564VW/voicechat-fabric-1.20.4-2.5.11.jar">Simple Voice Chat</a></li>
+    </ul>
+    <h3>Dependecies:</h3>
+    <ul>
+        <li><a href="https://cdn.modrinth.com/data/lhGA9TYQ/versions/kVjQWX0l/architectury-11.1.17-fabric.jar">Architectury</a></li>
+        <li><a href="https://cdn.modrinth.com/data/gu7yAYhd/versions/augSR8tA/cc-tweaked-1.20.4-fabric-1.110.0.jar">CC Tweaked</a></li>
+        <li><a href="https://cdn.modrinth.com/data/9s6osm5g/versions/eBZiZ9NS/cloth-config-13.0.121-fabric.jar">Cloth Config</a></li>
+        <li><a href="https://cdn.modrinth.com/data/P7dR8mSH/versions/htRy7kbI/fabric-api-0.96.11%2B1.20.4.jar">Fabric Api</a></li>
+        <li><a href="https://cdn.modrinth.com/data/Ha28R6CL/versions/ZMokinzs/fabric-language-kotlin-1.10.19%2Bkotlin.1.9.23.jar">Fabric Language Kotlin</a></li>
+        <li><a href="https://cdn.modrinth.com/data/hvFnDODi/versions/0.1.3/lazydfu-0.1.3.jar">Lazydfu</a></li>
+        <li><a href="https://cdn.modrinth.com/data/xGdtZczs/versions/Kk7rWLSf/polymer-bundled-0.7.7%2B1.20.4.jar">Polymer</a></li>
+        <li><a href="https://cdn.modrinth.com/data/1eAoo2KR/versions/StXMrAsz/yet-another-config-lib-fabric-3.3.2%2B1.20.4.jar">Yet Another Config Lib</a></li>
+    </ul>
+</main>

templates/403.html

@@ -3,5 +3,5 @@
     <h1 class="error-code">403</h1>
     <h3><i class="ri-error-warning-line"></i> Našli sme stránku ktorú hľadáš, ale nemáš práva na ňu pristupovať: <span class="error">__TEMPLATE_PAGE_TITLE__</span>. <i class="ri-error-warning-line"></i></h3>
     <!--suppress HtmlUnknownTarget -->
-    <a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
+    <a href="__DEFAULT_LINK__" role="button" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
 </div>

templates/404.html

@@ -3,5 +3,5 @@
     <h1 class="error-code">404</h1>
     <h3><i class="ri-error-warning-line"></i> Nenašli sme stránku ktorú hľadáš: <span class="error">__TEMPLATE_PAGE_TITLE__</span>. <i class="ri-error-warning-line"></i></h3>
     <!--suppress HtmlUnknownTarget -->
-    <a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
+    <a href="__DEFAULT_LINK__" role="button" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
 </div>

templates/500.html

@@ -3,5 +3,5 @@
     <h1 class="error-code">500</h1>
     <h3><i class="ri-error-warning-line"></i> Nejaký neschopný vývojár nevedel robiť túto stránku. <i class="ri-error-warning-line"></i></h3>
     <!--suppress HtmlUnknownTarget -->
-    <a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
+    <a href="__DEFAULT_LINK__" role="button" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
 </div>

templates/footer.html

@@ -1 +1 @@
-<p>Toto nie je oficiálna stránka <span class="ye-span">Adlerky</span>, jedná sa o neoficiálnu študentskú stránku</p>
+<p>Toto nie je oficiálna stránka <span id="ye-span">Adlerky</span>, jedná sa o neoficiálnu študentskú stránku</p>

templates/skeleton.html

@@ -1,9 +1,10 @@
 <!DOCTYPE html>
-<html lang="sk">
+<html lang="sk" data-theme="dark">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/assets/3rdparty/fonts/remixicon/remixicon.css">
+    <link rel="stylesheet" href="/assets/3rdparty/pico.min.css">
     <link rel="stylesheet" href="/assets/style.css">
     <link rel="icon" href="/assets/images/favicon.png" type="image/png">
     __TEMPLATE__DYNAMIC__SCRIPT__