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/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,8 +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="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 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 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,8 +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="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

@@ -1,8 +1,8 @@
-# Obecné
+<!-- # Obecné -->
-- Je to Přednáška
+<!-- - Je to Přednáška -->
-    - Skládá se z prezentace a interaktivní diskuze
+    <!-- - Skládá se z prezentace a interaktivní diskuze -->
-- Délka: 1h vystoupení Richarda Stallmana + 1h interaktivní diskuze
+<!-- - Délka: 1h vystoupení Richarda Stallmana + 1h interaktivní diskuze -->
-- `přibližně dvouhodinový blok`
+<!-- - `přibližně dvouhodinový blok` -->
 
 # Plakát
 - Logo TUL pryč
@@ -13,24 +13,29 @@
 - 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
+<!-- Úvod nad ~~plakátem~~ fotkou s word cloudem -->
-- Odpočet dole (pod textem, nad fotkou)
+<!-- 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...)
+<!-- - Úvod (fakulta mechatroniky Vás zve...) -->
-- Kde, kdy, v kolik
+<!-- - Kde, kdy, v kolik -->
-- 16:30
+<!-- - 16:30 -->
-- 2025 psát všude!!
+<!-- - 2025 psát všude!! -->
 - Design plakátu (hlavně **obrázek Stallmana, word cloud**)
-- Hodiny pod text (před fotku)
+<!-- - Hodiny pod text (před fotku) -->
-- Nad hodinama "Vstup zdarma"
+<!-- - 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)
+<!-- - Obsah přednášky (co po přednášce - fotky, suvenýry) -->
 
 Sekce indexu:
 1. Header, menu

doc/02_notes.md

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

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,111 +9,48 @@
 		<!--#include virtual="components/header.html" -->
 		<!--#include virtual="components/nav.html" -->
 		<main>
-			<div class="countdown">--:--:--:--</div>
-
-			<figure class="poster">
-				<img src="../poster_cz.webp" alt="Plakát na přednášku s Richardem Stallmanem">
-			</figure>
-
 			<p>
-				Přednáška se bude konat <b>7. května od 16:30 do 19:30</b> v aule budovy G na Technické univerzitě v Liberci.
+				<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>
-				Přednáška pana Richarda Stallmana se bude týkat svobodného softwaru &ndash;
+				Nahrávku přednášky si můžete zobrazit <b><a href="/tul_stallman_talk.mkv">zde</a></b>.
-				hnutí, které sám pan Stallman v roce 1983 založil.
-				Zaměří se na nebezpečí neustálého 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 přednáška 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 přednáška
-				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>
 
 			<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
+				Dr Richard Stallman v roce 1983 založil <b>hnutí svobodného softwaru</b>
-				na pana Stallmana dotazy blízké tématům přednášky, určitě si je předem rozmyslete. K dispozici bude možnost
+				a následující rok započal vývoj <b>operačního systému GNU</b>
-				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.
+				(vizte <a href="https://www.gnu.org">www.gnu.org</a>).
-			</p>
+				GNU je svobodný software, každý má možnost ho množit
-			<p>
+				a šířit dál, bez změn nebo i se změnami.
-				Na přednášku 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.
+				<b>GNU/Linux</b> (operační systém GNU s jádrem <a href="https://kernel.org/">Linux</a>)
-				S sebou nepotřebujete asi nic kromě případně předvymyšlených otázek a nějakého pití.
+				se dnes využívá na <b>desítkách milionů osobních počítačů</b>.
-				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>
+			<p>
-			<div>
+				Stallmanovi byla udělena <b>Cena Grace Hopperové</b> a <b>Cena Softwarových Systémů</b>
-				<h2>Kolik je vstupné?</h2>
+				neziskovou organizací Association for Computing Machinery,
-				<p style="margin: 0 0 15px 15px;">
+				<b>Cena za sociální/ekonomické zlepšení</b> organizací Takeda Foundation a
-					Vstup je zcela zadarmo pro všechny.
+				<b>Cena Electronic Frontier Foundation</b> a mnoho čestných doktorátů.
-				</p>
+				Stallman je členem programu <b>MacArthur Fellowship</b>
-			</div>
+				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>
 
-			<div>
+			<p>
-				<h2>Mohu na přednášku přijít s kamarádem/známým/rodinou?</h2>
+				Dr <b>Richard Stallman</b><br>
-				<p style="margin: 0 0 15px 15px;">
+				Zakladatel <a href="https://www.fsf.org/">Free Software Foundation</a><br>
-					Ano, přednáška je otevřená pro všechny ty, kteří mají zájem, nejenom členy Technické univerzity. 
+				Zakladatel a vedoucí vývoje <a href="https://www.gnu.org/">operačního systému GNU</a>
-				</p>
+			</p>
-			</div>
 			
-			<div>
+			<figure class="poster">
-				<h2>Jak najdu aulu, ve které bude probíhat přednáška?</h2>
+				<img src="../word_cloud_cz.png" alt="Plakát na přednášku s Richardem Stallmanem">
-				<p style="margin: 0 0 15px 15px;">
+			</figure>
-					Aula se nachází v budově G na Technické univerzitě v Liberci.
-					Přesněji řečeno, její souřadnice jsou <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 její 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>
-		<script src="../countdown.js"></script>
 		<!--#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>
 			

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,110 +9,48 @@
 		<!--#include virtual="components/header.html" -->
 		<!--#include virtual="components/nav.html" -->
 		<main>
-			<div class="countdown">--:--:--:--</div>
-
-			<figure class="poster">
-				<img src="../poster_en.webp" alt="Poster for Richard Stallman's lecture">
-			</figure>
-
 			<p>
-				The lecture 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.
+				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>
-				The lecture by Mr. Richard Stallman will be focused on free software &ndash;
+				You may watch a recording of the lecture <b><a href="/tul_stallman_talk.mkv">here</a></b>.
-				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 lecture 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 lecture
-				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>
 
 			<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 lecture will consist of a two-hour presentation followed by an interactive Q&amp;A session.
+				Dr Richard Stallman launched the <b>free software movement</b> in 1983 and
-				If you have questions for Mr. Stallman related to the lecture topics, please prepare them in advance.
+				started the development of the <b>GNU operating system</b>
-				Questions can be submitted either on paper or through a dedicated website.
+				(see <a href="https://www.gnu.org">www.gnu.org</a>) in 1984.
-				Following the discussion, attendees will have the opportunity to take photographs with Mr. Stallman and have memorabilia signed.
+				GNU is free software: everyone has the freedom to copy it
-			</p>
+				and redistribute it, with or without changes. The <b>GNU/Linux</b> system,
-			<p>
+				basically the GNU operating system with <a href="https://kernel.org/">Linux</a>
-				We recommend arriving a bit early, as the auditorium will be open at least 15 minutes before the beginning of the lecture.
+				as the kernel, is used on <b>tens of millions of computers today</b>.
-				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>
+			<p>
-			<div>
+				Stallman has received the <b>ACM Grace
-				<h2>What is the admission fee?</h2>
+				Hopper Award</b> and the <b>ACM Software and Systems Award</b>, a <b>MacArthur
-				<p style="margin: 0 0 15px 15px;">
+				Foundation fellowship</b>, the <b>Electronic Frontier Foundation's Pioneer
-					Admission is completely free for everyone.
+				Award</b>, and the the <b>Takeda Award for Social/Economic Betterment</b>, as
-				</p>
+				well as many doctorates honoris causa, and has been inducted into the
-			</div>
+				<a href="https://www.internethalloffame.org/">Internet Hall of Fame</a>.
-			<div>
+				If you are also interested in his other projects or ideas, you can visit his
-				<h2>Can I come to the lecture with a friend/acquaintance/family?</h2>
+				<a href="https://stallman.org">personal website</a>, where he regularly adds new content.
-				<p style="margin: 0 0 15px 15px;">
+			</p>
-					Yes, the lecture is open to all those who are interested, not just members of the Technical university.
+
-				</p>
+			<p>
-			</div>
+				Dr Richard Stallman<br>
-			<div>
+				Founder of the <a href="https://www.fsf.org/">Free Software Foundation</a><br>
-				<h2>How do I find the auditorium where the lecture will take place?</h2>
+				Founder and development leader of the <a href="https://www.gnu.org/">GNU operating system</a>
-				<p style="margin: 0 0 15px 15px;">
+			</p>
-					The auditorium is located in building G at the Technical university in Liberec.
+
-					More precisely, its coordinates are <a href="geo:50.773395,15.076628?z=19">50.773395,15.076628</a>.
+			<figure class="poster">
-				</p>
+				<img src="../word_cloud_en.png" alt="Poster for Richard Stallman's lecture">
-				<p style="margin: 0 0 15px 15px;">And below is a map with its location.</p>
+			</figure>
-				<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>
-		<script src="../countdown.js"></script>
 		<!--#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>

photos/people/.gitignore

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

photos/talk/.gitignore

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

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,76 +17,38 @@
 	--text-subtle-color: gray;
 }
 
-@media (prefers-color-scheme: light) {
+:root {
-	:root {
+	--fg-color: var(--dark-fg-color);
-		--fg-color: var(--light-fg-color);
+	--bg-color: var(--dark-bg-color);
-		--bg-color: var(--light-bg-color);
+	--alt-bg-color: var(--dark-alt-bg-color);
-		--alt-bg-color: var(--light-alt-bg-color);
+	--field-hover-bg-color: var(--dark-field-hover-bg-color);
-		--field-hover-bg-color: var(--light-field-hover-bg-color);
+	--field-active-bg-color: var(--dark-field-active-bg-color);
-		--field-active-bg-color: var(--light-field-active-bg-color);
+	--link-idle-color: var(--dark-link-idle-color);
-		--link-idle-color: var(--light-link-idle-color);
 
-		--theme-switch-icon: var(--light-theme-switch-icon);
+	--theme-switch-icon: var(--dark-theme-switch-icon);
-		--narrow-layout-switch-icon: var(--light-narrow-layout-switch-icon);
+	--narrow-layout-switch-icon: var(--dark-narrow-layout-switch-icon);
-		--wide-layout-switch-icon: var(--light-wide-layout-switch-icon);
+	--wide-layout-switch-icon: var(--dark-wide-layout-switch-icon);
-		--fg-gnu-head: var(--dark-gnu-head);
+	--fg-gnu-head: var(--light-gnu-head);
-		--bg-gnu-head: var(--light-gnu-head);
+	--bg-gnu-head: var(--dark-gnu-head);
 
-		--sep-color: var(--light-sep-color);
+	--sep-color: var(--dark-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) {
+[data-color-scheme="invert"] {
-	:root {
+	--fg-color: var(--light-fg-color);
-		--fg-color: var(--dark-fg-color);
+	--bg-color: var(--light-bg-color);
-		--bg-color: var(--dark-bg-color);
+	--alt-bg-color: var(--light-alt-bg-color);
-		--alt-bg-color: var(--dark-alt-bg-color);
+	--field-hover-bg-color: var(--light-field-hover-bg-color);
-		--field-hover-bg-color: var(--dark-field-hover-bg-color);
+	--field-active-bg-color: var(--light-field-active-bg-color);
-		--field-active-bg-color: var(--dark-field-active-bg-color);
+	--link-idle-color: var(--light-link-idle-color);
-		--link-idle-color: var(--dark-link-idle-color);
 
-		--theme-switch-icon: var(--dark-theme-switch-icon);
+	--theme-switch-icon: var(--light-theme-switch-icon);
-		--narrow-layout-switch-icon: var(--dark-narrow-layout-switch-icon);
+	--narrow-layout-switch-icon: var(--light-narrow-layout-switch-icon);
-		--wide-layout-switch-icon: var(--dark-wide-layout-switch-icon);
+	--wide-layout-switch-icon: var(--light-wide-layout-switch-icon);
-		--fg-gnu-head: var(--light-gnu-head);
+	--fg-gnu-head: var(--dark-gnu-head);
-		--bg-gnu-head: var(--dark-gnu-head);
+	--bg-gnu-head: var(--light-gnu-head);
 
-		--sep-color: var(--dark-sep-color);
+	--sep-color: var(--light-sep-color);
-	}
-	
-	[data-color-scheme="invert"] {
-		--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);
-	}
 }
 
 :root {
@@ -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,37 +182,111 @@ 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;
 	}
@@ -269,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>* {
@@ -277,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 {
@@ -289,6 +341,8 @@ h3 {
 }
 
 table {
+	margin: 2em auto;
+	margin-top: 4em;
 	border-spacing: 0;
 	border: 1px solid var(--sep-color);
 }
@@ -327,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 {
@@ -345,7 +400,6 @@ nav ul {
 
 [data-layout="wide"] nav ul {
 	justify-content: left;
-	margin-left: -1em;
 }
 
 @media (width < 50rem) {
@@ -427,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;
+}