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

improve the build system

Browse Source
This commit is contained in:
Ondřej Mekina
2025-04-14 19:11:59 +02:00
parent c17bea6cb2
commit 247dcbe817
24 changed files with 59 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
Makefile
View File

@@ -1,12 +1,13 @@
EMIT_ASSETS := index.html 404.html info.html \
styles.css icons.css \
countdown.js theme.js theme.js \
stallman.webp stallman_2024.webp
PAGES := index.html 404.html info.html
SHARED_FILES := stallman.webp stallman_2024.webp favicon.ico \
moon.svg sun.svg narrow_light.svg narrow_dark.svg wide_light.svg wide_dark.svg \
styles.css icons.css \
countdown.js theme.js
SEARCH_REPLACE := lib/search_and_replace/target/release/search_and_replace
COMPONENTS := head.html header.html nav.html footer.html
.PHONY: build
build: $(EMIT_ASSETS:%=dst/cz/%) $(EMIT_ASSETS:%=dst/en/%) dst/favicon.ico
build: $(PAGES:%=dst/cz/%) $(PAGES:%=dst/en/%) $(SHARED_FILES:%=dst/%)
.PHONY: clean
clean:
@@ -25,38 +26,30 @@ define make_page
> $(2)
endef
dst/cz/%.html: cz_%.html $(SEARCH_REPLACE) $(COMPONENTS:%=components/cz/%)
dst/cz/%.html: pages/cz/%.html $(SEARCH_REPLACE) $(COMPONENTS:%=components/cz/%)
@mkdir -p $(@D)
$(call make_page,$<,$@,cz)
dst/cz/%.css: %.css
@mkdir -p $(@D)
ln -f $< $@
dst/cz/%.js: js/%.js
@mkdir -p $(@D)
ln -f $< $@
dst/cz/%.webp: images/%.jpg
@mkdir -p $(@D)
magick $< $@
dst/en/%.html: en_%.html $(SEARCH_REPLACE) $(COMPONENTS:%=components/en/%)
dst/en/%.html: pages/en/%.html $(SEARCH_REPLACE) $(COMPONENTS:%=components/en/%)
@mkdir -p $(@D)
$(call make_page,$<,$@,en)
dst/en/%.css: %.css
dst/%.css: styles/%.css
@mkdir -p $(@D)
ln -f $< $@
dst/en/%.js: js/%.js
dst/%.js: scripts/%.js
@mkdir -p $(@D)
ln -f $< $@
dst/en/%.webp: images/%.jpg
dst/%.webp: images/%.jpg
@mkdir -p $(@D)
magick $< $@
dst/%.svg: icons/%.svg
@mkdir -p $(@D)
ln -f $< $@
dst/favicon.ico: images/favicon.ico
@mkdir -p $(@D)
ln -f $< $@

8
components/cz/head.html
View File

@@ -1,7 +1,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="darkred">
<link rel="icon" type="image/png" href="favicon.png">
<link href="icons.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
<script src="theme.js"></script>
<link rel="icon" type="image/vnd.microsoft.icon" href="../favicon.ico">
<link href="../icons.css" rel="stylesheet">
<link href="../styles.css" rel="stylesheet">
<script src="../theme.js"></script>

6
components/cz/nav.html
View File

@@ -1,9 +1,9 @@
<nav>
<div>
<ul>
<li><a href=".">Domovská stránka</a></li>
<li><a href="stallman">Richard Stallman</a></li>
<li><a href="free">Svobodný software</a></li>
<li><a href=".">Domů</a></li>
<li><a href="info">Info</a></li>
<li><a href="kontakt">Kontakt</a></li>
<li><a href="javascript">JavaScript</a></li>
</ul>
</div>

8
components/en/head.html
View File

@@ -1,7 +1,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="darkred">
<link rel="icon" type="image/png" href="favicon.png">
<link href="icons.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
<script src="theme.js"></script>
<link rel="icon" type="image/vnd.microsoft.icon" href="../favicon.ico">
<link href="../icons.css" rel="stylesheet">
<link href="../styles.css" rel="stylesheet">
<script src="../theme.js"></script>

4
components/en/header.html
View File

@@ -4,7 +4,7 @@
<div class="header-subtitle">Richard Stallman at Technical University of Liberec</div>
</div>
<div class="buttons">
<img src="data:," alt="Přepínač světlého a tmavého režimu" class="light-dark-switch" onclick="switch_theme();">
<img src="data:," alt="Přepínač širokého a úzkého rozvržení" class="layout-switch" onclick="switch_layout();">
<img src="data:," alt="Lightmode/darkmode switch" class="light-dark-switch" onclick="switch_theme();">
<img src="data:," alt="Wide/short layout switch" class="layout-switch" onclick="switch_layout();">
</div>
</header>

6
components/en/nav.html
View File

@@ -1,9 +1,9 @@
<nav>
<div>
<ul>
<li><a href=".">Homepage</a></li>
<li><a href="stallman">Richard Stallman</a></li>
<li><a href="free">Software Libre</a></li>
<li><a href=".">Home</a></li>
<li><a href="info">Info</a></li>
<li><a href="contact">Contact</a></li>
<li><a href="javascript">JavaScript</a></li>
</ul>
</div>

13
icons.css
View File

@@ -1,13 +0,0 @@
:root {
--light-theme-switch-icon: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' version='1.1' id='svg1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'> <defs id='defs1' /> <g id='layer1'> <path id='path1' style='fill:%23ffff00;fill-opacity:1;stroke:%23808000;stroke-width:1.93183;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 13.23697,0.96583465 A 9.3801207,9.39062 0 0 1 13.913872,4.465394 9.3801207,9.39062 0 0 1 4.5342249,13.855541 9.3801207,9.39062 0 0 1 0.96583659,13.131355 9.3801207,9.39062 0 0 0 9.652417,19.034079 9.3801207,9.39062 0 0 0 19.034085,9.6439329 9.3801207,9.39062 0 0 0 13.23697,0.96583465 Z' /> </g> </svg>");
--dark-theme-switch-icon: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' version='1.1' id='svg1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'> <defs id='defs1' /> <g id='layer1'> <circle style='fill:%23ffff00;fill-opacity:1;stroke:%23808000;stroke-width:1.86627;stroke-dasharray:none;stroke-opacity:1' id='path1' cx='9.9999981' cy='9.9999981' r='9.0668631' /> </g> </svg>");
--light-narrow-layout-switch-icon: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' version='1.1' id='svg1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'> <defs id='defs1' /> <g id='layer1'> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,1 H 7' id='path8' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,1 h 6' id='path8-3' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,19 h 6' id='path8-3-2' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,19 H 7' id='path8-3-2-7' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,1 V 7' id='path9' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 19,1 V 7' id='path9-9' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 19,13 v 6' id='path9-9-4' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 1,13 v 6' id='path9-9-4-6' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,19 7,13' id='path6-2' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 13,7 19,1' id='path6-2-3' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,1 7,7' id='path7' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,13 6,6' id='path10' /> </g> </svg>");
--light-wide-layout-switch-icon: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' version='1.1' id='svg1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'> <defs id='defs1' /> <g id='layer1'> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,19 7,13' id='path6-2' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 13,7 19,1' id='path6-2-3' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,1 7,7' id='path7' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,13 6,6' id='path7-1' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,7 H 7' id='path8' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,7 h 6' id='path8-3' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,13 h 6' id='path8-3-2' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,13 H 7' id='path8-3-2-7' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 7,1 V 7' id='path9' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 13,1 V 7' id='path9-9' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,13 v 6' id='path9-9-4' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 7,13 v 6' id='path9-9-4-6' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,13 6,6' id='path10' /> </g> </svg>");
--dark-narrow-layout-switch-icon: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' version='1.1' id='svg1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'> <defs id='defs1' /> <g id='layer1'> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,1 H 7' id='path8' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,1 h 6' id='path8-3' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,19 h 6' id='path8-3-2' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,19 H 7' id='path8-3-2-7' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,1 V 7' id='path9' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 19,1 V 7' id='path9-9' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 19,13 v 6' id='path9-9-4' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 1,13 v 6' id='path9-9-4-6' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,19 7,13' id='path6-2' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 13,7 19,1' id='path6-2-3' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,1 7,7' id='path7' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,13 6,6' id='path10' /> </g> </svg>");
--dark-wide-layout-switch-icon: url("data:image/svg+xml;utf8,<svg width='20' height='20' viewBox='0 0 20 20' version='1.1' id='svg1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'> <defs id='defs1' /> <g id='layer1'> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,19 7,13' id='path6-2' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 13,7 19,1' id='path6-2-3' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,1 7,7' id='path7' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,13 6,6' id='path7-1' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,7 H 7' id='path8' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,7 h 6' id='path8-3' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,13 h 6' id='path8-3-2' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 1,13 H 7' id='path8-3-2-7' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 7,1 V 7' id='path9' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='M 13,1 V 7' id='path9-9' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,13 v 6' id='path9-9-4' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 7,13 v 6' id='path9-9-4-6' /> <path style='fill:%23ffff00;fill-opacity:1;stroke:%23ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1' d='m 13,13 6,6' id='path10' /> </g> </svg>");
}

1
icons/moon.svg Normal file
View File

@@ -0,0 +1 @@
<svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m13.23697.96583465a9.3801207 9.39062 0 0 1 .676902 3.49955935 9.3801207 9.39062 0 0 1 -9.3796471 9.390147 9.3801207 9.39062 0 0 1 -3.56838831-.724186 9.3801207 9.39062 0 0 0 8.68658041 5.902724 9.3801207 9.39062 0 0 0 9.381668-9.3901461 9.3801207 9.39062 0 0 0 -5.797115-8.67809825z" fill="#7f6500" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.93183"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 468 B

1
icons/narrow_dark.svg Normal file
View File

@@ -0,0 +1 @@
<svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><g stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m1 19 6-6"/><path d="m13 7 6-6"/><path d="m1 1 6 6"/><path d="m13 13 6 6"/><path d="m1 7h6"/><path d="m13 7h6"/><path d="m13 13h6"/><path d="m1 13h6"/><path d="m7 1v6"/><path d="m13 1v6"/><path d="m13 13v6"/><path d="m7 13v6"/><path d="m13 13 6 6"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 432 B

1
icons/narrow_light.svg Normal file
View File

@@ -0,0 +1 @@
<svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><g stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m1 19 6-6"/><path d="m13 7 6-6"/><path d="m1 1 6 6"/><path d="m13 13 6 6"/><path d="m1 7h6"/><path d="m13 7h6"/><path d="m13 13h6"/><path d="m1 13h6"/><path d="m7 1v6"/><path d="m13 1v6"/><path d="m13 13v6"/><path d="m7 13v6"/><path d="m13 13 6 6"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 432 B

1
icons/sun.svg Normal file
View File

@@ -0,0 +1 @@
<svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><circle cx="9.999998" cy="9.999998" fill="#ffcb00" r="9.066863"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 154 B

1
icons/wide_dark.svg Normal file
View File

@@ -0,0 +1 @@
<svg height="18" viewBox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="scale(.9)"><path d="m1 1h6"/><path d="m13 1h6"/><path d="m13 19h6"/><path d="m1 19h6"/><path d="m1 1v6"/><path d="m19 1v6"/><path d="m19 13v6"/><path d="m1 13v6"/><path d="m1 19 6-6"/><path d="m13 7 6-6"/><path d="m1 1 6 6"/><path d="m13 13 6 6"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 444 B

1
icons/wide_light.svg Normal file
View File

@@ -0,0 +1 @@
<svg height="18" viewBox="0 0 18 18" width="18" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="scale(.9)"><path d="m1 1h6"/><path d="m13 1h6"/><path d="m13 19h6"/><path d="m1 19h6"/><path d="m1 1v6"/><path d="m19 1v6"/><path d="m19 13v6"/><path d="m1 13v6"/><path d="m1 19 6-6"/><path d="m13 7 6-6"/><path d="m1 1 6 6"/><path d="m13 13 6 6"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 444 B

0
cz_404.html → pages/cz/404.html
View File

4
cz_index.html → pages/cz/index.html
View File

@@ -17,7 +17,7 @@
</div>
<a href="https://commons.wikimedia.org/wiki/File:Richard_Stallman_Bologna_2024_abc23.jpg">
<figure>
<img class="countdown-bg" src="stallman_2024.webp" alt="Pan Stallman v Itálii">
<img class="countdown-bg" src="../stallman_2024.webp" alt="Pan Stallman v Itálii">
<figcaption>Snímek z přednášky pana Stallmana z roku 2024</figcaption>
</figure>
</a>
@@ -42,7 +42,7 @@
a Free Software Foundation.
</p>
</main>
<script src="countdown.js"></script>
<script src="../countdown.js"></script>
<!--#include virtual="components/footer.html" -->
</body>
</html>

6
cz_info.html → pages/cz/info.html
View File

@@ -2,9 +2,9 @@
<html lang="cs">
<head>
<!--#include virtual="components/head.html" -->
<title>Richard Stallman - Svobodný software Liberec</title>
<title>Info - Svobodný software Liberec</title>
<meta name="description" content="Krátký životopis pana Stallmana.">
<script src="lang.js"></script>
<script src="../lang.js"></script>
</head>
<body>
<!--#include virtual="components/header.html" -->
@@ -14,7 +14,7 @@
<a href="https://commons.wikimedia.org/wiki/File:Richard_Stallman_Bologna_2024_abc1.jpg">
<figure class="aside">
<img src="stallman.webp" alt="Richard Stallman">
<img src="../stallman.webp" alt="Richard Stallman">
<figcaption>Richard Stallman, 2024</figcaption>
</figure>
</a>

0
en_404.html → pages/en/404.html
View File

6
en_index.html → pages/en/index.html
View File

@@ -2,7 +2,7 @@
<html lang="cs">
<head>
<!--#include virtual="components/head.html" -->
<title>Svobodný software Liberec</title>
<title>Software Libre Liberec</title>
<meta name="description" content="Richard Stallman at Technical University of Liberec.">
</head>
<body>
@@ -17,7 +17,7 @@
</div>
<a href="https://commons.wikimedia.org/wiki/File:Richard_Stallman_Bologna_2024_abc23.jpg">
<figure>
<img class="countdown-bg" src="stallman_2024.webp" alt="Pan Stallman v Itálii">
<img class="countdown-bg" src="../stallman_2024.webp" alt="Mr. Stallman in Italy">
<figcaption>Photograph from Mr Stallman's lecture in 2024</figcaption>
</figure>
</a>
@@ -42,7 +42,7 @@
and the Free Software Foundation.
</p>
</main>
<script src="countdown.js"></script>
<script src="../countdown.js"></script>
<!--#include virtual="components/footer.html" -->
</body>
</html>

4
en_info.html → pages/en/info.html
View File

@@ -2,7 +2,7 @@
<html lang="cs">
<head>
<!--#include virtual="components/head.html" -->
<title>Richard Stallman - Software Libre Liberec</title>
<title>About - Software Libre Liberec</title>
<meta name="description" content="Short bio of mister Stallman.">
<script src="lang.js"></script>
</head>
@@ -14,7 +14,7 @@
<a href="https://commons.wikimedia.org/wiki/File:Richard_Stallman_Bologna_2024_abc1.jpg">
<figure class="aside">
<img src="stallman.webp" alt="Richard Stallman">
<img src="../stallman.webp" alt="Richard Stallman">
<figcaption>Richard Stallman, 2024</figcaption>
</figure>
</a>

0
js/countdown.js → scripts/countdown.js
View File

0
js/lang.js → scripts/lang.js
View File

0
js/theme.js → scripts/theme.js
View File

8
styles/icons.css Normal file
View File

@@ -0,0 +1,8 @@
:root {
--light-theme-switch-icon: url("./moon.svg");
--dark-theme-switch-icon: url("./sun.svg");
--light-narrow-layout-switch-icon: url("./wide_dark.svg");
--light-wide-layout-switch-icon: url("./narrow_dark.svg");
--dark-narrow-layout-switch-icon: url("./wide_light.svg");
--dark-wide-layout-switch-icon: url("./narrow_light.svg");
}

4
styles.css → styles/styles.css
View File

@@ -317,6 +317,10 @@ nav ul {
nav ul {
flex-direction: column;
}
nav ul li {
width: 100%;
}
}
nav ul li {