Added license to video recording

.gitignore

@@ -1 +1,2 @@
 /dst/
+/tmp

Makefile

@@ -1,19 +1,24 @@
-PAGES := index.html 404.html info.html javascript.html contact.html
+PAGES := index.html 404.html javascript.html contact.html downloads.html
 SHARED_FILES := stallman.webp stallman_2024.webp favicon.ico \
 				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 \
+				word_cloud_cz.png word_cloud_en.png background.jpg \
-				styles.css icons.css \
+				moon.svg sun.svg narrow_light.svg narrow_dark.svg wide_light.svg wide_dark.svg \
-				countdown.js theme.js lang.js \
+				lang_cz.svg lang_en.svg styles.css icons.css countdown.js theme.js lang.js
-				jetbrains_mono.ttf
+STATIC_ASSETS := jetbrains_mono.woff2 poster_cz.png poster_en.png
 SEARCH_REPLACE := lib/search_and_replace/target/release/search_and_replace
 COMPONENTS := head.html header.html nav.html footer.html
 
 .PHONY: build
-build: $(PAGES:%=dst/cz/%) $(PAGES:%=dst/en/%) $(SHARED_FILES:%=dst/%)
+build: $(PAGES:%=dst/cz/%) $(PAGES:%=dst/en/%) $(SHARED_FILES:%=dst/%) $(STATIC_ASSETS:%=dst/%)
+
+.PHONY: pack
+pack: dst/libre_liberec.tar.gz dst/photos_talk.tar.gz dst/photos_people.tar.gz dst/photos_talk.zip \
+	dst/photos_people.zip
 
 .PHONY: clean
 clean:
 	rm -rf dst
+	rm -rf tmp
 
 $(SEARCH_REPLACE): $(shell find lib/search_and_replace/src)
 	cd lib/search_and_replace && cargo build --release
@@ -52,10 +57,26 @@ dst/poster_%.jpg: images/poster_%.png
 	@mkdir -p $(@D)
 	magick $< -resize 2000x2000 $@
 
+dst/word_cloud_%.png: images/word_cloud_%.png
+	@mkdir -p $(@D)
+	magick $< -resize 2000x2000 $@
+
+dst/background.jpg: images/background.jpg
+	@mkdir -p $(@D)
+	magick $< -quality 80 $@
+
+dst/%.jpg: images/%.jpg
+	@mkdir -p $(@D)
+	ln -f $< $@
+
 dst/%.webp: images/%.jpg
 	@mkdir -p $(@D)
 	magick $< $@
 
+dst/%.png: images/%.png
+	@mkdir -p $(@D)
+	ln -f $< $@
+
 dst/%.svg: icons/%.svg
 	@mkdir -p $(@D)
 	ln -f $< $@
@@ -64,6 +85,45 @@ dst/favicon.ico: images/favicon.ico
 	@mkdir -p $(@D)
 	ln -f $< $@
 
-dst/%.ttf: fonts/%.ttf
+dst/%.woff2: fonts/%.woff2
 	@mkdir -p $(@D)
 	ln -f $< $@
+
+dst/libre_liberec.tar.gz: $(PAGES:%=dst/cz/%) $(PAGES:%=dst/en/%) $(SHARED_FILES:%=dst/%)
+	tar --transform='s,^dst/,libre_liberec/,' -czvf $@ $^ --owner=0 --group=0
+
+tmp/.anchor:
+	ln -sf "$$(mktemp -d)" tmp
+	touch tmp/.anchor
+
+tmp/photos_%.jpg: photos/%.* tmp/.anchor
+	@mkdir -p $(@D)
+	magick $< -quality 85 -strip $@
+
+dst/photos_talk.tar.gz: \
+	$(foreach t, $(shell ls photos/talk), tmp/photos_talk/$(t))
+	@mkdir -p $(@D)
+	rm -f $@
+	tar --transform='s,^tmp/,,' -czvf $@ \
+		$$(echo $^ | tr ' ' '\n' | sort) --owner=0 --group=0
+
+dst/photos_talk.zip: \
+	$(foreach t, $(shell ls photos/talk), tmp/photos_talk/$(t))
+	@mkdir -p $(@D)
+	rm -f $@
+	cd tmp && zip -r photos_talk.zip photos_talk
+	mv tmp/photos_talk.zip $@
+
+dst/photos_people.tar.gz: \
+	$(foreach t, $(shell ls photos/people), tmp/photos_people/$(t))
+	@mkdir -p $(@D)
+	rm -f $@
+	tar --transform='s,^tmp/,,' -czvf $@ \
+		$$(echo $^ | tr ' ' '\n' | sort) --owner=0 --group=0
+
+dst/photos_people.zip: \
+	$(foreach t, $(shell ls photos/talk), tmp/photos_talk/$(t))
+	@mkdir -p $(@D)
+	rm -f $@
+	cd tmp && zip -r photos_people.zip photos_people
+	mv tmp/photos_people.zip $@

components/cz/footer.html

@@ -1,5 +1,5 @@
 <footer>
-	<p>Tuto akci pořádá <a href="https://www.fm.tul.cz">Fakulta mechatroniky, informatiky a mezioborových studií</a> <a href="https://www.tul.cz">Technické univerzity v Liberci</a>.</p>
+	<p>Tuto přednášku pořádá <a href="https://www.fm.tul.cz">Fakulta mechatroniky, informatiky a mezioborových studií</a> <a href="https://www.tul.cz">Technické univerzity v Liberci</a>.</p>
 	<p>Tato webová stránka podléhá licenci GNU Free Documentation License v1.3.</p>
 	<p>&copy; <a href="https://zumepro.cz/">Zumepro</a>, 2025</p>
 </footer>

components/cz/header.html

@@ -1,10 +1,9 @@
 <header>
 	<div>
-		<div class="header-title">Svobodný software Liberec</div>
+		<div class="header-title">Dr Richard Stallman</div>
-		<div class="header-subtitle">Richard Stallman na Technické univerzitě v Liberci</div>
+		<div class="header-subtitle">na Technické univerzitě v Liberci</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="Přepínač jazyka" class="lang-switch" onclick="switch_lang();">
 	</div>

components/cz/nav.html

@@ -1,9 +1,17 @@
+<input type="checkbox" id="menu-trigger">
+<label class="menu-button" for="menu-trigger">
+	<div class="inner">
+		<div class="upper"></div>
+		<div class="center"></div>
+		<div class="lower"></div>
+	</div>
+</label>
 <nav>
 	<div>
 		<ul>
 			<li><a href=".">Domů</a></li>
-			<li><a href="info">Info</a></li>
 			<li><a href="contact">Kontakt</a></li>
+			<li><a href="downloads">Ke stažení</a></li>
 			<li><a href="javascript">JavaScript</a></li>
 		</ul>
 	</div>

components/en/footer.html

@@ -1,5 +1,5 @@
 <footer>
-	<p>This event is organized by the <a href="https://www.fm.tul.cz">Faculty of mechatronics, informatics and interdisciplinary studies</a> at the <a href="https://www.tul.cz">Technical university in Liberec</a>.</p>
+	<p>This lecture is organized by the <a href="https://www.fm.tul.cz">Faculty of mechatronics, informatics and interdisciplinary studies</a> at the <a href="https://www.tul.cz">Technical University of Liberec</a>.</p>
 	<p>This website falls under the GNU Free Documentation License v1.3.</p>
 	<p>&copy; <a href="https://zumepro.cz/">Zumepro</a>, 2025</p>
 </footer>

components/en/header.html

@@ -1,10 +1,9 @@
 <header>
 	<div>
-		<div class="header-title">Software Libre Liberec</div>
+		<div class="header-title">Dr Richard Stallman</div>
-		<div class="header-subtitle">Richard Stallman at Technical University of Liberec</div>
+		<div class="header-subtitle">at the Technical University of Liberec</div>
 	</div>
 	<div class="buttons">
-		<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();">
 		<img src="data:," alt="Language selector" class="lang-switch" onclick="switch_lang();">
 	</div>

components/en/nav.html

@@ -1,9 +1,17 @@
+<input type="checkbox" id="menu-trigger">
+<label class="menu-button" for="menu-trigger">
+	<div class="inner">
+		<div class="upper"></div>
+		<div class="center"></div>
+		<div class="lower"></div>
+	</div>
+</label>
 <nav>
 	<div>
 		<ul>
 			<li><a href=".">Home</a></li>
-			<li><a href="info">Info</a></li>
 			<li><a href="contact">Contact</a></li>
+			<li><a href="downloads">For Download</a></li>
 			<li><a href="javascript">JavaScript</a></li>
 		</ul>
 	</div>

doc/01_notes.md

@@ -0,0 +1,59 @@
+<!-- # Obecné -->
+<!-- - Je to Přednáška -->
+    <!-- - Skládá se z prezentace a interaktivní diskuze -->
+<!-- - Délka: 1h vystoupení Richarda Stallmana + 1h interaktivní diskuze -->
+<!-- - `přibližně dvouhodinový blok` -->
+
+# Plakát
+- Logo TUL pryč
+- Nadpis: Richard Stallman na Technické univerzitě v Liberci
+- Podnadpis pryč
+- Název FM TUL
+- 30 let
+- Bio Stallman blíž info packet (jak to chtěl Stallman)
+- Vstup zdarma
+- Budova G
+- Text blíž webu
+- Mnoha dalšího pryč
+- Bio Stallmana pryč
+- FSF do word cloudu
+
+# Web
+<!-- Úvod nad ~~plakátem~~ fotkou s word cloudem -->
+<!-- Odpočet dole (pod textem, nad fotkou) -->
+- Předělat index stránku do podoby plakátu
+<!-- - Info dopryč (spojit s indexem) -->
+<!-- - PDF s budovou G pryč -->
+- Ke stažení
+
+### Index
+<!-- - Úvod (fakulta mechatroniky Vás zve...) -->
+<!-- - Kde, kdy, v kolik -->
+<!-- - 16:30 -->
+<!-- - 2025 psát všude!! -->
+- Design plakátu (hlavně **obrázek Stallmana, word cloud**)
+<!-- - Hodiny pod text (před fotku) -->
+<!-- - Nad hodinama "Vstup zdarma" -->
+- Pro koho je přednáška (FAQ) - každý si tam najde to svoje
+<!-- - Obsah přednášky (co po přednášce - fotky, suvenýry) -->
+
+Sekce indexu:
+1. Header, menu
+2. Obecné
+    1. Header
+    2. Menu
+    3. Pozdrav/Úvod
+    4. Důležité info (kdy, kde, vstup zdarma)
+    5. Odpočet
+2. O Stallmanovi
+    1. Fotka Stallmana s word cloudem
+    2. Bio Stallmana (v hor layoutu vedle sebe ideálně)
+3. O přednášce
+    1. Obsah přednášky
+    2. Trvání přednášky
+    3. FAQ
+    4. Kde je aula
+4. Footer
+
+<!-- ### Kontakt -->
+<!-- - E-Mail na Janu Vitvarovou -->

doc/02_notes.md

@@ -0,0 +1,2 @@
+# Pro Ondru (hlavně neříkat nahlas)
+- Ztučnit O přednášce

free.html

@@ -1,131 +0,0 @@
-<!DOCTYPE html>
-<html lang="cs">
-	<head>
-		<!--#include virtual="components/head.html" -->
-		<title>Svobodný software - Svobodný software Liberec</title>
-		<meta name="description" content="Vysvětlení pojmu svobodný software.">
-	</head>
-	<body>
-		<!--#include virtual="components/header.html" -->
-		<!--#include virtual="components/nav.html" -->
-		<main>
-			<a id="contents"></a>
-			<h1>Obsah</h1>
-
-			<ul>
-				<li><a href="#contents">Obsah</a></li>
-				<li>
-					<a href="#freesoftware">Svobodný software</a>
-					<ul>
-						<li><a href="#definition">Co je to?</a></li>
-						<li><a href="#inception">Jak vznikl?</a></li>
-						<li>
-							<a href="#othermovements">Jak se liší od ostatních hnutí?</a>
-							<ul>
-								<li><a href="#freeware">Freeware</a></li>
-								<li><a href="#opensource">Open Source</a></li>
-							</ul>
-						</li>
-					</ul>
-				</li>
-			</ul>
-
-			<a id="freesoftware"></a>
-			<h1>Svobodný software</h1>
-
-			<p>
-				Tato stránka slouží pro jedince, kteří buď o svobodném softwaru
-				(anglicky "free software") slyší poprvé, nebo o něm již někdy slyšeli,
-				ale nejsou si úplně jisti, co tento pojem opravdu znamená.
-			</p>
-
-			<p>
-				Většina informací na této stránce pochází webových stránek
-				<a href="https://www.gnu.org/">operačního systému GNU</a>.
-			</p>
-
-			<a id="definition"></a>
-			<h2>Co je to?</h2>
-
-			<p>
-				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam in laoreet lectus.
-				Vestibulum hendrerit, arcu vel ullamcorper lacinia, nisi nibh mollis lacus,
-				a dapibus neque odio id risus. Quisque ultricies congue mi.
-				Proin eget nisl nec nisi aliquet interdum vitae quis metus.
-				Nunc id eros volutpat, hendrerit magna ut, vulputate dolor.
-				Duis ut ex et justo interdum aliquam. Phasellus ultrices, orci et facilisis sagittis,
-				ligula nulla gravida augue, nec maximus tortor tortor sit amet purus.
-				Quisque rhoncus commodo arcu, in condimentum lectus mollis ut.
-				Aenean pellentesque orci ac ex ullamcorper, at pharetra eros vestibulum.
-			</p>
-
-			<p>
-				Nullam eget ligula ac ante dapibus rhoncus. Aenean interdum, erat vel auctor congue,
-				metus elit gravida metus, et gravida dolor metus at nunc.
-				Aliquam auctor dolor at erat mollis, sit amet placerat massa commodo.
-				Fusce ultricies odio sed tortor interdum hendrerit.
-				Ut posuere lobortis dui, commodo placerat lacus pharetra eu.
-				Curabitur eu dolor eget nibh sagittis semper eu eget dolor.
-				Sed laoreet mi in viverra vulputate. Etiam posuere sem est, at malesuada enim auctor quis.
-			</p>
-
-			<a id="inception"></a>
-			<h2>Jak vznikl?</h2>
-
-			<p>
-				In tempor lacus nec odio ornare, vitae pretium ante faucibus.
-				Donec mattis justo quis condimentum accumsan. Phasellus lacinia elementum ultricies.
-				Morbi facilisis suscipit quam, eu porta sem consectetur in.
-				Vestibulum pretium pretium eros non blandit.
-				Nunc varius metus in felis facilisis pellentesque.
-				Cras placerat dolor nulla, sit amet venenatis lectus sagittis eu.
-				Duis tellus sem, porta eget faucibus at, efficitur eleifend libero.
-				Nunc eu felis urna. In dignissim lectus eget dui consequat fringilla.
-				Etiam sodales tincidunt finibus. Sed facilisis ex sed tellus posuere, a consequat magna malesuada.
-			</p>
-
-			<a id="othermovements"></a>
-			<h2>Jak se liší od ostatních hnutí?</h2>
-
-			<p>
-				Maecenas ut congue massa. Nullam finibus lorem ligula, ut faucibus diam hendrerit a.
-				Proin quis massa in ligula vulputate ultrices et ac neque. Donec mollis massa turpis.
-				Suspendisse potenti. In vel venenatis mi. Sed egestas nulla tortor, eu ornare nibh accumsan nec.
-				Donec egestas a justo eu ullamcorper. Vivamus feugiat lectus non justo vehicula viverra.
-				Phasellus eleifend ante sed felis sollicitudin scelerisque.
-				Proin sit amet leo in enim varius auctor. Mauris blandit rhoncus mauris.
-			</p>
-
-			<a id="freeware"></a>
-			<h3>Freeware</h3>
-
-			<p>
-				Sed ac lorem viverra, tempor libero id, ullamcorper turpis.
-				Donec dapibus diam risus, non rutrum mauris pharetra ut.
-				Vivamus lobortis in massa faucibus congue.
-				Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
-				Aenean sed tempor justo. Phasellus volutpat massa quis eleifend interdum.
-				Donec non lobortis leo. Maecenas vel lacus ut risus pretium fringilla.
-				Aliquam fermentum ex elit, non sagittis dui vestibulum ut.
-				Sed ipsum tellus, dictum eu molestie quis, tempor vitae ipsum.
-				Pellentesque laoreet porttitor felis, sit amet fermentum ante aliquet sed.
-			</p>
-
-			<a id="opensource"></a>
-			<h3>Open Source</h3>
-			
-			<p>
-				Nunc sodales dolor ut auctor porta. Proin rhoncus ultricies felis vel posuere.
-				In posuere velit vulputate, lobortis turpis pretium, porta nisi.
-				Vivamus elementum lobortis lacus nec lobortis.
-				Praesent lobortis dictum tortor, eget egestas nunc tempus at.
-				Curabitur rhoncus in dolor ut consectetur. Suspendisse aliquam aliquet magna ut ultrices.
-				Sed non magna sodales, rhoncus sapien vel, aliquam urna.
-				Quisque gravida est non diam mollis, et posuere sapien congue.
-				Quisque id nunc sed tortor hendrerit laoreet.
-				Sed tortor neque, porta ut laoreet in, mollis quis velit.
-			</p>
-		</main>
-		<!--#include virtual="components/footer.html" -->
-	</body>
-</html>

javascript.html

@@ -1,56 +0,0 @@
-<!DOCTYPE html>
-<html lang="cs">
-	<head>
-		<!--#include virtual="components/head.html" -->
-		<title>JavaScript - Svobodný software Liberec</title>
-		<meta name="description" content="Vysvětlení využití JavaScriptu na této stránce.">
-	</head>
-	<body>
-		<!--#include virtual="components/header.html" -->
-		<!--#include virtual="components/nav.html" -->
-		<main>
-			<h1>Použitý JavaScript na tomto webu</h1>
-
-			<p>
-				Pro tvorbu tohoto webu jsme použili stopové množství JavaScriptu.
-			</p>
-			<p>
-				Tato stránka Vám zajišťuje, že návštěva tohoto webu nenačítá žádný nesvobodný software
-				(tzn. tento web načtete i s rozšířením LibreJS).
-			</p>
-			<p>Zkontrolujte si prosím níže uvedené skripty a jejich licence.</p>
-			
-			<table>
-				<caption>Seznam klientských skriptů</caption>
-				<thead>
-					<tr>
-						<th rowspan=2>Skript</th>
-						<th colspan=2>Popis skriptu</th>
-					</tr>
-					<tr>
-						<th>Funkce</th>
-						<th>Licence</th>
-					</tr>
-				</thead>
-				<tbody>
-					<tr>
-						<td><a href="js/countdown.js">countdown.js</a></td>
-						<td>Odpočet do začátku akce.</td>
-						<td><a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU GPL v3</a></td>
-					</tr>
-					<tr>
-						<td><a href="js/lang.js">lang.js</a></td>
-						<td>Přepínání jazyka vybraných prvků stránky.</td>
-						<td><a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU GPL v3</a></td>
-					</tr>
-					<tr>
-						<td><a href="js/theme.js">theme.js</a></td>
-						<td>Přepínání mezi světlým a tmavým režimem.</td>
-						<td><a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU GPL v3</a></td>
-					</tr>
-				</tbody>
-			</table>
-		</main>
-		<!--#include virtual="components/footer.html" -->
-	</body>
-</html>

pages/cz/contact.html

@@ -3,7 +3,7 @@
 	<head>
 		<!--#include virtual="components/head.html" -->
 		<title>Kontakt - Svobodný software Liberec</title>
-		<meta name="description" content="Kontakt ohledně akce.">
+		<meta name="description" content="Kontakt ohledně přednášky.">
 	</head>
 	<body>
 		<!--#include virtual="components/header.html" -->
@@ -16,7 +16,7 @@
 			</p>
 
 			<p style="text-align: center;">
-				<b>libre-software</b> [zavináč] <b>zumepro</b> [tečka] <b>cz</b>
+				<b>jana.vitvarova</b> [zavináč] <b>tul</b> [tečka] <b>cz</b>
 			</p>
 		</main>
 		<!--#include virtual="components/footer.html" -->

pages/cz/downloads.html

@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="cs">
+	<head>
+		<!--#include virtual="components/head.html" -->
+		<title>Ke stažení - Svobodný software Liberec</title>
+		<meta name="description" content="Materiály ke stažení ohledně této stránky.">
+	</head>
+	<body>
+		<!--#include virtual="components/header.html" -->
+		<!--#include virtual="components/nav.html" -->
+		<main>
+			<h1>Ke stažení</h1>
+
+			<p>
+				Všechny obrázky ke stažení podléhají licenci <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International</a>.
+			</p>
+
+			<h2>Video z akce</h2>
+
+			<p>
+				Videozáznam podléhá licenci <a href="https://creativecommons.org/licenses/by-nd/4.0/">Creative Commons Attribution-NoDerivatives 4.0 International</a>.
+			</p>
+
+			<video width="100%" controls preload="none">
+				<source src="/tul_stallman_talk.mkv" type="video/webm">
+			</video>
+
+			<p><a href="/tul_stallman_talk.mkv" download>
+				Záznam z akce (.mkv - 2 GB)
+			</a></p>
+
+			<h2>Fotografie z akce</h2>
+
+			<p><a href="/photos_talk.tar.gz" download>
+				Archiv fotografií z akce (.tar.gz - 33 MB)
+			</a></p>
+
+			<p><a href="/photos_people.tar.gz" download>
+				Archiv fotografií lidí s Richardem Stallmanem (.tar.gz - 19.7 MB)
+			</a></p>
+
+			<p><a href="/photos_talk.zip" download>
+				Archiv fotografií z akce (.zip - 33 MB)
+			</a></p>
+
+			<p><a href="/photos_people.zip" download>
+				Archiv fotografií lidí s Richardem Stallmanem (.zip - 19.7 MB)
+			</a></p>
+
+			<h2>Plakát v češtině</h2>
+
+			<p><a href="/poster_cz.png" download>
+				Plakát v češtině (4960x7016 PNG - určeno pro tisk)
+			</a></p>
+
+			<p><a href="/poster_cz.jpg" download>
+				Plakát v češtině (1414x2000 JPG - určeno pro webovou distribuci)
+			</a></p>
+
+			<h2>Plakát v angličtině</h2>
+
+			<p><a href="/poster_en.png" download>
+				Plakát v angličtině (4960x7016 PNG - určeno pro tisk)
+			</a></p>
+
+			<p><a href="/poster_en.jpg" download>
+				Plakát v angličtině (1414x2000 JPG - určeno pro webovou distribuci)
+			</a></p>
+
+			<h2>Zdrojové soubory webu</h2>
+			<p><a href="/libre_liberec.tar.gz">Kód a soubory (.tar.gz)</a></p>
+		</main>
+		<!--#include virtual="components/footer.html" -->
+	</body>
+</html>
+

pages/cz/index.html

@@ -9,32 +9,48 @@
 		<!--#include virtual="components/header.html" -->
 		<!--#include virtual="components/nav.html" -->
 		<main>
-			<div class="countdown">--:--:--:--</div>
+			<p>
+				<b><a href="https://www.fm.tul.cz">Fakulta mechatroniky</a></b> dne 7. května 2025
+				pořádala přednášku o <b>svobodném softwaru</b> a <b>svobodě</b> v digitální společnosti s <b>Richardem Stallmanem</b>.
+			</p>
+
+			<p>
+				Nahrávku přednášky si můžete zobrazit <b><a href="/tul_stallman_talk.mkv">zde</a></b>.
+			</p>
+
+			<h1>Kdo je Richard Stallman?</h1>
+
+			<p>
+				Dr Richard Stallman v roce 1983 založil <b>hnutí svobodného softwaru</b>
+				a následující rok započal vývoj <b>operačního systému GNU</b>
+				(vizte <a href="https://www.gnu.org">www.gnu.org</a>).
+				GNU je svobodný software, každý má možnost ho množit
+				a šířit dál, bez změn nebo i se změnami.
+				<b>GNU/Linux</b> (operační systém GNU s jádrem <a href="https://kernel.org/">Linux</a>)
+				se dnes využívá na <b>desítkách milionů osobních počítačů</b>.
+			</p>
+
+			<p>
+				Stallmanovi byla udělena <b>Cena Grace Hopperové</b> a <b>Cena Softwarových Systémů</b>
+				neziskovou organizací Association for Computing Machinery,
+				<b>Cena za sociální/ekonomické zlepšení</b> organizací Takeda Foundation a
+				<b>Cena Electronic Frontier Foundation</b> a mnoho čestných doktorátů.
+				Stallman je členem programu <b>MacArthur Fellowship</b>
+				a je členem <a href="https://www.internethalloffame.org/">Síně slávy Internetu</a>.
+				Pokud vás zajímají i další jeho projekty nebo myšlenky, můžete navštívit jeho
+				<a href="https://stallman.org">osobní stránky</a>, kam pravidelně přidává nový obsah.
+			</p>
+
+			<p>
+				Dr <b>Richard Stallman</b><br>
+				Zakladatel <a href="https://www.fsf.org/">Free Software Foundation</a><br>
+				Zakladatel a vedoucí vývoje <a href="https://www.gnu.org/">operačního systému GNU</a>
+			</p>
 			
 			<figure class="poster">
-				<img src="../poster_cz.webp" alt="Plakát na akci s Richardem Stallmanem">
+				<img src="../word_cloud_cz.png" alt="Plakát na přednášku s Richardem Stallmanem">
 			</figure>
-
-			<p>
-				Akce se bude konat <b>7. května od 16:30 do 19:30</b> v aule budovy G na Technické univerzitě v Liberci.
-			</p>
-
-			<p>
-				Hlavní částí akce bude přednáška pana Richarda Stallmana týkající se svobodného softwaru &ndash;
-				hnutí, které sám pan Stallman v roce 1983 založil.
-				Zaměří se na nebezpečí neustálé rozšiřování nesvobodného softwaru v naší digitální společnosti,
-				jak nás jako uživatele takový software omezuje a jak proti němu můžeme pomocí svobodného softwaru bojovat.
-			</p>
-
-			<p>
-				Tato akce je organizována Fakultou mechatroniky, informatiky a mezioborových studií
-				Technické univerzity v Liberci. Jako většina přednášek pana Stallmana je i tato akce
-				určená pro širokou veřejnost. Bude se vybírat pouze dobrovolné vstupné,
-				po přednášce bude rovněž možné zakoupit předměty s tematikou operačního systému GNU
-				a Free Software Foundation.
-			</p>
 		</main>
-		<script src="../countdown.js"></script>
 		<!--#include virtual="components/footer.html" -->
 	</body>
 </html>

pages/cz/info.html

@@ -1,93 +0,0 @@
-<!DOCTYPE html>
-<html lang="cs">
-	<head>
-		<!--#include virtual="components/head.html" -->
-		<title>Info - Svobodný software Liberec</title>
-		<meta name="description" content="Krátký životopis pana Stallmana.">
-	</head>
-	<body>
-		<!--#include virtual="components/header.html" -->
-		<!--#include virtual="components/nav.html" -->
-		<main>
-			<h1>Kdo je Richard Stallman?</h1>
-
-			<a href="https://commons.wikimedia.org/wiki/File:Richard_Stallman_Bologna_2024_abc1.jpg">
-				<figure class="aside">
-					<img src="../stallman.webp" alt="Richard Stallman">
-					<figcaption>Richard Stallman, 2024</figcaption>
-				</figure>
-			</a>
-
-			<div id="stallman_bio_cz">
-				<p>
-					Dr. Richard Stallman v roce 1983 založil hnutí svobodného softwaru
-					a následující rok započal vývoj operačního systému GNU
-					(vizte <a href="https://www.gnu.org">www.gnu.org</a>).
-					GNU je svobodný software, každý má možnost ho množit
-					a šířit dál, bez změn nebo i se změnami.
-					GNU/Linux (operační systém GNU s jádrem <a href="https://kernel.org/">Linux</a>)
-					se dnes využívá na desítkách milionů osobních počítačů.
-				</p>
-
-				<p>
-					Stallmanovi byla udělena <i>Cena Grace Hopperové</i> a <i>Cena Softwarových Systémů</i>
-					neziskovou organizací Association for Computing Machinery,
-					<i>Cena za sociální/ekonomické zlepšení</i> organizací Takeda Foundation a
-					<i>Cena Electronic Frontier Foundation</i> a mnoho čestných doktorátů.
-					Stallman je členem programu <i>MacArthur Fellowship</i>
-					a je členem <i><a href="https://www.internethalloffame.org/">Síně slávy Internetu</a></i>.
-					Pokud vás zajímají i další jeho projekty nebo myšlenky, můžete navštívit jeho
-					<i><a href="https://stallman.org">osobní stránky</a></i>, kam pravidelně přidává nový obsah.
-				</p>
-
-				<p>
-					Dr. Richard Stallman<br>
-					Zakladatel <a href="https://www.fsf.org/">Free Software Foundation</a><br>
-					Zakladatel a vedoucí vývoje <a href="https://www.gnu.org/">operačního systému GNU</a>
-				</p>
-			</div>
-
-			<h1>
-				Přednáška
-			</h1>
-			<p>
-				Bude se jednat o zhruba dvouhodinový blok, po kterém bude následovat interaktivní diskuze. Pokud tedy máte
-				na pana Stallmana dotazy blízké tématům přednášky, určitě si je předem rozmyslete. K dispozici bude možnost
-				psaní otázek na papírky, nebo je zadávat pomocí webové stránky. Po diskuzi bude možné se s panem Stallmanem vyfotit či si od něj nechat podepsat upomínkové předměty.
-			</p>
-			<p>
-				Na akci přijďte raději o něco dříve, aula bude otevřená minimálně 15 minut před začátkem přednášky.
-				S sebou nepotřebujete asi nic kromě případně předvymyšlených otázek a nějakého pití.
-				Záchody budou samozřejmě k dispozici. Z kapacitních důvodů nebudeme nabízet žádné občerstvení,
-				každopádně v budově se nachází několik automatů na nápoje a snacky.
-			</p>
-
-			<h1>FAQ</h1>
-			<div>
-				<h2>Kolik je vstupné?</h2>
-				<p style="margin: 0 0 15px 15px;">
-					Vstup je zcela zadarmo pro všechny.
-				</p>
-			</div>
-
-			<div>
-				<h2>Mohu na akci přijít s kamarádem/známým/rodinou?</h2>
-				<p style="margin: 0 0 15px 15px;">
-					Ano, akce je otevřená pro všechny ty, kteří mají zájem, nejenom členy Technické univerzity. 
-				</p>
-			</div>
-
-			<div>
-				<h2>Jak najdu aulu, ve které bude probíhat přednáška?</h2>
-				<p style="margin: 0 0 15px 15px;">
-					Aula se nachází v budově G na Technické univerzitě v Liberci, viz <a href="https://www.apc.tul.cz/getFile/id:9907" target="_blank">například zde.</a>
-				</p>
-				<p style="margin: 0 0 15px 15px;">Zde jsou souřadnice auly: <a href="geo:50.773395,15.076628?z=19">50.773395,15.076628</a></p>
-				<p style="margin: 0 0 15px 15px;">A níže je mapa s lokací.</p>
-				<iframe width="100%" height="350" src="https://www.openstreetmap.org/export/embed.html?bbox=15.07552742958069%2C50.772642861904984%2C15.077729523181917%2C50.7741473910174&amp;layer=mapnik&amp;marker=50.77339513251057%2C15.076628476381302" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=50.773395&amp;mlon=15.076628#map=19/50.773395/15.076628&amp;layers=N" target="_blank">Otevřít mapu</a></small>
-			</div>
-		</main>
-		<!--#include virtual="components/footer.html" -->
-	</body>
-</html>
-

pages/cz/javascript.html

@@ -12,11 +12,11 @@
 			<h1>Použitý JavaScript na tomto webu</h1>
 
 			<p>
-				Pro tvorbu tohoto webu jsme použili stopové množství JavaScriptu.
+				Pro tvorbu tohoto webu jsme použili stopové množství <b>JavaScriptu</b>.
 			</p>
 			<p>
-				Tato stránka Vám zajišťuje, že návštěva tohoto webu nenačítá žádný nesvobodný software
+			Tato stránka Vám zajišťuje, že návštěva tohoto webu načítá <b>pouze svobodný software</b>
-				(tzn. tento web načtete i s rozšířením LibreJS).
+			(tzn. tento web načtete i s rozšířením <b>LibreJS</b>).
 			</p>
 			<p>Zkontrolujte si prosím níže uvedené skripty a jejich licence.</p>
 			
@@ -35,7 +35,7 @@
 				<tbody>
 					<tr>
 						<td><a href="../countdown.js">countdown.js</a></td>
-						<td>Odpočet do začátku akce.</td>
+						<td>Odpočet do začátku přednášky.</td>
 						<td><a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU GPL v3</a></td>
 					</tr>
 					<tr>

pages/en/contact.html

@@ -3,7 +3,7 @@
 	<head>
 		<!--#include virtual="components/head.html" -->
 		<title>Contact - Software Libre Liberec</title>
-		<meta name="description" content="Contacts regarding the event.">
+		<meta name="description" content="Contacts regarding the lecture.">
 	</head>
 	<body>
 		<!--#include virtual="components/header.html" -->
@@ -16,7 +16,7 @@
 			</p>
 
 			<p style="text-align: center;">
-				<b>libre-software</b> [at] <b>zumepro</b> [dot] <b>cz</b>
+				<b>jana.vitvarova</b> [at] <b>tul</b> [dot] <b>cz</b>
 			</p>
 		</main>
 		<!--#include virtual="components/footer.html" -->

pages/en/downloads.html

@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<!--#include virtual="components/head.html" -->
+		<title>Downloads - Software Libre Liberec</title>
+		<meta name="description" content="Downloads for content on this site.">
+	</head>
+	<body>
+		<!--#include virtual="components/header.html" -->
+		<!--#include virtual="components/nav.html" -->
+		<main>
+			<h1>Downloads</h1>
+
+			<p>
+				All images for download are licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International</a> license.
+			</p>
+
+			<h2>Video of the event</h2>
+
+			<p>
+				The video recording is licensed under the <a href="https://creativecommons.org/licenses/by-nd/4.0/">Creative Commons Attribution-NoDerivatives 4.0 International</a> license.
+			</p>
+
+			<video width="100%" controls preload="none">
+				<source src="/tul_stallman_talk.mkv" type="video/webm">
+			</video>
+
+			<p><a href="/tul_stallman_talk.mkv" download>
+				Recording of the talk (.mkv - 2 GB)
+			</a></p>
+
+			<h2>Photos from the event</h2>
+
+			<p><a href="/photos_talk.tar.gz" download>
+				Archive with photos from the talk (.tar.gz - 33 MB)
+			</a></p>
+
+			<p><a href="/photos_people.tar.gz" download>
+				Archive with photos of people with Richard Stallman (.tar.gz - 19.7 MB)
+			</a></p>
+
+			<p><a href="/photos_talk.zip" download>
+				Archive with photos from the talk (.zip - 33 MB)
+			</a></p>
+
+			<p><a href="/photos_people.zip" download>
+				Archive with photos of people with Richard Stallman (.zip - 19.7 MB)
+			</a></p>
+
+			<h2>Poster in English</h2>
+
+			<p><a href="/poster_en.png" download>
+				Poster in English (4960x7016 PNG - for printing)
+			</a></p>
+
+			<p><a href="/poster_en.jpg" download>
+				Poster in English (1414x2000 JPG - for web distribution)
+			</a></p>
+
+			<h2>Poster in Czech</h2>
+
+			<p><a href="/poster_cz.png" download>
+				Poster in Czech (4960x7016 PNG - for printing)
+			</a></p>
+
+			<p><a href="/poster_cz.jpg" download>
+				Poster in Czech (1414x2000 JPG - for web distribution)
+			</a></p>
+
+			<h2>Web source files</h2>
+			<p><a href="/libre_liberec.tar.gz">Source code and files (.tar.gz)</a></p>
+		</main>
+		<!--#include virtual="components/footer.html" -->
+	</body>
+</html>
+

pages/en/index.html

@@ -9,32 +9,48 @@
 		<!--#include virtual="components/header.html" -->
 		<!--#include virtual="components/nav.html" -->
 		<main>
-			<div class="countdown">--:--:--:--</div>
+			<p>
+				The <b><a href="https://www.fm.tul.cz">Faculty of Mechatronics</a></b>
+				held a lecture about <b>free software</b> and <b>freedom</b> in the digital society with <b>Richard Stallman</b>.
+			</p>
+
+			<p>
+				You may watch a recording of the lecture <b><a href="/tul_stallman_talk.mkv">here</a></b>.
+			</p>
+
+			<h1>Who is Richard Stallman?</h1>
+
+			<p>
+				Dr Richard Stallman launched the <b>free software movement</b> in 1983 and
+				started the development of the <b>GNU operating system</b>
+				(see <a href="https://www.gnu.org">www.gnu.org</a>) in 1984.
+				GNU is free software: everyone has the freedom to copy it
+				and redistribute it, with or without changes. The <b>GNU/Linux</b> system,
+				basically the GNU operating system with <a href="https://kernel.org/">Linux</a>
+				as the kernel, is used on <b>tens of millions of computers today</b>.
+			</p>
+
+			<p>
+				Stallman has received the <b>ACM Grace
+				Hopper Award</b> and the <b>ACM Software and Systems Award</b>, a <b>MacArthur
+				Foundation fellowship</b>, the <b>Electronic Frontier Foundation's Pioneer
+				Award</b>, and the the <b>Takeda Award for Social/Economic Betterment</b>, as
+				well as many doctorates honoris causa, and has been inducted into the
+				<a href="https://www.internethalloffame.org/">Internet Hall of Fame</a>.
+				If you are also interested in his other projects or ideas, you can visit his
+				<a href="https://stallman.org">personal website</a>, where he regularly adds new content.
+			</p>
+
+			<p>
+				Dr Richard Stallman<br>
+				Founder of the <a href="https://www.fsf.org/">Free Software Foundation</a><br>
+				Founder and development leader of the <a href="https://www.gnu.org/">GNU operating system</a>
+			</p>
 
 			<figure class="poster">
-				<img src="../poster_en.webp" alt="Poster for the Richard Stallman event">
+				<img src="../word_cloud_en.png" alt="Poster for Richard Stallman's lecture">
 			</figure>
-
-			<p>
-				The event will take place on the <b>7th of may from 16:30 to 19:30</b> in the auditorium of building G at Technical University of Liberec.
-			</p>
-
-			<p>
-				The main part of the event will be a lecture by Mr. Richard Stallman on free software &ndash;
-				a movement that Mr. Stallman himself founded in 1983.
-				It will focus on the dangers of the constant proliferation of non-free software in our digital society,
-				how such software limits us as users, and how we can fight against it with free software.
-			</p>
-
-			<p>
-				This event is organized by the Faculty of Mechatronics, Informatics and Interdisciplinary Studies
-				of the Technical University of Liberec. Like most of Mr. Stallman's lectures, this event
-				is intended for the general public. There will be a voluntary admission fee only,
-				after the lecture it will also be possible to purchase items with the theme of the GNU operating system
-				and the Free Software Foundation.
-			</p>
 		</main>
-		<script src="../countdown.js"></script>
 		<!--#include virtual="components/footer.html" -->
 	</body>
 </html>

pages/en/info.html

@@ -1,91 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<!--#include virtual="components/head.html" -->
-		<title>About - Software Libre Liberec</title>
-		<meta name="description" content="Short bio of mister Stallman.">
-	</head>
-	<body>
-		<!--#include virtual="components/header.html" -->
-		<!--#include virtual="components/nav.html" -->
-		<main>
-			<h1>Who is Richard Stallman?</h1>
-
-			<a href="https://commons.wikimedia.org/wiki/File:Richard_Stallman_Bologna_2024_abc1.jpg">
-				<figure class="aside">
-					<img src="../stallman.webp" alt="Richard Stallman">
-					<figcaption>Richard Stallman, 2024</figcaption>
-				</figure>
-			</a>
-
-			<div id="stallman_bio_en">
-				<p>
-					Dr. Richard Stallman launched the free software movement in 1983 and
-					started the development of the GNU operating system
-					(see <a href="https://www.gnu.org">www.gnu.org</a>) in 1984.
-					GNU is free software: everyone has the freedom to copy it
-					and redistribute it, with or without changes.  The GNU/Linux system,
-					basically the GNU operating system with <a href="https://kernel.org/">Linux</a>
-					as the kernel, is used on tens of millions of computers today.
-				</p>
-
-				<p>
-					Stallman has received the ACM Grace
-					Hopper Award and the ACM Software and Systems Award, a MacArthur
-					Foundation fellowship, the Electronic Frontier Foundation's Pioneer
-					Award, and the the Takeda Award for Social/Economic Betterment, as
-					well as many doctorates honoris causa, and has been inducted into the
-					<a href="https://www.internethalloffame.org/">Internet Hall of Fame</a>.
-					If you are also interested in his other projects or ideas, you can visit his
-					<i><a href="https://stallman.org">personal website</a></i>, where he regularly adds new content.
-				</p>
-
-				<p>
-					Dr Richard Stallman<br>
-					Founder of the <a href="https://www.fsf.org/">Free Software Foundation</a><br>
-					Founder and development leader of the <a href="https://www.gnu.org/">GNU operating system</a>
-				</p>
-			</div>
-
-			<h1>
-				Lecture
-			</h1>
-			<p>
-				The event will consist of a two-hour presentation followed by an interactive Q&amp;A session.
-				If you have questions for Mr. Stallman related to the lecture topics, please prepare them in advance.
-				Questions can be submitted either on paper or through a dedicated website.
-				Following the discussion, attendees will have the opportunity to take photographs with Mr. Stallman and have memorabilia signed.
-			</p>
-			<p>
-				We recommend arriving a bit early, as the auditorium will be open at least 15 minutes before the beginning of the lecture.
-				You don't need to bring anything special, just your prepared questions and perhaps a drink if you'd like.
-				Restrooms will be available, of course. Due to capacity limitations, we won't be providing refreshments,
-				but there are several vending machines with drinks and snacks located throughout the building.
-			</p>
-
-			<h1>FAQ</h1>
-			<div>
-				<h2>What is the admission fee?</h2>
-				<p style="margin: 0 0 15px 15px;">
-					Admission is completely free for everyone.
-				</p>
-			</div>
-			<div>
-				<h2>Can I come to the event with a friend/acquaintance/family?</h2>
-				<p style="margin: 0 0 15px 15px;">
-					Yes, the event is open to all those who are interested, not just members of the Technical university.
-				</p>
-			</div>
-			<div>
-				<h2>How do I find the auditorium where the lecture will take place?</h2>
-				<p style="margin: 0 0 15px 15px;">
-					The auditorium is located in building G at the Technical university in Liberec, see <a href="https://www.apc.tul.cz/getFile/id:9907" target="_blank">for example here.</a>
-				</p>
-				<p style="margin: 0 0 15px 15px;">Here are the coordinates of the auditorium: <a href="geo:50.773395,15.076628?z=19">50.773395,15.076628</a></p>
-				<p style="margin: 0 0 15px 15px;">And below is a map with the location.</p>
-				<iframe width="100%" height="350" src="https://www.openstreetmap.org/export/embed.html?bbox=15.07552742958069%2C50.772642861904984%2C15.077729523181917%2C50.7741473910174&amp;layer=mapnik&amp;marker=50.77339513251057%2C15.076628476381302" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=50.773395&amp;mlon=15.076628#map=19/50.773395/15.076628&amp;layers=N" target="_blank">Open map</a></small>
-			</div>
-		</main>
-		<!--#include virtual="components/footer.html" -->
-	</body>
-</html>

pages/en/javascript.html

@@ -12,12 +12,12 @@
 			<h1>JavaScript used on this website</h1>
 
 			<p>
-				This website is enhanced with few short snippets of JavaScript.
+				This website is enhanced with few short snippets of <b>JavaScript</b>.
 			</p>
 
 			<p>
-				This page insures that visiting any page of this website does not load any non-free software
+				This page insures that visiting any page of this website <b>only loads free software</b>
-				(which means that it will properly function on browsers with LibreJS).
+				(which means that it will properly function on browsers with <b>LibreJS</b>).
 			</p>
 
 			<p>Please verify the following scripts and their licences.</p>
@@ -37,7 +37,7 @@
 				<tbody>
 					<tr>
 						<td><a href="../countdown.js">countdown.js</a></td>
-						<td>Countdown until the start of the event.</td>
+						<td>Countdown until the start of the lecture.</td>
 						<td><a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU GPL v3</a></td>
 					</tr>
 					<tr>

photos/people/.gitignore

@@ -0,0 +1,2 @@
+/*
+!/.gitignore

photos/talk/.gitignore

@@ -0,0 +1,2 @@
+/*
+!/.gitignore

scripts/countdown.js

@@ -8,13 +8,13 @@ function update_time() {
 	const now = new Date();
 
 	if(now >= target) {
-		countdown.innerHTML = "Akce již proběhla.<br>Děkujeme všem za návštěvu.";
+		countdown.innerHTML = "";
 		return;
 	}
 
 	const dur = Math.floor((target - now) / 1000);
 
-	const day = Math.floor(dur / 86400).toFixed(0).padStart(2, "0");
+	const day = Math.floor(dur / 86400).toFixed(0);
 	const hour = Math.floor((dur / 3600) % 24).toFixed(0).padStart(2, "0");
 	const min = Math.floor((dur / 60) % 60).toFixed(0).padStart(2, "0");
 	const sec = Math.floor(dur % 60).toFixed(0).padStart(2, "0");
@@ -23,7 +23,11 @@ function update_time() {
 	//const targettime = `${target.getHours()}:${target.getMinutes()}`
 
 	//countdown.innerHTML = `${targetdate} v ${targettime}<br><br>${day}:${hour}:${min}:${sec}`;
-	countdown.innerHTML = `${day}:${hour}:${min}:${sec}`;
+	if (day == "0") {
+		countdown.innerHTML = `${hour}:${min}:${sec}`;
+	} else {
+		countdown.innerHTML = `${day}d ${hour}:${min}:${sec}`;
+	}
 }
 
 update_time();

styles/styles.css

@@ -1,14 +1,6 @@
 :root {
-	--light-fg-color: black;
-	--light-bg-color: white;
-	--light-alt-bg-color: #FFFFD0;
-	--light-field-hover-bg-color: #F0F0F0;
-	--light-field-active-bg-color: #E0E0E0;
-	--light-link-idle-color: darkred;
-	--light-sep-color: gainsboro;
-	
 	--dark-fg-color: white;
-	--dark-bg-color: #202020;
+	--dark-bg-color: black;
 	--dark-alt-bg-color: #101010;
 	--dark-field-hover-bg-color: #000000;
 	--dark-field-active-bg-color: #404040;
@@ -25,43 +17,6 @@
 	--text-subtle-color: gray;
 }
 
-@media (prefers-color-scheme: light) {
-	:root {
-		--fg-color: var(--light-fg-color);
-		--bg-color: var(--light-bg-color);
-		--alt-bg-color: var(--light-alt-bg-color);
-		--field-hover-bg-color: var(--light-field-hover-bg-color);
-		--field-active-bg-color: var(--light-field-active-bg-color);
-		--link-idle-color: var(--light-link-idle-color);
-
-		--theme-switch-icon: var(--light-theme-switch-icon);
-		--narrow-layout-switch-icon: var(--light-narrow-layout-switch-icon);
-		--wide-layout-switch-icon: var(--light-wide-layout-switch-icon);
-		--fg-gnu-head: var(--dark-gnu-head);
-		--bg-gnu-head: var(--light-gnu-head);
-
-		--sep-color: var(--light-sep-color);
-	}
-
-	[data-color-scheme="invert"] {
-		--fg-color: var(--dark-fg-color);
-		--bg-color: var(--dark-bg-color);
-		--alt-bg-color: var(--dark-alt-bg-color);
-		--field-hover-bg-color: var(--dark-field-hover-bg-color);
-		--field-active-bg-color: var(--dark-field-active-bg-color);
-		--link-idle-color: var(--dark-link-idle-color);
-
-		--theme-switch-icon: var(--dark-theme-switch-icon);
-		--narrow-layout-switch-icon: var(--dark-narrow-layout-switch-icon);
-		--wide-layout-switch-icon: var(--dark-wide-layout-switch-icon);
-		--fg-gnu-head: var(--light-gnu-head);
-		--bg-gnu-head: var(--dark-gnu-head);
-
-		--sep-color: var(--dark-sep-color);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
 :root {
 	--fg-color: var(--dark-fg-color);
 	--bg-color: var(--dark-bg-color);
@@ -95,7 +50,6 @@
 
 	--sep-color: var(--light-sep-color);
 }
-}
 
 :root {
 	--layout-switch-icon: var(--narrow-layout-switch-icon);
@@ -111,8 +65,8 @@
 }
 
 @font-face {
-	font-family: jetbrains_mono;
+	font-family: JetBrains Mono;
-	src: url("jetbrains_mono.ttf");
+	src: url("jetbrains_mono.woff2") format("woff2");
 }
 
 html {
@@ -122,26 +76,37 @@ html {
 }
 
 body {
-	font-family: "Noto Sans", sans-serif;
+	background-image: url("background.jpg");
-	font-size: 16px;
+	background-attachment: fixed;
+	background-size: cover;
+	background-position: center;
+	font-family: JetBrains Mono, "Noto Sans", sans-serif;
+	line-height: 1.8em;
+	word-spacing: .1em;
+	font-weight: 150;
+	letter-spacing: -.05ch;
 	display: flex;
 	flex-direction: column;
 	color: var(--fg-color);
 	background-color: var(--bg-color);
 	margin: 0;
+	min-height: 100vh;
 }
 
 header {
 	display: flex;
 	padding: 1.5em 0;
 	position: relative;
-	background-color: var(--bg-color);
 	align-items: center;
 	justify-content: space-between;
 	width: min(90%, 50em);
 	margin: auto;
 }
 
+b {
+	font-weight: 600;
+}
+
 [data-layout="wide"] header {
 	width: 90%;
 }
@@ -150,6 +115,8 @@ header .buttons {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
+	justify-content: center;
+	padding-left: 1em;
 }
 
 .light-dark-switch {
@@ -172,6 +139,7 @@ header .buttons {
 
 a {
 	color: var(--link-idle-color);
+	text-decoration: none;
 }
 
 header * {
@@ -214,36 +182,116 @@ header * {
 .countdown {
 	font-family: monospace;
 	font-weight: bold;
-	font-size: 2.5em;
+	font-size: 2em;
 	text-align: center;
-	margin: 1.5em auto;
+	margin: 2em auto;
 	padding: 0 .5em;
-	font-family: jetbrains_mono, monospace;
+	font-family: JetBrains Mono, monospace;
 	width: fit-content;
 	font-weight: bold;
 }
 
 @media only screen and (min-width: 50rem) {
 	.countdown {
-		font-size: 4em;
+		font-size: 3em;
 	}
 }
 
 nav {
-	background-color: var(--nav-bg-color);
 	color: var(--nav-fg-color);
+	background-color: var(--nav-bg-color);
 	user-select: none;
+	text-transform: uppercase;
+	width: min(90%, 50em);
+	margin: auto;
+	margin-bottom: 2em;
+	border-radius: .5em;
+	box-shadow: .5em .5em 1em rgba(0, 0, 0, 0.2);
+	overflow: hidden;
 }
 
 nav div {
-	width: min(90%, 50em);
+	width: 100%;
-	margin: auto;
+}
+
+[data-layout="wide"] nav {
+	width: 90%;
 }
 
 [data-layout="wide"] nav div {
 	width: 90%;
 }
 
+.menu-button {
+	display: none;
+	width: 100%;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	cursor: pointer;
+	margin: 1em 0;
+}
+
+.menu-button .inner {
+	display: flex;
+	flex-direction: column;
+}
+
+.menu-button .inner div {
+	display: block;
+	transition: .2s ease opacity, .2s ease transform, .2s ease width;
+	height: 3px;
+	width: 30px;
+	background-color: white;
+	border-radius: .1em;
+	margin: 3px 0;
+}
+
+#menu-trigger:checked + .menu-button .center {
+	width: 0;
+	transform: translateX(4px);
+}
+
+#menu-trigger:checked + .menu-button .upper {
+	transform: translateY(100%) translateY(6px) rotate(45deg);
+}
+
+#menu-trigger:checked + .menu-button .lower {
+	transform: translateY(-100%) translateY(-6px) rotate(-45deg);
+}
+
+#menu-trigger {
+	display: none;
+}
+
+@media only screen and (max-width: 50rem) {
+	.menu-button {
+		display: flex;
+	}
+
+	#menu-trigger ~ nav {
+		opacity: 0;
+	}
+
+	#menu-trigger:checked ~ nav {
+		opacity: 1;
+		height: 11.25em;
+	}
+
+	nav {
+		transition: .25s ease height, .25s ease opacity;
+		border-radius: 0;
+		width: 100%;
+		height: 0;
+		overflow: hidden;
+		margin-bottom: 0;
+	}
+
+	nav div {
+		width: 100% !important;
+	}
+}
+
 main {
 	flex-grow: 1;
 	padding: 16px;
@@ -263,7 +311,12 @@ footer {
 	border-top: 1px solid var(--sep-color);
 	color: gray;
 	padding: 1em;
-	text-align: center;
+	width: fit-content;
+	margin: 2em auto;
+	margin-top: 4em;
+	font-size: .9em;
+	word-spacing: 0em;
+	line-height: 1em;
 }
 
 footer>* {
@@ -271,11 +324,16 @@ footer>* {
 }
 
 h1 {
+	margin: 2em 0;
+	margin-top: 4em;
 	font-size: 1.5em;
+	font-weight: bold;
 }
 
 h2 {
 	font-size: 1.25em;
+	font-weight: bolder;
+	margin-top: 3em;
 }
 
 h3 {
@@ -283,6 +341,8 @@ h3 {
 }
 
 table {
+	margin: 2em auto;
+	margin-top: 4em;
 	border-spacing: 0;
 	border: 1px solid var(--sep-color);
 }
@@ -310,8 +370,10 @@ ol li {
 }
 
 figure img,svg,inserted-svg {
-	width: 100%;
+	display: block;
-	height: auto;
+	margin: 0 auto;
+	max-width: 100%;
+	max-height: 100vh;
 }
 
 figcaption {
@@ -319,8 +381,9 @@ figcaption {
 }
 
 .poster {
-	margin: 0 auto !important;
+	margin: 5em auto !important;
-	max-width: 50rem;
+	max-width: 40rem;
+	filter: drop-shadow(0 0 5em black);
 }
 
 nav ul {
@@ -337,7 +400,6 @@ nav ul {
 
 [data-layout="wide"] nav ul {
 	justify-content: left;
-	margin-left: -1em;
 }
 
 @media (width < 50rem) {
@@ -345,6 +407,10 @@ nav ul {
 		flex-direction: column;
 	}
 
+	nav ul {
+		margin-left: 0 !important;
+	}
+
 	nav ul li {
 		width: 100%;
 	}
@@ -415,3 +481,16 @@ nav ul li a:visited {
 		display: none;
 	}
 }
+
+.map {
+	display: block;
+	width: 90%;
+	margin: 0 auto;
+	margin-top: 4em;
+}
+
+.map-open {
+	display: block;
+	width: fit-content;
+	margin: 0 auto;
+}