[Style] scroll fix

This commit is contained in:
coja
2026-05-01 22:39:29 +02:00
parent 5c2936edbc
commit 507472f6ff
5 changed files with 60 additions and 49 deletions

View File

@@ -360,7 +360,7 @@ datum, vreme, lokacija, tema, tip, link, temaE
04-05-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876,Sysadmin radionica,workshop,,Sysadmin workshop
05-05-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606,Idejno-politicka diskusija,discussion,,Ideological-political discussion
11-05-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876,Hardware hackathon,workshop,,Hardware hackathon
12-05-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606, OpenSCAD,lecture,,OpenSCAD
12-05-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606,OpenSCAD,lecture,,OpenSCAD
18-05-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876,OverTheWire (Bandit),workshop,https://forum.dmz.rs/t/overthewire-bandit-1-14/1196,OverTheWire (Bandit)
19-05-2026, 18:00, Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606,Film: The Seventh Seal (1957),movie,,Movie: The Seventh Seal (1957)
25-05-2026, 19:00, Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876,Reverse engineering,workshop,,Reverse engineering
1 datum vreme lokacija tema tip link temaE
360 04-05-2026 19:00 Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876 Sysadmin radionica workshop Sysadmin workshop
361 05-05-2026 18:00 Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606 Idejno-politicka diskusija discussion Ideological-political discussion
362 11-05-2026 19:00 Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876 Hardware hackathon workshop Hardware hackathon
363 12-05-2026 18:00 Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606 OpenSCAD lecture OpenSCAD
364 18-05-2026 19:00 Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876 OverTheWire (Bandit) workshop https://forum.dmz.rs/t/overthewire-bandit-1-14/1196 OverTheWire (Bandit)
365 19-05-2026 18:00 Matematički fakultet (Učionica JAG2) https://www.openstreetmap.org/node/3807078606 Film: The Seventh Seal (1957) movie Movie: The Seventh Seal (1957)
366 25-05-2026 19:00 Xecut - Jovana Ćirilova 15 - Local 3 https://www.openstreetmap.org/node/11749277876 Reverse engineering workshop Reverse engineering

View File

@@ -45,6 +45,7 @@
<a class="lang" hreflang="en" href="/en/deconference">EN</a>
</header>
<main>
<div class="page-wrap">
<div class='cover-wrap'><img src='/img/students_bug.jpg' alt='Studenti su nasli bug' /></div><h1>Dekonferencija</h1>
<h2 id="program"><a href="#program">Program</a></h2>
@@ -81,6 +82,7 @@
<p>Decentrala prihvata donacije isključivo od fizičkih lica.</p>
</div>
</main>
<footer>
<button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>

View File

@@ -13,7 +13,7 @@
@font-face {
font-family: "Iosevka";
src: url('/font/iosevka-regular.woff') format('woff');
src: url("/font/iosevka-regular.woff") format("woff");
}
* {
@@ -39,7 +39,7 @@ body {
"footer" 4rem
/ 1fr;
gap: 0;
font-family: 'Iosevka';
font-family: "Iosevka";
}
header,
@@ -65,32 +65,31 @@ main {
padding: 3rem;
font-size: 1.3rem;
line-height: 2rem;
max-width: 120ch;
overflow: auto;
margin: 0 auto;
}
main h1 {
margin-bottom: 2rem;
font-weight: normal;
font-size: 1.5em;
font-variant-caps: small-caps;
.page-wrap {
margin: 0 auto;
max-width: 1152px;
h1 {
margin-bottom: 2rem;
font-weight: normal;
font-size: 1.5em;
font-variant-caps: small-caps;
}
a {
text-decoration: underline;
}
}
}
a,
a:visited {
text-decoration: none;
color: var(--text);
}
main a {
text-decoration: underline;
}
a:hover,
a:focus {
background-color: var(--hightlight);
text-decoration: line-through var(--text);
&:hover,
&:focus {
background-color: var(--hightlight);
text-decoration: line-through var(--text);
}
}
#logo {
@@ -100,10 +99,9 @@ a:focus {
font-size: 2.5rem;
font-weight: bold;
font-variant: small-caps;
}
#logo img {
width: 3rem;
img {
width: 3rem;
}
}
#theme-switcher {
@@ -112,12 +110,24 @@ a:focus {
height: 1.5rem;
border-radius: 3rem;
margin-left: auto;
background: linear-gradient(90deg, var(--border) 0%, var(--border) 50%, var(--bg) 51%, var(--bg) 100%);
background: linear-gradient(
90deg,
var(--border) 0%,
var(--border) 50%,
var(--bg) 51%,
var(--bg) 100%
);
}
#theme-switcher:hover {
border-color: var(--hightlight);
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%
);
}
.lang {
@@ -135,14 +145,12 @@ a:focus {
.links {
display: flex;
gap: 2rem;
}
.links>a {
border-radius: 100%;
}
.links>a>img {
display: block;
& > a {
border-radius: 100%;
& > img {
display: block;
}
}
}
#sections-button {
@@ -171,8 +179,7 @@ button {
margin-bottom: 3rem;
}
@media screen and (max-height: 860px),
screen and (max-width: 1500px) {
@media screen and (max-height: 860px), screen and (max-width: 1500px) {
#mesh {
display: none;
}
@@ -209,10 +216,10 @@ screen and (max-width: 1500px) {
.links {
gap: 1.2rem;
}
.links a {
width: 1.5rem;
a {
width: 1.5rem;
}
}
header,

View File

@@ -4,8 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--
<pre>
<!-- <pre>
*@@*
*@@@@*
@@ -27,8 +26,7 @@
| |_| | |__| |___| |___| |\ | | | | _ < / ___ \| |___ / ___ \
|____/|_____\____|_____|_| \_| |_| |_| \_\/_/ \_\_____/_/ \_\
</pre>
-->
</pre> -->
<link rel="stylesheet" href="/styles/reset.css" />
<link rel="stylesheet" href="/styles/style.css" />
@@ -40,14 +38,16 @@
</head>
<body>
<header>
<a id="logo" href="/en/index"
><img src="/img/logo-light.svg" alt="Logo" /> Decentrala</a
>
<a id="logo" href="/en/index">
<img src="/img/logo-light.svg" alt="Logo" /> Decentrala
</a>
<button id="theme-switcher"></button>
<a class="lang" hreflang="sr" href="/PAGE_NAME">SR</a>
</header>
<main>
<!--MAIN-->
<div class="page-wrap">
<!--MAIN-->
</div>
</main>
<footer>
<button id="sections-button" opened="false">

View File

@@ -45,7 +45,9 @@
<a class="lang" hreflang="en" href="/en/PAGE_NAME">EN</a>
</header>
<main>
<div class="page-wrap">
<!--MAIN-->
</div>
</main>
<footer>
<button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>