wip: add meeting scrum jamboard

Makefile

@@ -1,6 +1,7 @@
-PAGES := index.html 404.html info.html javascript.html contact.html
+PAGES := index.html 404.html javascript.html contact.html
 SHARED_FILES := stallman.webp stallman_2024.webp favicon.ico \
 				poster_cz.webp poster_en.webp poster_cz.jpg poster_en.jpg \
+				word_cloud_cz.png word_cloud_en.png background.jpg \
 				moon.svg sun.svg narrow_light.svg narrow_dark.svg wide_light.svg wide_dark.svg lang_cz.svg lang_en.svg \
 				styles.css icons.css \
 				countdown.js theme.js lang.js \
@@ -52,6 +53,14 @@ 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/%.jpg: images/%.jpg
+	@mkdir -p $(@D)
+	ln -f $< $@
+
 dst/%.webp: images/%.jpg
 	@mkdir -p $(@D)
 	magick $< $@

components/cz/header.html

@@ -1,10 +1,9 @@
 <header>
 	<div>
-		<div class="header-title">Dr. Richard Stallman</div>
+		<div class="header-title">Dr Richard Stallman</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/en/header.html

@@ -4,7 +4,6 @@
 		<div class="header-subtitle">at the Technical University in 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>

doc/01_notes.md

@@ -13,13 +13,18 @@
 - 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...) -->
@@ -29,7 +34,7 @@
 - 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 -->
+- 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:

doc/02_notes.md

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

pages/cz/index.html

@@ -20,22 +20,22 @@
 				Michal Procházka
 				-->
 				<!-- Fakulta mechatroniky, informatiky a mezioborových studií Technické univerzity v Liberci -->
-				<b><a href="https://www.fm.tul.cz">FM TUL</a></b>
+				<b><a href="https://www.fm.tul.cz">Fakulta mechatroniky</a></b>
-				Vás zve na na přednášku o <b>svobodě</b> v digitální společnosti s <b>Richardem Stallmanem</b>.
+				Vás zve na na 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>
-				Zjistěte, jak si můžete <b>vzít zpět svou svobodu</b>.
+				Zjistěte, jak si můžete <b>vzít zpět svou digitální svobodu</b>.
 			</p>
 
 			<p>
-				Přednáška se bude konat <b>7. května 2025 od 16:30</b> v aule budovy G na Technické univerzitě v Liberci. Vstup&nbsp;bude <b>zcela zdarma</b>.
+				Přednáška se bude konat <b>7. května 2025 od 16:30</b> v aule budovy G na Technické univerzitě v Liberci.
 			</p>
 
 			<div class="countdown">--:--:--:--</div>
 
 			<figure class="poster">
-				<img src="../poster_cz.webp" alt="Plakát na přednášku s Richardem Stallmanem">
+				<img src="../word_cloud_cz.png" alt="Plakát na přednášku s Richardem Stallmanem">
 			</figure>
 
 			<h1>Kdo je Richard Stallman?</h1>
@@ -48,7 +48,7 @@
 			</a>
 
 			<p>
-				Dr. Richard Stallman v roce 1983 založil hnutí svobodného softwaru
+				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
@@ -69,7 +69,7 @@
 			</p>
 
 			<p>
-				Dr. Richard Stallman<br>
+				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>
@@ -99,10 +99,18 @@
 			</p>
 
 			<h1>FAQ</h1>
+			<div>
+				<h2>Pro koho je přednáška určená?</h2>
+				<p style="margin: 0 0 15px 15px;">
+					Přednáška je určená pro odbornou i širší veřejnost se zájmem o etické otázky v 
+					digitální společnosti.
+				</p>
+			</div>
+
 			<div>
 				<h2>Kolik je vstupné?</h2>
 				<p style="margin: 0 0 15px 15px;">
-					Vstup je zcela zdarma pro všechny.
+					Vstup je zdarma pro všechny.
 				</p>
 			</div>
 

pages/cz/javascript.html

@@ -15,7 +15,7 @@
 				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
+				Tato stránka Vám zajišťuje, že návštěva tohoto webu načítá pouze svobodný 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>

pages/en/index.html

@@ -18,13 +18,13 @@
 			</p>
 
 			<p>
-				The lecture will take place on the <b>7th of May 2025 from 16:30</b> in the auditorium of building G at the Technical university of Liberec. There will be <b>no admission fee</b>.
+				The lecture will take place on the <b>7th of May 2025 from 16:30</b> in the auditorium of building G at the Technical university of Liberec.
 			</p>
 
 			<div class="countdown">--:--:--:--</div>
 
 			<figure class="poster">
-				<img src="../poster_en.webp" alt="Poster for Richard Stallman's lecture">
+				<img src="../word_cloud_en.png" alt="Poster for Richard Stallman's lecture">
 			</figure>
 
 			<h1>Who is Richard Stallman?</h1>
@@ -103,7 +103,7 @@
 			<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.
+					The auditorium is located in building G at the Technical university of Liberec.
 					More precisely, its coordinates are <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 its location.</p>

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 {
@@ -122,6 +76,10 @@ html {
 }
 
 body {
+	background-image: url("background.jpg");
+	background-attachment: fixed;
+	background-size: cover;
+	background-position: center;
 	font-family: "Noto Sans", sans-serif;
 	font-size: 16px;
 	display: flex;
@@ -129,13 +87,13 @@ body {
 	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);
@@ -214,7 +172,7 @@ header * {
 .countdown {
 	font-family: monospace;
 	font-weight: bold;
-	font-size: 2.5em;
+	font-size: 2em;
 	text-align: center;
 	margin: 1em auto;
 	padding: 0 .5em;
@@ -225,7 +183,7 @@ header * {
 
 @media only screen and (min-width: 50rem) {
 	.countdown {
-		font-size: 4em;
+		font-size: 3em;
 	}
 }
 
@@ -277,6 +235,7 @@ footer>* {
 }
 
 h1 {
+	margin: 2em 0;
 	font-size: 1.5em;
 }
 
@@ -328,7 +287,7 @@ figcaption {
 
 .poster {
 	margin: 0 auto !important;
-	max-width: 50rem;
+	max-width: 40rem;
 }
 
 nav ul {