mirror of
https://codeberg.org/Kankys/musicCalendar.git
synced 2026-06-01 07:25:42 +00:00
refactor code
This commit is contained in:
+158
-92
@@ -1,96 +1,162 @@
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="cs">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>GDPR | Nikoho nezajímáš</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<style>
|
||||
/* Specifické styly pro textovou stránku */
|
||||
.gdpr-container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
background: white;
|
||||
padding: 40px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
|
||||
line-height: 1.6;
|
||||
}
|
||||
.gdpr-container h1 {
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
color: #d32f2f; /* Trochu agresivní červená */
|
||||
font-size: 2.5em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.subtitle {
|
||||
text-align: center;
|
||||
color: #666;
|
||||
font-style: italic;
|
||||
margin-bottom: 40px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.gdpr-section {
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.gdpr-section:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
h3 {
|
||||
color: #222;
|
||||
font-weight: 900; /* Extra tučné */
|
||||
}
|
||||
.back-btn {
|
||||
display: block;
|
||||
width: fit-content;
|
||||
margin: 40px auto 0;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>GDPR | Nikoho nezajímáš</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<style>
|
||||
/* Specifické styly pro textovou stránku */
|
||||
.gdpr-container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
background: rgba(12, 12, 12, 0.92);
|
||||
color: #e0e0e0;
|
||||
padding: 40px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #8b0000;
|
||||
box-shadow:
|
||||
0 0 20px rgba(180, 0, 0, 0.3),
|
||||
0 4px 30px rgba(0, 0, 0, 0.8);
|
||||
line-height: 1.6;
|
||||
}
|
||||
.gdpr-container h1 {
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
color: #ff3333;
|
||||
font-size: 2.5em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.gdpr-container p {
|
||||
color: #b0b0b0;
|
||||
}
|
||||
.gdpr-container strong {
|
||||
color: #e0e0e0;
|
||||
}
|
||||
.gdpr-container em {
|
||||
color: #999999;
|
||||
}
|
||||
.subtitle {
|
||||
text-align: center;
|
||||
color: #aaaaaa;
|
||||
font-style: italic;
|
||||
margin-bottom: 40px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.gdpr-section {
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid #2a2a2a;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.gdpr-section:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
h3 {
|
||||
color: #e0e0e0;
|
||||
font-weight: 900;
|
||||
}
|
||||
.back-btn {
|
||||
display: block;
|
||||
width: fit-content;
|
||||
margin: 40px auto 0;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="gdpr-container">
|
||||
<h1>GDPR & Soukromí</h1>
|
||||
<p class="subtitle">
|
||||
Aneb: "We don't care about your data, we care about the music."
|
||||
</p>
|
||||
|
||||
<div class="gdpr-container">
|
||||
<h1>GDPR & Soukromí</h1>
|
||||
<p class="subtitle">Aneb: "We don't care about your data, we care about the music."</p>
|
||||
<div class="gdpr-section">
|
||||
<h3>1. Kdo jsem?</h3>
|
||||
<p>
|
||||
Jsem Lukáš. Mám rád hudbu, kódování a klid. Nejsem korporát,
|
||||
nemám právní oddělení a nemám zájem tě špehovat. Mark
|
||||
Zuckerberg o tobě ví všechno, já nevím nic. A tak to
|
||||
zůstane.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="gdpr-section">
|
||||
<h3>1. Kdo jsem?</h3>
|
||||
<p>Jsem Lukáš. Mám rád hudbu, kódování a klid. Nejsem korporát, nemám právní oddělení a nemám zájem tě špehovat. Mark Zuckerberg o tobě ví všechno, já nevím nic. A tak to zůstane.</p>
|
||||
<div class="gdpr-section">
|
||||
<h3>2. Sbírám Cookies?</h3>
|
||||
<p>
|
||||
<strong>Ne.</strong> Jediné cookies, které mě zajímají, jsou
|
||||
ty čokoládové, co jsem snědl, když jsem tuhle stránku
|
||||
programoval ve tři ráno. Limp Bizkit sice zpívali "Do it all
|
||||
for the Nookie", ale nedělám to pro Cookie.
|
||||
</p>
|
||||
<p>
|
||||
Tato stránka nepoužívá Google Analytics, Facebook Pixel.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="gdpr-section">
|
||||
<h3>3. Co o tobě vím?</h3>
|
||||
<p>Vlastně nic. Tato aplikace běží ve tvém prohlížeči.</p>
|
||||
<p>
|
||||
<em>Technická vsuvka pro rýpaly:</em> Web běží na mé VPS sídlící u spolku VPSfree. Hostingové servery si ze zákona a z
|
||||
bezpečnostních důvodů mohou ukládat do logů tvoji IP adresu,
|
||||
aby věděly, kam tu stránku poslat, ale to já nedělám. Já ty logy nečtu. Je v
|
||||
nich nuda. Maximalně občas kouknu do analitických nástrojů,
|
||||
abych mohl zjistit, kolik návštěch mám či z jakého zařízení (ale co s toho o tobě vyčtu nic).
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="gdpr-section">
|
||||
<h3>4. Spotify, Tidal a ti druzí</h3>
|
||||
<p>
|
||||
Na webu jsou tlačítka, která vedou na Spotify, Tidal.
|
||||
Jakmile na ně klikneš a odejdeš z mého webu, jsi v jejich
|
||||
teritoriu.
|
||||
</p>
|
||||
<p>
|
||||
Oni už data sbírají. Vědí, že tajně posloucháš Britney
|
||||
Spears, i když tvrdíš, že jsi drsňák. To už je mezi tebou a
|
||||
jimi. Já za to nemůžu.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="gdpr-section">
|
||||
<h3>5. Kontakt</h3>
|
||||
<p>
|
||||
Pokud máš pocit, že jsem narušil tvou auru nebo máš dotaz:
|
||||
</p>
|
||||
<p>
|
||||
📧 Napiš mi.
|
||||
<a
|
||||
href="https://lukaskanka.cz/index/about/index.html"
|
||||
target="_blank"
|
||||
class="links"
|
||||
>Kontakt</a
|
||||
>
|
||||
najdeš na mém hlavním
|
||||
<a
|
||||
href="https://lukaskanka.cz/index/about/index.html"
|
||||
target="_blank"
|
||||
class="links"
|
||||
>webu</a
|
||||
>. Nebo na
|
||||
<a
|
||||
href="https://bsky.app/profile/kankys.bsky.social"
|
||||
target="_blank"
|
||||
class="links"
|
||||
>Bluesky</a
|
||||
>. Nebo si prostě pusť Nirvanu a neřeš to.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="back-btn">
|
||||
<a
|
||||
href="index.html"
|
||||
class="btn-main"
|
||||
style="text-decoration: none"
|
||||
>🎸 Zpět na hudbu</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="gdpr-section">
|
||||
<h3>2. Sbírám Cookies?</h3>
|
||||
<p><strong>Ne.</strong> Jediné cookies, které mě zajímají, jsou ty čokoládové, co jsem snědl, když jsem tuhle stránku programoval ve tři ráno. Limp Bizkit sice zpívali "Do it all for the Nookie", ale nedělám to pro Cookie.</p>
|
||||
<p>Tato stránka nepoužívá Google Analytics, Facebook Pixel, ani žádné jiné šmírovací nástroje. </p>
|
||||
</div>
|
||||
|
||||
<div class="gdpr-section">
|
||||
<h3>3. Co o tobě vím?</h3>
|
||||
<p>Vlastně nic. Tato aplikace běží ve tvém prohlížeči. </p>
|
||||
<p><em>Technická vsuvka pro rýpaly:</em> Web běží na běžném hostingu (Lukan.cz). Hostingové servery si ze zákona a z bezpečnostních důvodů mohou ukládat do logů tvoji IP adresu, aby věděly, kam tu stránku poslat. Já ty logy nečtu. Je v nich nuda.</p>
|
||||
</div>
|
||||
|
||||
<div class="gdpr-section">
|
||||
<h3>4. Spotify, Tidal a ti druzí</h3>
|
||||
<p>Na webu jsou tlačítka, která vedou na Spotify, Tidal. Jakmile na ně klikneš a odejdeš z mého webu, jsi v jejich teritoriu. </p>
|
||||
<p>Oni už data sbírají. Vědí, že tajně posloucháš Britney Spears, i když tvrdíš, že jsi drsňák. To už je mezi tebou a jimi. Já za to nemůžu.</p>
|
||||
</div>
|
||||
|
||||
<div class="gdpr-section">
|
||||
<h3>5. Kontakt</h3>
|
||||
<p>Pokud máš pocit, že jsem narušil tvou auru nebo máš dotaz:</p>
|
||||
<p>📧 Napiš mi. <a href="https://lukaskanka.cz/index/about/index.html" target="_blank" class="links">Kontakt</a> najdeš na mém hlavním <a href="https://lukaskanka.cz/index/about/index.html" target="_blank" class="links">webu</a>. Nebo na <a href="https://bsky.app/profile/kankys.bsky.social" target="_blank" class="links">Bluesky</a>. Nebo si prostě pusť Nirvanu a neřeš to.</p>
|
||||
</div>
|
||||
|
||||
<div class="back-btn">
|
||||
<a href="index.html" class="btn-main" style="text-decoration: none;">🎸 Zpět na hudbu</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user