zumepro/libre-liberec-web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

redesign countdown

Browse Source
This commit is contained in:
Ondřej Mekina
2025-04-15 20:52:23 +02:00
parent f7d065204e
commit 95e9b66fad
5 changed files with 33 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Makefile
View File

@@ -3,7 +3,8 @@ SHARED_FILES := stallman.webp stallman_2024.webp favicon.ico \
poster_cz.webp poster_en.webp poster_cz.jpg poster_en.jpg \ poster_cz.webp poster_en.webp poster_cz.jpg poster_en.jpg \
moon.svg sun.svg narrow_light.svg narrow_dark.svg wide_light.svg wide_dark.svg lang_cz.svg lang_en.svg \ moon.svg sun.svg narrow_light.svg narrow_dark.svg wide_light.svg wide_dark.svg lang_cz.svg lang_en.svg \
styles.css icons.css \ styles.css icons.css \
countdown.js theme.js lang.js countdown.js theme.js lang.js \
doto.ttf
SEARCH_REPLACE := lib/search_and_replace/target/release/search_and_replace SEARCH_REPLACE := lib/search_and_replace/target/release/search_and_replace
COMPONENTS := head.html header.html nav.html footer.html COMPONENTS := head.html header.html nav.html footer.html
@@ -62,3 +63,7 @@ dst/%.svg: icons/%.svg
dst/favicon.ico: images/favicon.ico dst/favicon.ico: images/favicon.ico
@mkdir -p $(@D) @mkdir -p $(@D)
ln -f $< $@ ln -f $< $@
dst/%.ttf: fonts/%.ttf
@mkdir -p $(@D)
ln -f $< $@

BIN
fonts/doto.ttf Normal file
View File

Binary file not shown.

2
pages/cz/index.html
View File

@@ -11,7 +11,7 @@
<main> <main>
<div class="countdown">--:--:--:--</div> <div class="countdown">--:--:--:--</div>
<figure> <figure class="poster">
<img src="../poster_cz.webp" alt="Plakát na akci s Richardem Stallmanem"> <img src="../poster_cz.webp" alt="Plakát na akci s Richardem Stallmanem">
</figure> </figure>

4
pages/en/index.html
View File

@@ -11,8 +11,8 @@
<main> <main>
<div class="countdown">--:--:--:--</div> <div class="countdown">--:--:--:--</div>
<figure> <figure class="poster">
<img src="../poster_en.webp" alt="Poster with Richard Stallman describing the event"> <img src="../poster_cz.webp" alt="Plakát na akci s Richardem Stallmanem">
</figure> </figure>
<p> <p>

26
styles/styles.css
View File

@@ -110,6 +110,11 @@
--layout-switch-icon: var(--wide-layout-switch-icon) --layout-switch-icon: var(--wide-layout-switch-icon)
} }
@font-face {
font-family: doto;
src: url("doto.ttf");
}
html { html {
background-color: var(--bg-color); background-color: var(--bg-color);
min-height: calc(100% - 32px); min-height: calc(100% - 32px);
@@ -209,8 +214,22 @@ header * {
.countdown { .countdown {
font-family: monospace; font-family: monospace;
font-weight: bold; font-weight: bold;
font-size: 48px; font-size: 2.5em;
text-align: center; text-align: center;
margin: 1.5em auto;
padding: 0 .5em;
outline: 1px dotted black;
font-family: doto, monospace;
background-color: var(--fg-color);
color: var(--bg-color);
width: fit-content;
font-weight: bold;
}
@media only screen and (min-width: 50rem) {
.countdown {
font-size: 4em;
}
} }
nav { nav {
@@ -302,6 +321,10 @@ figcaption {
font-style: italic; font-style: italic;
} }
.poster {
margin: 0 !important;
}
nav ul { nav ul {
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -394,4 +417,3 @@ nav ul li a:visited {
display: none; display: none;
} }
} }