forked from Decentrala/website
Added a menu for smaller screens (still not finished tho). Also, more
fixes.
This commit is contained in:
parent
eaac7bdd73
commit
c6574fb93d
@ -15,10 +15,13 @@ Redisign of dmz.rs .
|
|||||||
- update projects section
|
- update projects section
|
||||||
- create blogging system
|
- create blogging system
|
||||||
- create xmpp bot that connects to events section.
|
- create xmpp bot that connects to events section.
|
||||||
- make responsive
|
- [ ] make responsive
|
||||||
- create menus for smaller screens
|
- create menus for smaller screens
|
||||||
- adjust the mesh depending on the screen size
|
- [x] created one menu
|
||||||
- tweak other random issues with layout
|
- 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 webring system
|
||||||
- make english version (localisation)
|
- make english version (localisation)
|
||||||
|
|
||||||
|
43
img/strelica-closed-dark.svg
Normal file
43
img/strelica-closed-dark.svg
Normal file
@ -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;fill-opacity:1;stroke-width:0.33575"
|
||||||
|
d="M 6.6790613,2.3644017 5.5703043,2.9415772 4.4615473,3.5187527 4.988667,3.8545649 2.7938191,7.299786 3.8480584,7.9714105 6.0429063,4.5261894 l 0.5271196,0.3358123 0.054518,-1.2488 z" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 1.3 KiB |
21
img/strelica-closed-light.svg
Normal file
21
img/strelica-closed-light.svg
Normal file
@ -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;fill-opacity:1;stroke-width:0.33575"
|
||||||
|
d="M 6.6790613,2.3644017 5.5703043,2.9415772 4.4615473,3.5187527 4.988667,3.8545649 2.7938191,7.299786 3.8480584,7.9714105 6.0429063,4.5261894 l 0.5271196,0.3358123 0.054518,-1.2488 z" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 635 B |
43
img/strelica-opened-dark.svg
Normal file
43
img/strelica-opened-dark.svg
Normal file
@ -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.33575;fill-opacity:1"
|
||||||
|
d="M 5 1.875 L 4.375 2.9575195 L 3.75 4.0400391 L 4.375 4.0400391 L 4.375 8.125 L 5.625 8.125 L 5.625 4.0400391 L 6.25 4.0400391 L 5.625 2.9575195 L 5 1.875 z " />
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 1.3 KiB |
21
img/strelica-opened-light.svg
Normal file
21
img/strelica-opened-light.svg
Normal file
@ -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.33575;fill-opacity:1"
|
||||||
|
d="M 5 1.875 L 4.375 2.9575195 L 3.75 4.0400391 L 4.375 4.0400391 L 4.375 8.125 L 5.625 8.125 L 5.625 4.0400391 L 6.25 4.0400391 L 5.625 2.9575195 L 5 1.875 z " />
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 611 B |
10
index.html
10
index.html
@ -19,7 +19,7 @@
|
|||||||
<a class="account" href="/pages/account.html">Nalog</a>
|
<a class="account" href="/pages/account.html">Nalog</a>
|
||||||
</span>
|
</span>
|
||||||
</header>
|
</header>
|
||||||
<div class="main">
|
<div id="main">
|
||||||
<h1>Dobrodosli!</h1>
|
<h1>Dobrodosli!</h1>
|
||||||
<p>
|
<p>
|
||||||
Mi smo <em>Decentrala</em> - grupa entuzijasta okupljena oko ideja decentralizacije i slobodnog sirenja znanja.
|
Mi smo <em>Decentrala</em> - grupa entuzijasta okupljena oko ideja decentralizacije i slobodnog sirenja znanja.
|
||||||
@ -48,6 +48,14 @@
|
|||||||
<img id="mesh" src="/img/mesh-light.svg">
|
<img id="mesh" src="/img/mesh-light.svg">
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<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">
|
<span class="sections">
|
||||||
<a href="/pages/events.html">Dogadjaji</a>
|
<a href="/pages/events.html">Dogadjaji</a>
|
||||||
<a href="/pages/projects.html">Projekti</a>
|
<a href="/pages/projects.html">Projekti</a>
|
||||||
|
@ -19,11 +19,19 @@
|
|||||||
<a class="account" href="/pages/account.html">Nalog</a>
|
<a class="account" href="/pages/account.html">Nalog</a>
|
||||||
</span>
|
</span>
|
||||||
</header>
|
</header>
|
||||||
<div class="main">
|
<div id="main">
|
||||||
Ova stranica je trenutno u izradi...
|
Ova stranica je trenutno u izradi...
|
||||||
<img id="mesh" src="/img/mesh-light.svg">
|
<img id="mesh" src="/img/mesh-light.svg">
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<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">
|
<span class="sections">
|
||||||
<a href="/pages/events.html">Dogadjaji</a>
|
<a href="/pages/events.html">Dogadjaji</a>
|
||||||
<a href="/pages/projects.html">Projekti</a>
|
<a href="/pages/projects.html">Projekti</a>
|
||||||
|
@ -19,11 +19,19 @@
|
|||||||
<a class="account" href="/pages/account.html">Nalog</a>
|
<a class="account" href="/pages/account.html">Nalog</a>
|
||||||
</span>
|
</span>
|
||||||
</header>
|
</header>
|
||||||
<div class="main">
|
<div id="main">
|
||||||
Ova stranica je trenutno u izradi...
|
Ova stranica je trenutno u izradi...
|
||||||
<img id="mesh" src="/img/mesh-light.svg">
|
<img id="mesh" src="/img/mesh-light.svg">
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<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">
|
<span class="sections">
|
||||||
<a href="/pages/events.html">Dogadjaji</a>
|
<a href="/pages/events.html">Dogadjaji</a>
|
||||||
<a href="/pages/projects.html">Projekti</a>
|
<a href="/pages/projects.html">Projekti</a>
|
||||||
|
@ -19,14 +19,24 @@
|
|||||||
<a class="account" href="/pages/account.html">Nalog</a>
|
<a class="account" href="/pages/account.html">Nalog</a>
|
||||||
</span>
|
</span>
|
||||||
</header>
|
</header>
|
||||||
<div class="main">
|
<div id="main">
|
||||||
<h1>Kontakt</h1>
|
<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
|
<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>
|
href="https://forum.dmz.rs">Forumu</a>.</p>
|
||||||
<p>Takodje smo i na <a href="https://balkan.fedive.rs/@decentrala">Fediversu!</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">
|
<img id="mesh" src="/img/mesh-light.svg">
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<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">
|
<span class="sections">
|
||||||
<a href="/pages/events.html">Dogadjaji</a>
|
<a href="/pages/events.html">Dogadjaji</a>
|
||||||
<a href="/pages/projects.html">Projekti</a>
|
<a href="/pages/projects.html">Projekti</a>
|
||||||
|
@ -19,7 +19,7 @@
|
|||||||
<a class="account" href="/pages/account.html">Nalog</a>
|
<a class="account" href="/pages/account.html">Nalog</a>
|
||||||
</span>
|
</span>
|
||||||
</header>
|
</header>
|
||||||
<div class="main">
|
<div id="main">
|
||||||
<h1>Dogadjaji</h1>
|
<h1>Dogadjaji</h1>
|
||||||
<!-- dogadjaji start -->
|
<!-- dogadjaji start -->
|
||||||
<table>
|
<table>
|
||||||
@ -72,6 +72,14 @@
|
|||||||
<img id="mesh" src="/img/mesh-light.svg">
|
<img id="mesh" src="/img/mesh-light.svg">
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<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">
|
<span class="sections">
|
||||||
<a href="/pages/events.html">Dogadjaji</a>
|
<a href="/pages/events.html">Dogadjaji</a>
|
||||||
<a href="/pages/projects.html">Projekti</a>
|
<a href="/pages/projects.html">Projekti</a>
|
||||||
|
@ -19,11 +19,19 @@
|
|||||||
<a class="account" href="/pages/account.html">Nalog</a>
|
<a class="account" href="/pages/account.html">Nalog</a>
|
||||||
</span>
|
</span>
|
||||||
</header>
|
</header>
|
||||||
<div class="main">
|
<div id="main">
|
||||||
Ova stranica je trenutno u izradi...
|
Ova stranica je trenutno u izradi...
|
||||||
<img id="mesh" src="/img/mesh-light.svg">
|
<img id="mesh" src="/img/mesh-light.svg">
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<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">
|
<span class="sections">
|
||||||
<a href="/pages/events.html">Dogadjaji</a>
|
<a href="/pages/events.html">Dogadjaji</a>
|
||||||
<a href="/pages/projects.html">Projekti</a>
|
<a href="/pages/projects.html">Projekti</a>
|
||||||
|
@ -19,7 +19,7 @@
|
|||||||
<a class="account" href="/pages/account.html">Nalog</a>
|
<a class="account" href="/pages/account.html">Nalog</a>
|
||||||
</span>
|
</span>
|
||||||
</header>
|
</header>
|
||||||
<div class="main">
|
<div id="main">
|
||||||
<h1>Servisi</h1>
|
<h1>Servisi</h1>
|
||||||
<table>
|
<table>
|
||||||
<tr>
|
<tr>
|
||||||
@ -65,6 +65,14 @@
|
|||||||
<img id="mesh" src="/img/mesh-light.svg">
|
<img id="mesh" src="/img/mesh-light.svg">
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<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">
|
<span class="sections">
|
||||||
<a href="/pages/events.html">Dogadjaji</a>
|
<a href="/pages/events.html">Dogadjaji</a>
|
||||||
<a href="/pages/projects.html">Projekti</a>
|
<a href="/pages/projects.html">Projekti</a>
|
||||||
|
@ -1,5 +1,8 @@
|
|||||||
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_menu = document.getElementById("sections-menu");
|
||||||
|
const main = document.getElementById("main");
|
||||||
|
|
||||||
let theme = window.localStorage.getItem("theme");
|
let theme = window.localStorage.getItem("theme");
|
||||||
|
|
||||||
@ -48,6 +51,45 @@ function changeToLightTheme() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// DEBUG
|
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.innerWidth);
|
||||||
console.log(window.innerHeight);
|
console.log(window.innerHeight);
|
||||||
|
@ -59,13 +59,13 @@ footer {
|
|||||||
border-top: 2px solid var(--border);
|
border-top: 2px solid var(--border);
|
||||||
}
|
}
|
||||||
|
|
||||||
.main {
|
#main {
|
||||||
grid-area: 2 / 1 / 3 / 2;
|
grid-area: 2 / 1 / 3 / 2;
|
||||||
padding: 3rem 3rem 3rem 3rem;
|
padding: 3rem 3rem 3rem 3rem;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
max-width: 120ch;
|
max-width: 120ch;
|
||||||
overflow-y: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
a,
|
a,
|
||||||
@ -74,8 +74,7 @@ a:visited {
|
|||||||
color: var(--text);
|
color: var(--text);
|
||||||
}
|
}
|
||||||
|
|
||||||
.main a {
|
#main a {
|
||||||
/* link offset */
|
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0.2rem;
|
top: 0.2rem;
|
||||||
}
|
}
|
||||||
@ -92,8 +91,9 @@ a:focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.account,
|
.account,
|
||||||
.sections {
|
.sections,
|
||||||
font-size: 2rem
|
#sections-menu {
|
||||||
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#mesh {
|
#mesh {
|
||||||
@ -104,6 +104,44 @@ a:focus {
|
|||||||
pointer-events: 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#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(5rem - 2px);
|
||||||
|
left: 0;
|
||||||
|
align-items: center;
|
||||||
|
padding: 2rem 3rem;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.copyleft a,
|
.copyleft a,
|
||||||
.sections a {
|
.sections a {
|
||||||
margin: 0 1rem 0 0;
|
margin: 0 1rem 0 0;
|
||||||
@ -126,5 +164,5 @@ button {
|
|||||||
border: none;
|
border: none;
|
||||||
background: var(--bg);
|
background: var(--bg);
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
margin: 0 4rem 0 0;
|
margin: 0 2rem 0 0;
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user