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

continue redesign

Browse Source
This commit is contained in:
Ondřej Mekina
2025-04-17 22:24:08 +02:00
parent 52fead55b6
commit 8d036a1a95
8 changed files with 99 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Makefile
View File

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

BIN
fonts/jetbrains_mono.ttf
View File

Binary file not shown.

BIN
fonts/jetbrains_mono.woff2 Normal file
View File

Binary file not shown.

46
pages/cz/index.html
View File

@@ -31,28 +31,28 @@
<h1>Kdo je Richard Stallman?</h1> <h1>Kdo je Richard Stallman?</h1>
<p> <p>
Dr Richard Stallman v roce 1983 založil hnutí svobodného softwaru Dr Richard Stallman v roce 1983 založil <b>hnutí svobodného softwaru</b>
a následující rok započal vývoj operačního systému GNU 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>). (vizte <a href="https://www.gnu.org">www.gnu.org</a>).
GNU je svobodný software, každý má možnost ho množit GNU je svobodný software, každý má možnost ho množit
a šířit dál, bez změn nebo i se změnami. 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>) <b>GNU/Linux</b> (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čů. se dnes využívá na <b>desítkách milionů osobních počítačů</b>.
</p> </p>
<p> <p>
Stallmanovi byla udělena <i>Cena Grace Hopperové</i> a <i>Cena Softwarových Systémů</i> Stallmanovi byla udělena <b>Cena Grace Hopperové</b> a <b>Cena Softwarových Systémů</b>
neziskovou organizací Association for Computing Machinery, neziskovou organizací Association for Computing Machinery,
<i>Cena za sociální/ekonomické zlepšení</i> organizací Takeda Foundation a <b>Cena za sociální/ekonomické zlepšení</b> organizací Takeda Foundation a
<i>Cena Electronic Frontier Foundation</i> a mnoho čestných doktorátů. <b>Cena Electronic Frontier Foundation</b> a mnoho čestných doktorátů.
Stallman je členem programu <i>MacArthur Fellowship</i> Stallman je členem programu <b>MacArthur Fellowship</b>
a je členem <i><a href="https://www.internethalloffame.org/">Síně slávy Internetu</a></i>. 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 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. <a href="https://stallman.org">osobní stránky</a>, kam pravidelně přidává nový obsah.
</p> </p>
<p> <p>
Dr Richard Stallman<br> Dr <b>Richard Stallman</b><br>
Zakladatel <a href="https://www.fsf.org/">Free Software Foundation</a><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> Zakladatel a vedoucí vývoje <a href="https://www.gnu.org/">operačního systému GNU</a>
</p> </p>
@@ -60,25 +60,25 @@
<h1>O přednášce</h1> <h1>O přednášce</h1>
<p> <p>
Přednáška se bude konat v anglickém jazyce s automaticky generovanými českými titulky. Přednáška se bude konat v <b>anglickém jazyce</b> s automaticky generovanými českými titulky.
</p> </p>
<p> <p>
Samotná přednáška pana Stallmana bude zhruba hodinu dlouhá. Samotná přednáška pana Stallmana bude <b>zhruba hodinu dlouhá</b>.
Bude zaměřena na etické otázky v oboru digitálních technologií. Bude zaměřena na etické otázky v oboru digitálních technologií.
Bude se rovněž týkat svobodného softwaru &ndash; Bude se rovněž týkat <b>svobodného softwaru</b> &ndash;
hnutí, které sám pan Stallman založil. hnutí, které sám pan Stallman založil.
Zaměří se na nebezpečí neustálého rozšiřování nesvobodného softwaru v naší digitální společnosti, Zaměří se na nebezpečí neustálého rozšiřování <b>nesvobodného softwaru</b> 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. jak nás jako uživatele <b>takový software omezuje</b> a jak proti němu můžeme pomocí svobodného softwaru bojovat.
</p> </p>
<p> <p>
Po přednášce bude následovat další zhruba hodinový blok s interaktivní diskuzí. Po přednášce bude následovat další zhruba <b>hodinový blok s interaktivní diskuzí</b>.
Pokud tedy máte na pana Stallmana dotazy blízké tématům přednášky, 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 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. psaní otázek na papírky, nebo je zadávat pomocí webové stránky.
Po diskuzi bude možné se s panem Stallmanem vyfotit, Po diskuzi bude možné se <b>s panem Stallmanem vyfotit</b>,
nechat si od něj podepsat upomínkové předměty nechat si od něj podepsat <b>upomínkové předměty</b>
či zakoupit předměty s tematikou operačního systému GNU či zakoupit <b>předměty s tematikou operačního systému GNU</b>
a Free Software Foundation. a <b>Free Software Foundation</b>.
</p> </p>
<h1>FAQ</h1> <h1>FAQ</h1>
@@ -111,8 +111,8 @@
Přesněji řečeno, její souřadnice jsou <a href="geo:50.773395,15.076628?z=19">50.773395,15.076628</a>. 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>
<p style="margin: 0 0 15px 15px;">A níže je mapa s její lokací.</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/> <iframe class="map" 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> <small><a class="map-open" 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> </div>
</main> </main>
<script src="../countdown.js"></script> <script src="../countdown.js"></script>

6
pages/cz/javascript.html
View File

@@ -12,11 +12,11 @@
<h1>Použitý JavaScript na tomto webu</h1> <h1>Použitý JavaScript na tomto webu</h1>
<p> <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>
<p> <p>
Tato stránka Vám zajišťuje, že návštěva tohoto webu načítá pouze svobodný 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>
<p>Zkontrolujte si prosím níže uvedené skripty a jejich licence.</p> <p>Zkontrolujte si prosím níže uvedené skripty a jejich licence.</p>

40
pages/en/index.html
View File

@@ -30,24 +30,24 @@
<h1>Who is Richard Stallman?</h1> <h1>Who is Richard Stallman?</h1>
<p> <p>
Dr Richard Stallman launched the free software movement in 1983 and Dr Richard Stallman launched the <b>free software movement</b> in 1983 and
started the development of the GNU operating system started the development of the <b>GNU operating system</b>
(see <a href="https://www.gnu.org">www.gnu.org</a>) in 1984. (see <a href="https://www.gnu.org">www.gnu.org</a>) in 1984.
GNU is free software: everyone has the freedom to copy it GNU is free software: everyone has the freedom to copy it
and redistribute it, with or without changes. The GNU/Linux system, 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> 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. as the kernel, is used on <b>tens of millions of computers today</b>.
</p> </p>
<p> <p>
Stallman has received the ACM Grace Stallman has received the <b>ACM Grace
Hopper Award and the ACM Software and Systems Award, a MacArthur Hopper Award</b> and the <b>ACM Software and Systems Award</b>, a <b>MacArthur
Foundation fellowship, the Electronic Frontier Foundation's Pioneer Foundation fellowship</b>, the <b>Electronic Frontier Foundation's Pioneer
Award, and the the Takeda Award for Social/Economic Betterment, as 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 well as many doctorates honoris causa, and has been inducted into the
<a href="https://www.internethalloffame.org/">Internet Hall of Fame</a>. <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 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. <a href="https://stallman.org">personal website</a>, where he regularly adds new content.
</p> </p>
<p> <p>
@@ -59,25 +59,25 @@
<h1>About the lecture</h1> <h1>About the lecture</h1>
<p> <p>
The lecture will be held in English with automatically generated Czech subtitles. The lecture will be held <b>in English</b> with automatically generated Czech subtitles.
</p> </p>
<p> <p>
Mr Stallman's actual lecture will be about an hour in length. Mr Stallman's actual lecture will be about an <b>hour in length</b>.
Its main focus will be ethical issues in the field of digital technology. Its main focus will be ethical issues in the field of digital technology.
It will also cover free software &ndash; It will also cover <b>free software</b> &ndash;
a movement that Mr. Stallman himself founded. a movement that Mr. Stallman himself founded.
It will focus on the dangers of the constant proliferation of non-free software in our digital society, It will focus on the dangers of the constant proliferation of <b>non-free software</b> in our digital society,
how such software limits us as users, and how we can fight against it with free software. how such software <b>limits us as users</b>, and how we can fight against it with free software.
</p> </p>
<p> <p>
An intractive Q&amp;A session will follow after the lecture, also being about an hour An <b>intractive Q&amp;A</b> session will follow after the lecture, also being <b>about an hour</b>
in length. If you have questions for Mr. Stallman related to the lecture in length. If you have questions for Mr. Stallman related to the lecture
topics, we would recommend to prepare them in advance. topics, we would recommend to prepare them in advance.
Questions can be submitted either on paper or through a dedicated website. Questions can be submitted either on paper or through a dedicated website.
Following the discussion, attendees will have the opportunity to Following the discussion, attendees will have the opportunity to
take photographs with Mr. Stallman, <b>take photographs with Mr. Stallman</b>,
have memorabilia signed or purchase items related to the have <b>memorabilia signed</b> or <b>purchase items related to the
GNU operating system or the Free Software Foundation. GNU operating system</b> or the <b>Free Software Foundation</b>.
</p> </p>
<h1>FAQ</h1> <h1>FAQ</h1>
@@ -107,8 +107,8 @@
More precisely, its coordinates are <a href="geo:50.773395,15.076628?z=19">50.773395,15.076628</a>. More precisely, its coordinates are <a href="geo:50.773395,15.076628?z=19">50.773395,15.076628</a>.
</p> </p>
<p style="margin: 0 0 15px 15px;">And below is a map with its location.</p> <p style="margin: 0 0 15px 15px;">And below is a map with its 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/> <iframe class="map" 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> <small><a class="map-open" 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> </div>
</main> </main>
<script src="../countdown.js"></script> <script src="../countdown.js"></script>

6
pages/en/javascript.html
View File

@@ -12,12 +12,12 @@
<h1>JavaScript used on this website</h1> <h1>JavaScript used on this website</h1>
<p> <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>
<p> <p>
This page insures that visiting any page of this website only loads 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>
<p>Please verify the following scripts and their licences.</p> <p>Please verify the following scripts and their licences.</p>

57
styles/styles.css
View File

@@ -65,8 +65,8 @@
} }
@font-face { @font-face {
font-family: jetbrains_mono; font-family: JetBrains Mono;
src: url("jetbrains_mono.ttf"); src: url("jetbrains_mono.woff2") format("woff2");
} }
html { html {
@@ -80,7 +80,8 @@ body {
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
font-family: "Noto Sans", sans-serif; font-family: JetBrains Mono, "Noto Sans", sans-serif;
font-weight: lighter;
font-size: 16px; font-size: 16px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -130,6 +131,7 @@ header .buttons {
a { a {
color: var(--link-idle-color); color: var(--link-idle-color);
text-decoration: none;
} }
header * { header * {
@@ -176,7 +178,7 @@ header * {
text-align: center; text-align: center;
margin: 1em auto; margin: 1em auto;
padding: 0 .5em; padding: 0 .5em;
font-family: jetbrains_mono, monospace; font-family: JetBrains Mono, monospace;
width: fit-content; width: fit-content;
font-weight: bold; font-weight: bold;
} }
@@ -188,14 +190,24 @@ header * {
} }
nav { nav {
background-color: var(--nav-bg-color);
color: var(--nav-fg-color); color: var(--nav-fg-color);
background-color: var(--nav-bg-color);
user-select: none; 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 { nav div {
width: min(90%, 50em); width: 100%;
margin: auto; }
[data-layout="wide"] nav {
width: 90%;
} }
[data-layout="wide"] nav div { [data-layout="wide"] nav div {
@@ -203,6 +215,11 @@ nav div {
} }
@media only screen and (max-width: 50rem) { @media only screen and (max-width: 50rem) {
nav {
border-radius: 0;
width: 100%;
}
nav div { nav div {
width: 100% !important; width: 100% !important;
} }
@@ -227,7 +244,10 @@ footer {
border-top: 1px solid var(--sep-color); border-top: 1px solid var(--sep-color);
color: gray; color: gray;
padding: 1em; padding: 1em;
text-align: center; width: fit-content;
margin: 2em auto;
margin-top: 4em;
font-size: .8em;
} }
footer>* { footer>* {
@@ -236,11 +256,15 @@ footer>* {
h1 { h1 {
margin: 2em 0; margin: 2em 0;
margin-top: 4em;
font-size: 1.5em; font-size: 1.5em;
font-weight: bold;
} }
h2 { h2 {
font-size: 1.25em; font-size: 1.25em;
font-weight: bolder;
margin-top: 3em;
} }
h3 { h3 {
@@ -248,6 +272,8 @@ h3 {
} }
table { table {
margin: 2em auto;
margin-top: 4em;
border-spacing: 0; border-spacing: 0;
border: 1px solid var(--sep-color); border: 1px solid var(--sep-color);
} }
@@ -288,6 +314,7 @@ figcaption {
.poster { .poster {
margin: 0 auto !important; margin: 0 auto !important;
max-width: 40rem; max-width: 40rem;
filter: drop-shadow(0 0 5em black);
} }
nav ul { nav ul {
@@ -304,7 +331,6 @@ nav ul {
[data-layout="wide"] nav ul { [data-layout="wide"] nav ul {
justify-content: left; justify-content: left;
margin-left: -1em;
} }
@media (width < 50rem) { @media (width < 50rem) {
@@ -386,3 +412,16 @@ nav ul li a:visited {
display: none; display: none;
} }
} }
.map {
display: block;
width: 90%;
margin: 0 auto;
margin-top: 4em;
}
.map-open {
display: block;
width: fit-content;
margin: 0 auto;
}