kankys/musicCalendar
1
0
Fork 0
mirror of https://codeberg.org/Kankys/musicCalendar.git synced 2026-07-04 08:19:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: kankys/musicCalendar:154d6bffbc250a06a546a10d7e822e82c6dd178d
Branches Tags
kankys/musicCalendar:main
...
compare: kankys/musicCalendar:main
Branches Tags
kankys/musicCalendar:main

8 Commits
154d6bffbc ... main

Author SHA1 Message Date
kankys c815d8ca86 Full app 2026-06-17 15:09:07 +02:00
kankys 4c3953456a oprava uvozovek 2026-05-24 19:13:44 +02:00
kankys 213366dd36 doplnění dnů 2026-05-22 08:39:17 +02:00
kankys 6e4a0c2d3c Update music data 2026-05-20 21:39:25 +02:00
kankys fd5deb20e7 Delete vyzva 2026-05-16 14:36:00 +02:00
kankys d72e7db358 refactor code 2026-05-15 21:41:00 +02:00
kankys e2e498d2e3 Sloučení testu 2026-05-14 20:18:29 +02:00
kankys 79ddfd4f3d Sloučení testu a webu 2026-05-14 20:18:08 +02:00
27 changed files with 1667 additions and 607 deletions
Expand all files Collapse all files
README.md
-8
View File
@@ -1,8 +0,0 @@
# 💿 Každý den jedno album. 🎸 Zažíj numetal a grunge každý den.
## 💪 Zvládneš tuto výzvu v roce 2026?
## 🤟 Ukaž že na to máš .
Odkaz na [výzvu](https://music.lukan.cz)
Do konce roku jedeme v testovacím režimu, od 1.1.2026 začínáme na ostro.
about.html
-217
View File
@@ -1,217 +0,0 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>O projektu a další žvásty</title>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://music.lukan.cz/" />
<meta property="og:title" content="Hudební Výzva 2026: Grunge & Nu-Metal" />
<meta
property="og:description"
content="Každý den jedno zásadní album. Zvládneš to se mnou? 365 dní, 365 desek."
/>
<meta
property="og:image"
content="https://music.lukan.cz/img/vyzva-EDIT.jpg"
/>
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content="Hudební Výzva 2026: Grunge & Nu-Metal"
/>
<meta
name="twitter:description"
content="Každý den jedno zásadní album. Přidej se!"
/>
<meta
name="twitter:image"
content="https://music.lukan.cz/img/vyzva-EDIT.jpg"
/>
<meta
name="Hudební kalendář"
content="Každý den jedno album. Zažíj numetal a grunge každý den."
/>
<link rel="stylesheet" href="styleabout.css" />
<link rel="shortcut icon" href="img/electric-guitar_12494348.png" />
<link rel="stylesheet" href="style.css" />
<style>
/* Specifické styly pro textovou stránku */
.about-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;
}
.about-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;
}
.about-section {
margin-bottom: 30px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.about-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;
}
footer {
text-align: center;
}
</style>
</head>
<body>
<div class="about-container">
<h1>🎸 Zažij numetal a grunge každý den, po celý rok. 💿</h1>
<p class="subtitle">
<strong
>💿 Každý den jedno album. 💪 Zvládneš tuto výzvu v roce 2026? 🤟 Ukaž
že na to máš.</strong
>
</p>
<div class="about-section">
<h3>O projektu</h3>
<p>
Všimli jste si, jak nás algoritmy Spotify a dalších hudebních stream
služeb neustále točí v kruhu? Nabízejí nám pořád to samé, co už známe.
Řekl jsem si to není pro mne. Chtěl jsem se vrátit k poslechu – od
první do poslední skladby. A tak vznikl můj projekt: Hudební výzva
2026.
</p>
<br />
<p>
Každý den jedno album. To nejšpinavější a nejupřímnější, co hudba za
posledních 30 let nabídla: Grunge a Nu-Metal.
</p>
<p>
Mnoho lidí tyto dva žánry odděluje. Grunge je pro ně "ta stará hudba v
kostkovaných košilích" a Nu-Metal jsou "ti týpci v kšiltovkách a
širokých kalhotách". Ale když se zaposloucháte pozorně, zjistíte, že
jsou to pokrevní bratři.
</p>
<br />
<p>
Když Seattle zhasnul světla Grunge (Nirvana, Soundgarden, Pearl Jam)
na začátku 90. let smetl nablýskaný rock. Byla to hudba deště, deprese
a reality. Žádná póza, jen syrová emoce a kytary, které zněly jako by
je někdo tahal bahnem.
</p>
<p>
Jenže v polovině 90. let grunge s smrtí Kurta Cobaina a rozpadem scény
utichl. Vzniklo ticho. A v tom tichu se začalo rodit něco nového,
agresivnějšího.
</p>
<br />
<p>
Nástup Nu-Metalu: Vzteklý mladší brácha Zatímco grunge byl o smutku a
apatii, Nu-Metal (Korn, Linkin Park, Limp Bizkit, Slipknot) byl o
čistém vzteku. Vzali ty podladěné, těžké kytary z grunge, ale místo
pomalého tempa přidali rytmiku hip-hopu a elektroniku.
</p>
<p>
Kytarista Alice in Chains Jerry Cantrell nebo soundgardenovský Kim
Thayil položili základy pro zvuk, který později kapely jako Korn
dotáhly do extrému sedmistrunnými kytarami.
</p>
<br />
<p>
Ta energie je nenahraditelná. V dnešní době vyžehleného popu chybí ta
lidská nedokonalost a dravost.
</p>
<br />
<p>
Vytvořil jsem jednoduchou webovou aplikaci, která mi (a teď i vám)
každý den servíruje jedno zásadní album z této éry. Někdy je to
depresivní grungeová balada, jindy agresivní nu-metalová smršť.
</p>
<br />
<p>
Zvu vás, abyste do toho šli se mnou. Nemusíte hledat, co si pustit.
Stačí otevřít aplikaci a nechat se vést.
</p>
<br />
<p>
(PS: Aplikaci jsem si naprogramoval sám, tak buďte shovívaví, jde
hlavně o tu hudbu! 🤘 Budu velmi rád za sdílení 🙏)
</p>
</div>
<div class="back-btn">
<a href="index.html" class="btn-main" style="text-decoration: none"
>🎸 Zpět na hudbu</a
>
</div>
<div class="footer-section>">
<footer>
<p style="padding-top: 30px;">Líbí se ti výběr? Sleduj mě:</p>
<div class="socials">
<a
href="https://bsky.app/profile/kankys.bsky.social"
target="_blank" class="links"
>Bluesky</a
>
<br />
<a href="https://codeberg.org/Kankys" target="_blank" class="links">Codeberg</a>
<br />
<a
href="https://lukaskanka.cz/index/about/index.html"
target="_blank" class="links"
>Pokud chčeš podpořit tento projekt veškeré informace najdeš
zde.</a
>
<p class="hastag">
#GrungeMetalRok #HudebniVyzva #NuMetal #AlbumDne #TipNaHudbu
#DnesPosloucham #Tidal #Spotify #KazdyDenJednoAlbum
</p>
</div>
<p class="copyright">&copy; 2025 - 2026 Tvůj Hudební Kurátor Kankys</p>
<p style="font-size: 0.8em; margin-top: 10px">
<a href="gdpr.html" class="links"
>Ochrana soukromí a jiné žvásty (GDPR)</a
>
</p>
<section class="photo">
<img
id="vyzva"
class="zoom"
src="./img/vyzva-EDIT.jpg"
alt="Výzva"
/>
</section>
<a href="https://www.facebook.com/groups/1802260010492466" target="_blank" style="color: rgb(88, 88, 227);"><h3>FACEBOOK</h3></a>
</footer>
</div>
</div>
<script src="scriptabout.js"></script>
</body>
</html>
gdpr.html
-96
View File
@@ -1,96 +0,0 @@
<!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>
<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>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>
script.js
-104
View File
@@ -1,104 +0,0 @@
// --- 2. ZJIŠTĚNÍ DNEŠNÍHO DATA ---
// objekt s aktuálním časem
const datum = new Date();
// rok, měsíc a den podle LOKÁLNÍHO času počítače
const rok = datum.getFullYear();
// Leden je v JS 0, proto přičíst 1.
// .padStart(2, '0') zajistí, že před jednociferné číslo se dá nula (např. "05")
const mesic = String(datum.getMonth() + 1).padStart(2, '0');
const den = String(datum.getDate()).padStart(2, '0');
// formát "RRRR-MM-DD"
const dnes = `${rok}-${mesic}-${den}`;
// výpis do konzole
// console.log("Opravené datum (lokální):", dnes);
// Pro testování:
// const dnes = "2026-07-25";
console.log("Dnes je:", dnes);
// --- 3. HLEDÁNÍ V SEZNAMU ---
// Funkce .find() projde pole 'kalendarAlb' a hledá shodu data
const dnesniAlbum = kalendarAlb.find(album => album.datum === dnes);
// --- 4. ZOBRAZENÍ NA STRÁNCE ---
const vystup = document.getElementById('zobrazeni-alba');
if (dnesniAlbum) {
// Dnešní album
vystup.innerHTML = `
<div class="album-card">
<div class="datum">🗓️ ${dnesniAlbum.datum}</div>
<img src="${dnesniAlbum.img}" alt="Obal alba">
<h2>${dnesniAlbum.umelec}</h2>
<h3>${dnesniAlbum.nazev}</h3>
<p><strong>Vyšlo</strong> ${dnesniAlbum.vydano}</p>
<p>${dnesniAlbum.recenze}</p>
<a href="${dnesniAlbum.tidal}" target="_blank" class="btn tidal">Tidal</a> - <a href="${dnesniAlbum.spotify}" target="_blank" class="btn spotify">Spotify</a>
<p><a href="./about.html" class="btn about">👉🏻 O projektu 👈🏻</a></p>
</div>
`;
} else {
// Alert bez alba
vystup.innerHTML = `
<div class="album-card">
<h3>Dnes není v plánu žádné album 🎵</h3>
<p>Zkus se podívat zítra!</p>
</div>
`;
}
// --- 6. LOGIKA PRO ARCHIV (Předchozí alba) ---
const btnArchiv = document.getElementById('btn-archiv');
const divArchiv = document.getElementById('archiv-container');
btnArchiv.addEventListener('click', () => {
// A. Zkontrolujeme, jestli je archiv už otevřený
if (divArchiv.innerHTML !== "") {
divArchiv.innerHTML = ""; // Pokud ano, vymažeme ho (zavřeme)
btnArchiv.textContent = "📂 Zobrazit předchozí alba";
return; // Ukončíme funkci
}
// B. Vyfiltrujeme alba, která jsou starší než dnešek
// (Předpokládá, že proměnná 'dnes' a 'kalendarAlb' existují z předchozího kódu)
const minulaAlba = kalendarAlb.filter(album => album.datum < dnes);
// C. Seřadíme je, aby nahoře bylo to nejnovější z minulosti
minulaAlba.sort((a, b) => b.datum.localeCompare(a.datum));
// D. Pokud žádná minulá alba nejsou
if (minulaAlba.length === 0) {
divArchiv.innerHTML = "<p>Zatím tu žádná historie není. Přijď zítra! ⏳</p>";
return;
}
// E. Vykreslíme kartičky
let htmlObsah = "";
minulaAlba.forEach(album => {
htmlObsah += `
<div class="archiv-item">
<div class="datum">${album.datum}</div>
<img src="${album.img}" alt="${album.nazev}">
</a>
<h3>${album.umelec}</h3>
<div>${album.nazev}</div>
<br>
<div>${album.recenze}</div>
</div>
`;
});
divArchiv.innerHTML = htmlObsah;
btnArchiv.textContent = "❌ Zavřít archiv";
});
style.css
-168
View File
@@ -1,168 +0,0 @@
body {
font-family: sans-serif;
text-align: center;
padding: 50px;
background-image: url(./img/4525586.jpg);
/* Tímto zajistíte, že se tapeta při scrollování nehýbe */
background-attachment: fixed;
/* Tímto zakážete opakování obrázku "dokola" */
background-repeat: no-repeat;
/* DOPORUČENÉ: Roztáhne obrázek přes celou obrazovku */
background-size: cover;
/* Vycentruje obrázek, aby byl vždy uprostřed */
background-position: center;
}
.album-card {
background: grey;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
display: inline-block;
max-width: 400px;
}
img {
width: 100%;
border-radius: 5px;
margin-bottom: 15px;
}
h1 {
color: black;
}
h2 {
color: black;
}
.smile {
color: black;
}
.datum {
color: red;
font-size: 0.9em;
margin-bottom: 10px;
font-weight: bold;
}
.hastag {
color: black;
}
#vyzva {
width: 7%;
height: auto;
}
/* Styl pro tlačítka streamovacích služeb */
.btn {
display: inline-block; /* Aby měly rozměry */
text-decoration: none; /* Zruší podtržení */
padding: 10px 20px; /* Vnitřní odsazení (prostor kolem textu) */
border-radius: 25px; /* Kulaté rohy */
color: white; /* Bílé písmo */
font-weight: bold;
margin: 5px; /* Mezera mezi tlačítky */
transition: transform 0.2s; /* Animace při najetí */
}
/* Barvy pro konkrétní služby */
.tidal {
background-color: #000000;
} /* Černá pro Tidal */
.spotify {
background-color: #1db954;
} /* Zelená pro Spotify */
.about {
background-color: #333;
} /* Hmědá o projektu */
.btn:hover {
transform: scale(1.05); /* Při najetí myší se tlačítko trochu zvětší */
opacity: 0.9;
}
@media (max-width: 768px) {
body {
padding: 10px;
}
/* .album-card {
width: 90%;
margin: 0 auto;
padding: 20px;
background-color: #f0f0f0;
} */
}
/*Archív alb */
/* Styl pro hlavní tlačítko archivu */
.btn-main {
background-color: #333;
color: white;
padding: 15px 30px;
border: none;
border-radius: 50px;
font-size: 1.1em;
cursor: pointer;
transition: background 0.3s;
font-weight: bold;
}
.btn-main:hover {
background-color: #555;
}
/* Mřížka pro archiv (aby byly kartičky vedle sebe) */
.archiv-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
max-width: 1000px;
margin: 0 auto;
}
/* Menší kartička pro archiv */
.archiv-item {
background: white;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
width: 250px; /* Pevná šířka */
text-align: center;
}
.archiv-item img {
width: 100%;
border-radius: 4px;
margin-bottom: 10px;
}
.archiv-item h3 {
font-size: 1em;
margin: 5px 0;
}
.archiv-item .datum {
font-size: 0.8em;
color: #888;
}
.btn-footer {
/* background-color: #333;
color: white;
padding: 15px 30px; */
border: none;
border-radius: 20px;
/* font-size: 1.1em; */
cursor: pointer;
transition: background 0.3s;
font-weight: bold;
background-color: violet;
}
.link-footer {
text-decoration: none; /* Zruší podtržení */
color: black;
}
/* odkazy */
.links {
color: blueviolet; text-decoration: none;
}
test/.gitignore
+8
View File
@@ -0,0 +1,8 @@
# Playwright
node_modules/
/test-results/
/playwright-report/
/blob-report/
/playwright/.cache/
/playwright/.auth/
test/LICENSE
+18
View File
@@ -0,0 +1,18 @@
MIT License
Copyright (c) 2026 kankys
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and
associated documentation files (the "Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the
following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial
portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT
LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO
EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
USE OR OTHER DEALINGS IN THE SOFTWARE.
test/README.md
+2
View File
@@ -0,0 +1,2 @@
# musicTest
test/e2e/example.spec.ts
+18
View File
@@ -0,0 +1,18 @@
import { test, expect } from '@playwright/test';
test('has title', async ({ page }) => {
await page.goto('https://playwright.dev/');
// Expect a title "to contain" a substring.
await expect(page).toHaveTitle(/Playwright/);
});
test('get started link', async ({ page }) => {
await page.goto('https://playwright.dev/');
// Click the get started link.
await page.getByRole('link', { name: 'Get started' }).click();
// Expects page to have a heading with the name of Installation.
await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible();
});
test/package-lock.json
Generated
+97
View File
@@ -0,0 +1,97 @@
{
"name": "musictest",
"version": "1.0.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "musictest",
"version": "1.0.0",
"license": "ISC",
"devDependencies": {
"@playwright/test": "^1.60.0",
"@types/node": "^25.6.0"
}
},
"node_modules/@playwright/test": {
"version": "1.60.0",
"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.60.0.tgz",
"integrity": "sha512-O71yZIbAh/PxDMNGns37GHBIfrVkEVyn+AXyIa5dOTfb4/xNvRWV+Vv/NMbNCtODB/pO7vLlF2OTmMVLhmr7Ag==",
"dev": true,
"license": "Apache-2.0",
"dependencies": {
"playwright": "1.60.0"
},
"bin": {
"playwright": "cli.js"
},
"engines": {
"node": ">=18"
}
},
"node_modules/@types/node": {
"version": "25.6.0",
"resolved": "https://registry.npmjs.org/@types/node/-/node-25.6.0.tgz",
"integrity": "sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"undici-types": "~7.19.0"
}
},
"node_modules/fsevents": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
"dev": true,
"hasInstallScript": true,
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
}
},
"node_modules/playwright": {
"version": "1.60.0",
"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.60.0.tgz",
"integrity": "sha512-hheHdokM8cdqCb0lcE3s+zT4t4W+vvjpGxsZlDnikarzx8tSzMebh3UiFtgqwFwnTnjYQcsyMF8ei2mCO/tpeA==",
"dev": true,
"license": "Apache-2.0",
"dependencies": {
"playwright-core": "1.60.0"
},
"bin": {
"playwright": "cli.js"
},
"engines": {
"node": ">=18"
},
"optionalDependencies": {
"fsevents": "2.3.2"
}
},
"node_modules/playwright-core": {
"version": "1.60.0",
"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.60.0.tgz",
"integrity": "sha512-9bW6zvX/m0lEbgTKJ6YppOKx8H3VOPBMOCFh2irXFOT4BbHgrx5hPjwJYLT40Lu+4qtD36qKc/Hn56StUW57IA==",
"dev": true,
"license": "Apache-2.0",
"bin": {
"playwright-core": "cli.js"
},
"engines": {
"node": ">=18"
}
},
"node_modules/undici-types": {
"version": "7.19.2",
"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.19.2.tgz",
"integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
"dev": true,
"license": "MIT"
}
}
}
test/package.json
+19
View File
@@ -0,0 +1,19 @@
{
"name": "musictest",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {},
"repository": {
"type": "git",
"url": "https://git.arch-linux.cz/kankys/musicTest.git"
},
"keywords": [],
"author": "",
"license": "ISC",
"type": "commonjs",
"devDependencies": {
"@playwright/test": "^1.60.0",
"@types/node": "^25.6.0"
}
}
test/playwright.config.ts
+79
View File
@@ -0,0 +1,79 @@
import { defineConfig, devices } from '@playwright/test';
/**
* Read environment variables from file.
* https://github.com/motdotla/dotenv
*/
// import dotenv from 'dotenv';
// import path from 'path';
// dotenv.config({ path: path.resolve(__dirname, '.env') });
/**
* See https://playwright.dev/docs/test-configuration.
*/
export default defineConfig({
testDir: './e2e',
/* Run tests in files in parallel */
fullyParallel: true,
/* Fail the build on CI if you accidentally left test.only in the source code. */
forbidOnly: !!process.env.CI,
/* Retry on CI only */
retries: process.env.CI ? 2 : 0,
/* Opt out of parallel tests on CI. */
workers: process.env.CI ? 1 : undefined,
/* Reporter to use. See https://playwright.dev/docs/test-reporters */
reporter: 'html',
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
use: {
/* Base URL to use in actions like `await page.goto('')`. */
// baseURL: 'http://localhost:3000',
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
trace: 'on-first-retry',
},
/* Configure projects for major browsers */
projects: [
{
name: 'chromium',
use: { ...devices['Desktop Chrome'] },
},
{
name: 'firefox',
use: { ...devices['Desktop Firefox'] },
},
{
name: 'webkit',
use: { ...devices['Desktop Safari'] },
},
/* Test against mobile viewports. */
// {
// name: 'Mobile Chrome',
// use: { ...devices['Pixel 5'] },
// },
// {
// name: 'Mobile Safari',
// use: { ...devices['iPhone 12'] },
// },
/* Test against branded browsers. */
// {
// name: 'Microsoft Edge',
// use: { ...devices['Desktop Edge'], channel: 'msedge' },
// },
// {
// name: 'Google Chrome',
// use: { ...devices['Desktop Chrome'], channel: 'chrome' },
// },
],
/* Run your local dev server before starting the tests */
// webServer: {
// command: 'npm run start',
// url: 'http://localhost:3000',
// reuseExistingServer: !process.env.CI,
// },
});
test/tests/example.spec.ts
+20
View File
@@ -0,0 +1,20 @@
import { test, expect } from '@playwright/test';
test('has title', async ({ page }) => {
await page.goto('https://music.lukan.cz');
// Expect a title "to contain" a substring.
await expect(page).toHaveTitle(/Zažij numetal a grunge každý den, po celý rok./);
});
test('get started link', async ({ page }) => {
await page.goto('https://music.lukan.cz');
// // Click the get started link.
// await page.getByRole('link', { name: 'O projektu' }).click();
// // Expects page to have a heading with the name of Installation.
// await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible();
});
LICENSE → web/LICENSE
View File
web/README.md
+42
View File
@@ -0,0 +1,42 @@
# 💿 Každý den jedno album. 🎸 Zažíj numetal a grunge každý den.
## 💪 Zvládneš tuto výzvu v roce 2026?
## 🤟 Ukaž že na to máš .
Odkaz na [výzvu](https://music.lukan.cz)
🎸 **Glitch animace** na nadpisu
- 📺 **Scanlines overlay** (jako starý TV)
- 🔴 **Červená záře** kolem alba card + pulzující border
- ⬇️ **Dynamický vstup** alba card při načtení
- 🌫️ **Staggered fade-up** archivních kartiček
- 🤘 **Metal styl tlačítek** s gradient červenou
- 🖼️ **Hover efekty** na obálkách alb
🎸 Shrnutí přidaných efektů
### 🖥️ Globální
- **Tmavý overlay** na pozadí — přes stávající fotku je přidán `rgba(0,0,0,0.6)` gradient, aby byl celý web temný a metal
- **Scanlines** — jemné horizontální čáry přes celou stránku pomocí `body::after`, působí jako starý TV/monitor (diskrétní, nepřekáží čtení)
### ✏️ Nadpis
- **Glitch animace** — každých 6 vteřin `h1` krátce "glitchne": červeno-azurový `text-shadow` + `skewX` transform, jako by byl špatný signál
### 💿 Karta alba
- **Temné pozadí** s červeným borderem místo šedé
- **Vstupní animace** — karta "dopadne" z vrchu s mírnou rotací a blur efektem
- **Pulzující červená záře** — border a `box-shadow` plynule dýchají (tmavší → jasnější červená)
- **Hover efekt** — karta se zvedne + záře zesílí
- **Obálka alba** — na hover se mírně přiblíží a zvýší kontrast
### 📂 Archiv alb
- **Tmavé kartičky** s červeným hover borderem a glow
- **Staggered fade-up animace** — každá karta se vynoří o 60ms později než předchozí (vlnový efekt)
### 🔘 Tlačítka
- **Archiv** — tmavočervený gradient s červenou září
- **Footer** — temně fialový gradient
- **Tidal/Spotify/About** — tmavší, stylizovanější verze
### 🎸 Logo
- **Červený `drop-shadow`** + na hover se zvětší a otočí
web/about.html
+250
View File
@@ -0,0 +1,250 @@
<!doctype html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>O projektu a další žvásty</title>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://music.lukan.cz/" />
<meta
property="og:title"
content="Hudební Výzva 2026: Grunge & Nu-Metal"
/>
<meta
property="og:description"
content="Každý den jedno zásadní album. Zvládneš to se mnou? 365 dní, 365 desek."
/>
<meta
property="og:image"
content="https://music.lukan.cz/img/vyzva-EDIT.jpg"
/>
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content="Hudební Výzva 2026: Grunge & Nu-Metal"
/>
<meta
name="twitter:description"
content="Každý den jedno zásadní album. Přidej se!"
/>
<meta
name="twitter:image"
content="https://music.lukan.cz/img/vyzva-EDIT.jpg"
/>
<meta
name="Hudební kalendář"
content="Každý den jedno album. Zažíj numetal a grunge každý den."
/>
<link rel="stylesheet" href="styleabout.css" />
<link rel="shortcut icon" href="img/electric-guitar_12494348.png" />
<link rel="stylesheet" href="style.css" />
<style>
/* Specifické styly pro textovou stránku */
.about-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;
}
.about-container h1 {
text-align: center;
text-transform: uppercase;
color: #ff3333;
font-size: 2.5em;
margin-bottom: 10px;
}
.subtitle {
text-align: center;
color: #aaaaaa;
font-style: italic;
margin-bottom: 40px;
font-size: 1.2em;
}
.about-section {
margin-bottom: 30px;
border-bottom: 1px solid #2a2a2a;
padding-bottom: 20px;
}
.about-section:last-child {
border-bottom: none;
}
h3 {
color: #e0e0e0;
font-weight: 900; /* Extra tučné */
}
.about-container p {
color: #b0b0b0;
}
footer {
color: #aaaaaa;
}
.back-btn {
display: block;
width: fit-content;
margin: 40px auto 0;
text-align: center;
}
footer {
text-align: center;
}
</style>
</head>
<body>
<div class="about-container">
<h1>🎸 Zažij numetal a grunge každý den, po celý rok. 💿</h1>
<p class="subtitle">
<strong
>💿 Každý den jedno album. 💿</strong
>
</p>
<div class="about-section">
<h3>O projektu</h3>
<p>
Všimli jste si, jak nás algoritmy Spotify a dalších
hudebních stream služeb neustále točí v kruhu? Nabízejí nám
pořád to samé, co už známe. Řekl jsem si to není pro mne.
Chtěl jsem se vrátit k poslechu – od první do poslední
skladby. A tak vznikl můj projekt: Hudební výzva 2026.
</p>
<br />
<p>
Každý den jedno album. To nejšpinavější a nejupřímnější, co
hudba za posledních 30 let nabídla: Grunge a Nu-Metal.
</p>
<p>
Mnoho lidí tyto dva žánry odděluje. Grunge je pro ně "ta
stará hudba v kostkovaných košilích" a Nu-Metal jsou "ti
týpci v kšiltovkách a širokých kalhotách". Ale když se
zaposloucháte pozorně, zjistíte, že jsou to pokrevní bratři.
</p>
<br />
<p>
Když Seattle zhasnul světla Grunge (Nirvana, Soundgarden,
Pearl Jam) na začátku 90. let smetl nablýskaný rock. Byla to
hudba deště, deprese a reality. Žádná póza, jen syrová emoce
a kytary, které zněly jako by je někdo tahal bahnem.
</p>
<p>
Jenže v polovině 90. let grunge s smrtí Kurta Cobaina a
rozpadem scény utichl. Vzniklo ticho. A v tom tichu se
začalo rodit něco nového, agresivnějšího.
</p>
<br />
<p>
Nástup Nu-Metalu: Vzteklý mladší brácha Zatímco grunge byl o
smutku a apatii, Nu-Metal (Korn, Linkin Park, Limp Bizkit,
Slipknot) byl o čistém vzteku. Vzali ty podladěné, těžké
kytary z grunge, ale místo pomalého tempa přidali rytmiku
hip-hopu a elektroniku.
</p>
<p>
Kytarista Alice in Chains Jerry Cantrell nebo
soundgardenovský Kim Thayil položili základy pro zvuk, který
později kapely jako Korn dotáhly do extrému sedmistrunnými
kytarami.
</p>
<br />
<p>
Ta energie je nenahraditelná. V dnešní době vyžehleného popu
chybí ta lidská nedokonalost a dravost.
</p>
<br />
<p>
Vytvořil jsem jednoduchou webovou aplikaci, která mi (a teď
i vám) každý den servíruje jedno zásadní album z této éry.
Někdy je to depresivní grungeová balada, jindy agresivní
nu-metalová smršť.
</p>
<br />
<p>
Zvu vás, abyste do toho šli se mnou. Nemusíte hledat, co si
pustit. Stačí otevřít aplikaci a nechat se vést.
</p>
<br />
<p>
(PS: Aplikaci jsem si naprogramoval sám, tak buďte
shovívaví, jde hlavně o tu hudbu! 🤘 Budu velmi rád za
sdílení 🙏)
</p>
</div>
<div class="back-btn">
<a
href="index.html"
class="btn-main"
style="text-decoration: none"
>🎸 Zpět na hudbu</a
>
</div>
<div class="footer-section>">
<footer>
<p style="padding-top: 30px">
Líbí se ti výběr? Sleduj mě:
</p>
<div class="socials">
<a
href="https://bsky.app/profile/kankys.bsky.social"
target="_blank"
class="links"
>Bluesky</a
>
<br />
<a
href="https://codeberg.org/Kankys"
target="_blank"
class="links"
>Codeberg</a
>
<br />
<a
href="https://lukaskanka.cz/index/about/index.html"
target="_blank"
class="links"
>Pokud chčeš podpořit tento projekt veškeré
informace najdeš zde.</a
>
<p class="hastag">
#GrungeMetalRok #HudebniVyzva #NuMetal #AlbumDne
#TipNaHudbu #DnesPosloucham #Tidal #Spotify
#KazdyDenJednoAlbum
</p>
</div>
<p class="copyright">
&copy; 2025 - 2026 Tvůj Hudební Kurátor Kankys
</p>
<p style="font-size: 0.8em; margin-top: 10px">
<a href="gdpr.html" class="links"
>Ochrana soukromí a jiné žvásty (GDPR)</a
>
</p>
<section class="photo">
<img
id="vyzva"
class="zoom"
src="./img/vyzva-EDIT.jpg"
alt="Výzva"
/>
</section>
<!--<a
href="https://www.facebook.com/groups/1802260010492466"
target="_blank"
style="color: rgb(88, 88, 227)"
><h3>FACEBOOK</h3></a
>-->
</footer>
</div>
</div>
<script src="scriptabout.js"></script>
</body>
</html>
web/gdpr.html
+162
View File
@@ -0,0 +1,162 @@
<!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: 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-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>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>
</body>
</html>
img/4525586.jpg → web/img/4525586.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 313 KiB

After

Width:  |  Height:  |  Size: 313 KiB

img/electric-guitar_12494348.png → web/img/electric-guitar_12494348.png
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

img/nu-metal-wallpapers.png → web/img/nu-metal-wallpapers.png
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 MiB

After

Width:  |  Height:  |  Size: 3.2 MiB

img/so0naj17qrh91.jpg → web/img/so0naj17qrh91.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 102 KiB

img/vyzva-EDIT.jpg → web/img/vyzva-EDIT.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 458 KiB

After

Width:  |  Height:  |  Size: 458 KiB

index.html → web/index.html
+4 -5
View File
@@ -5,7 +5,7 @@
<title>Zažij numetal a grunge každý den, po celý rok.</title>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://music.lukan.cz/" />
<meta property="og:title" content="Hudební Výzva 2026: Grunge & Nu-Metal" />
<meta property="og:title" content="Každý den jedno album: Grunge & Nu-Metal" />
<meta
property="og:description"
content="Každý den jedno zásadní album. Zvládneš to se mnou? 365 dní, 365 desek."
@@ -17,7 +17,7 @@
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content="Hudební Výzva 2026: Grunge & Nu-Metal"
content="Každý den jedno album: Grunge & Nu-Metal"
/>
<meta
name="twitter:description"
@@ -33,14 +33,13 @@
/>
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="img/electric-guitar_12494348.png" />
<script defer src="https://analytics.oscloud.cz/script.js" data-website-id="b3fabb08-c07e-4436-93d8-5e4f2524e719"></script>
<script defer src="https://analytics.lukan.cz/script.js" data-website-id="380320b5-153c-4d12-a6c6-49f28e0daa86"></script>
</head>
<body>
<h1>🎸 Zažij numetal a grunge každý den, po celý rok. 💿</h1>
<p>
<strong
>💿 Každý den jedno album. 💪 Zvládneš tuto výzvu v roce 2026? 🤟 Ukaž
že na to máš.</strong
>💿 Každý den jedno album. 💿</strong
>
</p>
<div id="zobrazeni-alba"></div>
musicData.js → web/musicData.js
+463 -9
View File
@@ -1467,13 +1467,13 @@ const kalendarAlb = [
{
datum: "2026-05-14",
umelec: "🎤 Kittie",
nazev: "💿 Year of the Spider",
img: "https://resources.tidal.com/images/b82e49a8/e632/413a/9a40/a68b4426b1fc/1280x1280.jpg",
vydano: "13.5.2003",
nazev: "💿 Until the End",
img: "https://resources.tidal.com/images/69edc4b4/253f/4a9d/af2d/8aa9dc2b7056/1280x1280.jpg",
vydano: "2004",
recenze:
"Stupid Girl. Album, které kapelu dostalo do mainstreamu, ale zachovalo si tu jejich typickou depresivní náladu.",
tidal: "https://tidal.com/album/122625240",
spotify: "https://open.spotify.com/album/0XxmvWFp66NnlSxco9i7yr",
"Girl Power: Třetí album Kittie. Je to mnohem metalovější a dospělejší než jejich debut Spit. Hodně podladěné a temné.",
tidal: "https://tidal.com/album/8242194",
spotify: "https://open.spotify.com/album/7JH0GlTxHyknSS8qMKBIjZ",
},
{
datum: "2026-05-15",
@@ -3411,17 +3411,470 @@ const kalendarAlb = [
tidal: "https://tidal.com/album/477372",
spotify: "https://open.spotify.com/album/50na3UenOpUOS1uuWXM0AY",
},
{
{
datum: "2026-11-08",
umelec: "🎤 Skindred",
nazev: "💿 Roots Rock Riot",
img: "https://resources.tidal.com/images/56526818/4f1c/4141/8480/cfa74ce13b67/1280x1280.jpg",
vydano: "2007",
recenze:
"Párty: Pátek večer. Home Sweet Home/Bittersweet Symphony. Jediná nová věc na této desce je zajímavý mash-up. Zbytek jsou hity na vyblbnutí..",
"Ragga-Metal: Benji Webbe je král. Pokud ti je zima, tohle tě zahřeje. Mix jamajských rytmů a tvrdého metalu. Rat Race",
tidal: "https://tidal.com/album/34402461",
spotify: "https://open.spotify.com/album/7zl0NrhsqIqAXSFe3tPnAR",
spotify: "https://open.spotify.com/album/75VQg84KLxihs6di0BaCQi",
},
{
datum: "2026-11-09",
umelec: "🎤 Bush",
nazev: "💿 Golden State",
img: "https://resources.tidal.com/images/b81cc7ef/ea1b/47a8/8e98/d9c5a59d4673/1280x1280.jpg",
vydano: "2001",
recenze:
"Grunge: Gavin Rossdale a jeho parta. Hit The People That We Love (původně Speed Kills, přejmenováno kvůli 11. září). Skvělý, moderní grunge zvuk.",
tidal: "https://tidal.com/album/3461275",
spotify: "https://open.spotify.com/album/1RVNsfG2NE0skSBW2konxS",
},
{
datum: "2026-11-10",
umelec: "🎤 Foo Fighters",
nazev: "💿 Sonic Highways",
img: "https://resources.tidal.com/images/f6712c8d/bb68/49ee/b107/e3e970203329/1280x1280.jpg",
vydano: "2001",
recenze:
"Cesta: Album nahrané v 8 různých městech USA. Something from Nothing. Dave Grohl skládá poctu hudební historii.",
tidal: "https://tidal.com/album/37440839",
spotify: "https://open.spotify.com/album/2qwN15acAl3sm3Idce5vK9",
},
{
datum: "2026-11-11",
umelec: "🎤 A Perfect Circle",
nazev: "💿 eMOTIVe",
img: "https://resources.tidal.com/images/7dba2237/3242/4655/a80d/cb5f20967391/1280x1280.jpg",
vydano: "2004",
recenze:
"Volby: Album protiválečných coververzí. Imagine od Johna Lennona v jejich podání je temná, mollová a děsivá verze. Perfektní k listopadu.",
tidal: "https://tidal.com/album/164536",
spotify: "https://open.spotify.com/album/2UAin9VEGxiZRfe9Q7SKg4",
},
{
datum: "2026-11-12",
umelec: "🎤 Deftones",
nazev: "💿 Koi No Yokan",
img: "https://resources.tidal.com/images/6693ce7e/00ab/4623/b74e/ab302d2a1673/1280x1280.jpg",
vydano: "2.11.2012",
recenze:
"MODERNÍ KLASIKA 🌌 - Atmosféra: Tempest, Swerve City. Mnozí fanoušci tvrdí, že je to jejich nejlepší album po White Pony. Těžké kytary, které plavou v reverbu. Nádhera.",
tidal: "https://tidal.com/album/17793467",
spotify: "https://open.spotify.com/album/4PIVdqvL1Rc7T7Vfsr8n8Q",
},
{
datum: "2026-11-13",
umelec: "🎤 Soundgarden",
nazev: "💿 Koi No Yokan",
img: "https://resources.tidal.com/images/c69913a1/6082/4ba4/83d2/6369ffd139f3/1280x1280.jpg",
vydano: "13.11.2012",
recenze:
"Návrat: Poslední studiové album Soundgarden před smrtí Chrise Cornella. Been Away Too Long. Dospělý, propracovaný grunge.",
tidal: "https://tidal.com/album/107911818",
spotify: "https://open.spotify.com/album/7iJBw0RiM0JUnbIAaIZYfL",
},
{
datum: "2026-11-14",
umelec: "🎤 Stone Temple Pilots",
nazev: "💿 High Rise (EP)",
img: "https://m.media-amazon.com/images/I/91Qxr5JiZEL._AC_SL1500_.jpg",
vydano: "2013",
recenze:
"Unikát: Zpívá tu Chester Bennington (Linkin Park)! Nahradil vyhozeného Scotta Weilanda. Slyšet Chestera zpívat klasický rock je zážitek. Out of Time",
tidal: "",
spotify: "https://open.spotify.com/playlist/0oE60oFk1wD3X2wRSJJypX",
},
{
datum: "2026-11-15",
umelec: "🎤 Nickelback",
nazev: "💿 The Long Road",
img: "https://resources.tidal.com/images/c5c04894/6a70/4d74/bf8e/919e39b65fbd/1280x1280.jpg",
vydano: "2003",
recenze:
"Nejtvrdsí:_ Zapomeň na vtipy. Skladba Because of You je regulérní metalová vypalovačka. Tohle je jejich nejtemnější a nejvíce grunge album.",
tidal: "https://tidal.com/album/702641",
spotify: "https://open.spotify.com/album/4fygErqiNgFUic5hU42Z3E",
},
{
datum: "2026-11-16",
umelec: "🎤 Methods",
nazev: "💿 Methods of Mayhem",
img: "https://resources.tidal.com/images/de1a5e61/94f0/4d96/bfc3/bf26b2ce96d4/1280x1280.jpg",
vydano: "1999",
recenze:
"Úlet: Tommy Lee (Mötley Crüe) založil nu-metalovou kapelu. Rapuje tam Fred Durst, Lil' Kim, Kid Rock. Je to bizarní kapsle času roku 1999. Get Naked",
tidal: "https://tidal.com/album/103805689",
spotify: "https://open.spotify.com/album/3xwu0sGFVTgeiExI6XIf1E",
},
{
datum: "2026-11-17",
umelec: "🎤 Pearl Jam",
nazev: "💿 Riot Act",
img: "https://resources.tidal.com/images/b049b6eb/731f/41f9/b024/25a39ca0a345/1280x1280.jpg",
vydano: "12.11.2002",
recenze:
"Den boje za svobodu - Melancholie:_ I Am Mine. Pearl Jam se vyrovnávají s tragédií na festivalu Roskilde (kde zemřeli fanoušci). Velmi existenciální album.",
tidal: "https://tidal.com/album/21839604",
spotify: "https://open.spotify.com/album/7AOWw68DEPnDmTpquZw8bG",
},
{
datum: "2026-11-18",
umelec: "🎤 Metallica",
nazev: "💿 Reload",
img: "https://resources.tidal.com/images/99de8259/a48d/4529/9b57/62dd985d279a/1280x1280.jpg",
vydano: "18.11.1997",
recenze:
"KONTROVERZNÍ LEGENDA 🎸 - Alt-Metal: The Memory Remains (s Marianne Faithfull). Metallica v košilích, ostříhaná, hrající rock/grunge. Mariannein skřehotavý hlas na konci je čistý listopad.",
tidal: "https://tidal.com/album/1870522",
spotify: "https://open.spotify.com/album/0Ip2GlQPoAIgdkqCO2YkMa",
},
{
datum: "2026-11-19",
umelec: "🎤 Mudvayne",
nazev: "💿 The End of All Things to Come",
img: "https://resources.tidal.com/images/aaa804b5/33d0/4542/aecc/eb7c57048f6b/1280x1280.jpg",
vydano: "19.11.2002",
recenze:
"Evoluce: Odložili make-up a nahráli melodičtější, ale stále složité album. Not Falling je hit, který znáš z filmu _Loď duchů",
tidal: "https://tidal.com/album/1781938",
spotify: "https://open.spotify.com/album/0bmdX1znMOjwK30Zu8sTGo",
},
{
datum: "2026-11-20",
umelec: "🎤 Korn",
nazev: "💿 Take a Look in the Mirror",
img: "https://resources.tidal.com/images/58dfab30/afc1/4b5f/a46c/d65648c4d44b/1280x1280.jpg",
vydano: "21.11.2003",
recenze:
"Návrat: Korn si album produkovali sami. Chtěli znít zase syrově jako v roce 94. Right Now je o čisté nenávisti. Jonathan Davis tam řve jako zvíře.",
tidal: "https://tidal.com/album/35278587",
spotify: "https://open.spotify.com/album/3XbcvPX7hEupPOxPx7EVdh",
},
{
datum: "2026-11-21",
umelec: "🎤 Seether",
nazev: "💿 Disclaimer",
img: "https://resources.tidal.com/images/33ac8699/ee88/46ac/8156/f508757d0128/1280x1280.jpg",
vydano: "2002",
recenze:
"Grunge: Shaun Morgan je z Jižní Afriky, ale zní jako z Seattlu. Gasoline a Fine Again. Deprese a riffy.",
tidal: "https://tidal.com/album/32074676",
spotify: "https://open.spotify.com/album/5u0UdiircjbveLg8cs39iw",
},
{
datum: "2026-11-22",
umelec: "🎤 Pearl Jam",
nazev: "💿 Vitalogy",
img: "https://blogger.googleusercontent.com/img/a/AVvXsEj8R18SGMiWBgf32CqWRgTxfUvlJOC-vI4u2XKV0JEdW8P_qRx0omtcaCndAkiZy9V5WOU2ORzojzOvkSA0plICJrkwKU_csKZeO1l43Jvge7HePyYJ3dRSaIYDgMce2Mc_Csn2zJCrUsMAJHq5dptFF-dG2uYkHEHrPUfJSDouDmIz4Ctv835DVqVm58c",
vydano: "22.11.1994",
recenze:
"VINYLOVÝ SVÁTEK 📕 - Legenda: Spin the Black Circle, Corduroy, Better Man. Eddie Vedder bojoval se slávou, s lístkovou mafií (Ticketmaster) a kapela se málem rozpadla. Z té tenze vzniklo geniální dílo.",
tidal: "https://tidal.com/album/6099431",
spotify: "https://open.spotify.com/album/5pd9B3KQWKshHw4lnsSLNy",
},
{
datum: "2026-11-23",
umelec: "🎤 Guns N' Roses",
nazev: "💿 Vitalogy",
img: "https://resources.tidal.com/images/2160fef5/7453/4459/beb5/f24bcd7c8b74/1280x1280.jpg",
vydano: "23.11.2008",
recenze:
"NEJDRAŽŠÍ ALBUM HISTORIE 💸 - Industrial:_ Axl Rose na tom dělal 15 let. Proč je v seznamu? Protože to zní jako industrial nu-metal. Kytary nahrál Buckethead a Robin Finck (Nine Inch Nails). Shackler's Revenge je čisté psycho.",
tidal: "https://tidal.com/album/58050781",
spotify: "https://open.spotify.com/album/0suNLpB9xraAv1FcdlITjQ",
},
{
datum: "2026-11-24",
umelec: "🎤 Nine Inch Nails",
nazev: "💿 Things Falling Apart",
img: "https://resources.tidal.com/images/b1935bf0/a974/4d18/bfef/7a2526edd408/1280x1280.jpg",
vydano: "2000",
recenze:
"Elektronika: Remixy alba The Fragile. Ideální podkres k sychravému počasí. The Frail",
tidal: "https://tidal.com/album/619349",
spotify: "https://open.spotify.com/album/0Y4QAA8YOOyMfqs4a8i2OK",
},
{
datum: "2026-11-25",
umelec: "🎤 Dark New Day",
nazev: "💿 Twelve Year Silence",
img: "https://resources.tidal.com/images/5bbd8918/133b/47d9/8dd1/1855e7f5e209/1280x1280.jpg",
vydano: "2005",
recenze:
"Supergroup: Brother. Pokud máš rád Sevendust, tohle je povinnost. Harmonické vokály a těžké riffy.",
tidal: "https://tidal.com/album/292719",
spotify: "https://open.spotify.com/album/47xVvnQ6jOEXGCp3x0e2Wo",
},
{
datum: "2026-11-26",
umelec: "🎤 System of a Down",
nazev: "💿 Steal This Album",
img: "https://resources.tidal.com/images/d455c594/94a8/4269/8b78/d9acc2f1b553/1280x1280.jpg",
vydano: "26.11.2002",
recenze:
"B-STRANY LEPSÍ NEŽ HITY 💿 - Poklad: Skladby, které se nevešly na Toxicity. Ale nejsou to odpadky. I-E-A-I-A-I-O nebo Mr. Jack. Obal vypadá jako vypálené CD fixou",
tidal: "https://tidal.com/album/33753602",
spotify: "https://open.spotify.com/album/6lA1sGw7eCv27bcpd5E0wT",
},
{
datum: "2026-11-27",
umelec: "🎤 Smashing Pumpkins",
nazev: "💿 Mellon Collie and the Infinite Sadness",
img: "https://resources.tidal.com/images/5d989f15/8415/436e/98ce/ad84ea9e85e1/1280x1280.jpg",
vydano: "1995",
recenze:
"Podzimní nálada - Epos: Bullet with Butterfly Wings. The world is a vampire... Ačkoliv vyšlo na konci října, k listopadu ta nekonečná smutná nálada sedí nejvíc.",
tidal: "https://tidal.com/album/79279089",
spotify: "https://open.spotify.com/album/55RhFRyQFihIyGf61MgcfV",
},
{
datum: "2026-11-28",
umelec: "🎤 Papa Roach",
nazev: "💿 The Connection",
img: "https://resources.tidal.com/images/e63c8540/e576/4d6e/8001/57aae444cd5a/1280x1280.jpg",
vydano: "2012",
recenze:
"Moderní zvuk: Still Swingin. Papa Roach chytili druhý dech a spojili elektroniku s jejich klasickým rockem.",
tidal: "https://tidal.com/album/118552051",
spotify: "https://open.spotify.com/album/6x5bHblLrGWaQlH6xLB38V",
},
{
datum: "2026-11-29",
umelec: "🎤 Stone Sour",
nazev: "💿 Come What(ever) May",
img: "https://resources.tidal.com/images/9b83a2c1/73e3/40df/8090/efc00d751398/1280x1280.jpg",
vydano: "2006",
recenze:
"Hit: Through Glass. Corey Taylor kritizuje falešný svět showbyznysu. Píseň, kterou si s chutí zazpíváš.",
tidal: "https://tidal.com/album/703426",
spotify: "https://open.spotify.com/album/0dZB8UHYsM7jKmm7ByzAVq",
},
{
datum: "2026-11-30",
umelec: "🎤 Pink Floyd",
nazev: "💿 The Wall",
img: "https://static.wikia.nocookie.net/pinkfloyd/images/f/f5/The_Wall.jpg/revision/latest?cb=20181104235825",
vydano: "30.11.1979",
recenze:
"TEČKA ZA PODZIMEM 🧱 - Otec Grunge: Tohle není nu-metal. Ale Roger Waters, stavějící zeď kolem svých emocí, izolace, deprese... To je blueprint pro Kurta Cobaina, Layne Staleyho i Jonathana Davise. Bez The Wall by nebyl The Downward Spiral. Povinný poslech pro pochopení kořenů.",
tidal: "https://tidal.com/album/55391447",
spotify: "https://open.spotify.com/album/5Dbax7G8SWrP9xyzkOvy2F",
},
{
datum: "2026-12-01",
umelec: "🎤 Staid",
nazev: "💿 Dysfunction",
img: "https://resources.tidal.com/images/061023d3/b483/4a89/839a/90692088b094/1280x1280.jpg",
vydano: "1999",
recenze:
"Proč dnes: Temný, syrový a nezávislý debut, který kapelu dostal do povědomí Freda Dursta. První prosincový den odstartujeme nekompromisním, těžkým post-grungem a nu-metalem.",
tidal: "https://tidal.com/album/4074835",
spotify: "https://open.spotify.com/album/4fLp0YBi1chfMHSBkIeI6w",
},
{
datum: "2026-12-02",
umelec: "🎤 Incubus",
nazev: "💿 Enjoy Incubus",
img: "https://resources.tidal.com/images/2bc734fe/c2e1/4a7f/a3b3/f9f0a8863ed4/1280x1280.jpg",
vydano: "1997",
recenze:
"Kultovní debutové album, kde kapela ještě silně míchala nu-metal s funkovými groovy à la Primus a Red Hot Chili Peppers. Skvělá energie na začátek měsíce",
tidal: "https://tidal.com/album/4977296",
spotify: "https://open.spotify.com/album/7micc5lnUW2YV2eJa33525",
},
{
datum: "2026-12-03",
umelec: "🎤 Stone Temple Pilots",
nazev: "💿 Thank You",
img: "https://resources.tidal.com/images/ba85cfec/6fdf/4d8b/8695/9ada53898291/1280x1280.jpg",
vydano: "2003",
recenze:
"Výběr největších hitů této grungeové ikony. Ideální ohlédnutí za érou Scott Weilanda, které se skvěle hodí pro chladný prosincový den.",
tidal: "https://tidal.com/album/265084",
spotify: "https://open.spotify.com/album/1fyLNx6wxgDA59wFInnyup",
},
{
datum: "2026-12-04",
umelec: "🎤 P.O.D.",
nazev: "💿 Payable on Death",
img: "https://resources.tidal.com/images/47b9b5f4/427e/4a22/acbc/b27cd3f20915/1280x1280.jpg",
vydano: "12.2003",
recenze:
"Vyšlo v listopadu, vládlo prosinci 2003 - Temnější a melodičtější album kapely, které nese silnou zimní melancholii. Skladby jako Will You tě chytnou za srdce.",
tidal: "https://tidal.com/album/68714292",
spotify: "https://open.spotify.com/album/05gn8OafjiVteVcSQrPp9J",
},
{
datum: "2026-12-05",
umelec: "🎤 Audioslave",
nazev: "💿 Revelations",
img: "https://resources.tidal.com/images/37664ef3/dfe7/4f3d/addb/f5760924bd74/1280x1280.jpg",
vydano: "12.2006",
recenze:
"Vydáno v prosinci 2006 jako limitovaný vánoční vinylydáno v prosinci 2006 jako limitovaný vánoční vinyl - Trefa: Poslední album superskupiny s Chrisem Cornellem (Soundgarden) a členy Rage Against The Machine. Syrový, hard-rockem načichlý grunge/alternativa",
tidal: "https://tidal.com/album/552715",
spotify: "https://open.spotify.com/album/5mYawEK4EBrkiB56WWyvQr",
},
{
datum: "2026-12-06",
umelec: "🎤 Limp Bizkit",
nazev: "💿 Unquestionable Truth (Part 1)",
img: "https://resources.tidal.com/images/aa7efd2e/dd9b/4659/a741/145bfe4f2f87/1280x1280.jpg",
vydano: "2005",
recenze:
"Proč dnes: Temné, politicky angažované a méně známé EP od Bizkit. Žádná party, ale těžké riffy inspirované Rage Against The Machine pro klidnou neděli.",
tidal: "https://tidal.com/album/102998606",
spotify: "https://open.spotify.com/album/0VsNR8ay7aO8DQGNng2Fko",
},
{
datum: "2026-12-07",
umelec: "🎤 Creed",
nazev: "💿 Weathered",
img: "https://resources.tidal.com/images/750beef5/ce5f/4323/9f20/45d235e220ce/1280x1280.jpg",
vydano: "2001",
recenze:
"Masivní post-grungeový hit té doby. Album, které v prosinci roku 2001 strávilo 8 týdnů na prvním místě amerického žebříčku. Monumentální zvuk ideální na neděli.",
tidal: "https://tidal.com/album/31849364",
spotify: "https://open.spotify.com/album/2ENlJXygQX6en4iziijet6",
},
{
datum: "2026-12-08",
umelec: "🎤 Soundgarden",
nazev: "💿 Down on the Upside (Tribute poslech)",
img: "https://resources.tidal.com/images/10929d49/8fec/4966/ade2/c8027a07aaac/1280x1280.jpg",
vydano: "1996",
recenze:
"Důvod: 8. prosince vzpomínáme na tragická úmrtí hudebního světa. Tento den věnujeme Chrisi Cornellovi a jeho syrovému, emociálnímu grunge projevu. Album obsahuje hluboké skladby jako Pretty Noose nebo Blow Up the Outside World.",
tidal: "https://tidal.com/album/77622725",
spotify: "https://open.spotify.com/album/1IVa98im1RfxYp6qeOIg2B",
},
{
datum: "2026-12-09",
umelec: "🎤 Static-X",
nazev: "💿 Wisconsin Death Trip",
img: "https://resources.tidal.com/images/2fe62d8b/844d/4c59/9230/ff849d5c663b/1280x1280.jpg",
vydano: "1999",
recenze:
"Evil Disco v plné parádě. Průlomový nu-metal s industriálními prvky a bleskovým tempem, který tě spolehlivě probere ze zimního útlumu.",
tidal: "https://tidal.com/album/4082261",
spotify: "https://open.spotify.com/album/2WRLwr5MIIXr9gAWOOQ6J5",
},
{
datum: "2026-12-10",
umelec: "🎤 Live",
nazev: "💿 Mental Jewelry",
img: "https://resources.tidal.com/images/896d8dbb/03da/406d/a404/a1746ebd8c3a/1280x1280.jpg",
vydano: "11.12.2007",
recenze:
"Historický moment: Průkopnické debutové album kapely, které vyšlo přesně na začátku prosince před lety a pomáhalo definovat ranou vlnu amerického post-grunge.",
tidal: "https://tidal.com/album/2570612",
spotify: "https://open.spotify.com/album/0sHJvWqKNTQWv0HtfgDNNu",
},
{
datum: "2026-12-11",
umelec: "🎤 System of a Down",
nazev: "💿 Steal This Album!",
img: "https://resources.tidal.com/images/d455c594/94a8/4269/8b78/d9acc2f1b553/1280x1280.jpg",
vydano: "2002",
recenze:
"Sbírka rarit a dokončených skladeb, které unikly na internet. Je to jako alternativní dárek pro fanoušky plný nekompromisní nu-metalové avantgardy.",
tidal: "https://tidal.com/album/33753602",
spotify: "https://open.spotify.com/album/6lA1sGw7eCv27bcpd5E0wT",
},
{
datum: "2026-12-12",
umelec: "🎤 Cold",
nazev: "💿 Cold",
img: "https://resources.tidal.com/images/ed64757e/85ed/48c4/b31d/100b56cb7538/1280x1280.jpg",
vydano: "1998",
recenze:
"První, velmi temný a melancholický debut kapely Cold, který produkoval Fred Durst. Jejich styl má blízko ke grunge, ale s těžkou nu-metalovou estetikou.",
tidal: "https://tidal.com/album/35888219",
spotify: "https://open.spotify.com/album/5kOafeHCAzpaCu9LV0ic7U",
},
{
datum: "2026-12-13",
umelec: "🎤 Deftones",
nazev: "💿 B-Sides & Rarities",
img: "https://resources.tidal.com/images/19567ccf/c70e/448f/877a/7c3a3ea006cc/1280x1280.jpg",
vydano: "2005",
recenze:
"Kolekce rarit, akustických verzí a skvělých coverů (včetně Simple Man). Dokonalá zasněná a melancholická atmosféra na prosincový víkend.",
tidal: "https://tidal.com/album/3514731",
spotify: "https://open.spotify.com/album/3hBCkMqaYnCmJciEUKqyfC",
},
{
datum: "2026-12-14",
umelec: "🎤 Local H",
nazev: "💿 As Good as Dead",
img: "https://resources.tidal.com/images/be4ed12e/1cb6/4f88/af09/7a10aa3fddd2/1280x1280.jpg",
vydano: "1.4.1999",
recenze:
"Skvělý, energický a často opomíjený dvoučlenný grunge ze Chicaga. Skladba Bound for the Floor je absolutní devadesátková klasika na nedělní odpoledne.",
tidal: "https://tidal.com/album/35776758",
spotify: "https://open.spotify.com/album/4DY4LZwEjx7zZ3tYtJG5Pl",
},
{
datum: "2026-12-15",
umelec: "🎤 Drowning Pool",
nazev: "💿 Sinner",
img: "https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthfvnext.bing.com%2Fth%2Fid%2FOIP.BxOlQGSUh-ch4eXJsJqScAHaHa%3Fcb%3Dthfvnextfalcon2%26pid%3DApi&f=1&ipt=399f0318e33ed8b30553e4310660d9cfe2570ce29516a36f872bed2b7d52d3c5&ipo=images",
vydano: "2001",
recenze:
"Jediné a přelomové nu-metalové album se zpěvákem Davem Williamsem před jeho smrtí. Skladba Bodies tě okamžitě nakopne do nového týdne.",
tidal: "https://tidal.com/album/31849321",
spotify: "https://open.spotify.com/album/74n5sNia8GcWvAeJ1z40Tb",
},
{
datum: "2026-12-16",
umelec: "🎤 Silverchair",
nazev: "💿 Frogstomp",
img: "https://resources.tidal.com/images/bfcdbeb3/499e/4710/9f8e/33d0576e5b35/1280x1280.jpg",
vydano: "1995",
recenze:
"Když tohle nahráli, bylo jim pouhých 15 let. Čistá esence australského grunge silně inspirovaná Nirvanou a Pearl Jam, která zní skvěle v jakoukoliv roční dobu.",
tidal: "https://tidal.com/album/43780895",
spotify: "https://open.spotify.com/album/4kp8sfeCDUMm4JKRdrD3aC",
},
{
datum: "2026-12-17",
umelec: "🎤 Adema",
nazev: "💿 Insomniac's Dream (EP)",
img: "https://resources.tidal.com/images/40465be3/49bf/468f/95fc/0ff4c6311ab9/1280x1280.jpg",
vydano: "2002",
recenze:
"Temnější a raritní EP od Ademy, které obsahuje nevydané skladby, předělávky a živáky. Skvělý sběratelský kousek pro fanoušky tradičního nu-metalu.",
tidal: "https://tidal.com/album/4824830",
spotify: "https://open.spotify.com/album/6pAOJclfhokMxW97rcmk5J",
},
{
datum: "2026-12-18",
umelec: "🎤 Godsmack",
nazev: "💿 The Other Side (akustické EP)",
img: "https://resources.tidal.com/images/82c2f6d7/7fbe/4ff6/8f51/437783e1cec0/1280x1280.jpg",
vydano: "2004",
recenze:
"Godsmack předělali své největší hity do akustické, temně grungeové podoby. Ideální poslech pro klidnější prosincový večer.",
tidal: "https://tidal.com/album/68992684",
spotify: "https://open.spotify.com/album/13qGRN8tCEARDYxmMPdX35",
},
{
datum: "2026-12-19",
umelec: "🎤 Spineshank",
nazev: "💿 Strictly Diesel",
img: "https://resources.tidal.com/images/fb0ed784/02db/4f92/bffd/da30f90a9e28/1280x1280.jpg",
vydano: "1998",
recenze:
"Předvečer mrtvé zóny. Agresivní, industriální nu-metal z konce tisíciletí, který ti dodá energii před nadcházejícím vánočním shonem.",
tidal: "https://tidal.com/album/706918",
spotify: "https://open.spotify.com/album/7vGVfxu2y4nopmUQM4uYIe",
} ,
{
datum: "2026-12-20",
umelec: "🎤 Tool",
@@ -3433,6 +3886,7 @@ const kalendarAlb = [
tidal: "https://tidal.com/artist/3850668",
spotify: "https://open.spotify.com/artist/2yEwvVSSSUkcLeSTNyHKh8",
},
{
datum: "2026-12-21",
umelec: "🎤 Green River",
web/script.js
+100
View File
@@ -0,0 +1,100 @@
// --- 2. ZJIŠTĚNÍ DNEŠNÍHO DATA ---
// objekt s aktuálním časem
const datum = new Date();
// rok, měsíc a den podle LOKÁLNÍHO času počítače
const rok = datum.getFullYear();
// Leden je v JS 0, proto přičíst 1.
// .padStart(2, '0') zajistí, že před jednociferné číslo se dá nula (např. "05")
const mesic = String(datum.getMonth() + 1).padStart(2, "0");
const den = String(datum.getDate()).padStart(2, "0");
// formát "RRRR-MM-DD"
const dnes = `${rok}-${mesic}-${den}`;
// výpis do konzole
// console.log("Opravené datum (lokální):", dnes);
// Pro testování:
// const dnes = "2026-07-25";
console.log("Dnes je:", dnes);
// --- 3. HLEDÁNÍ V SEZNAMU ---
// Funkce .find() projde pole 'kalendarAlb' a hledá shodu data
const dnesniAlbum = kalendarAlb.find((album) => album.datum === dnes);
// --- 4. ZOBRAZENÍ NA STRÁNCE ---
const vystup = document.getElementById("zobrazeni-alba");
if (dnesniAlbum) {
// Dnešní album
vystup.innerHTML = `
<div class="album-card">
<div class="datum">🗓️ ${dnesniAlbum.datum}</div>
<img src="${dnesniAlbum.img}" alt="Obal alba">
<h2>${dnesniAlbum.umelec}</h2>
<h3>${dnesniAlbum.nazev}</h3>
<p><strong>Vyšlo</strong> ${dnesniAlbum.vydano}</p>
<p>${dnesniAlbum.recenze}</p>
<a href="${dnesniAlbum.tidal}" target="_blank" class="btn tidal">Tidal</a> - <a href="${dnesniAlbum.spotify}" target="_blank" class="btn spotify">Spotify</a>
<p><a href="./about.html" class="btn about">👉🏻 O projektu 👈🏻</a></p>
</div>
`;
} else {
// Alert bez alba
vystup.innerHTML = `
<div class="album-card">
<h3>Dnes není v plánu žádné album 🎵</h3>
<p>Zkus se podívat zítra!</p>
</div>
`;
}
// --- 6. LOGIKA PRO ARCHIV (Předchozí alba) ---
const btnArchiv = document.getElementById("btn-archiv");
const divArchiv = document.getElementById("archiv-container");
btnArchiv.addEventListener("click", () => {
// A. Zkontrolujeme, jestli je archiv už otevřený
if (divArchiv.innerHTML !== "") {
divArchiv.innerHTML = ""; // Pokud ano, vymažeme ho (zavřeme)
btnArchiv.textContent = "📂 Zobrazit předchozí alba";
return; // Ukončíme funkci
}
// B. Vyfiltrujeme alba, která jsou starší než dnešek
// (Předpokládá, že proměnná 'dnes' a 'kalendarAlb' existují z předchozího kódu)
const minulaAlba = kalendarAlb.filter((album) => album.datum < dnes);
// C. Seřadíme je, aby nahoře bylo to nejnovější z minulosti
minulaAlba.sort((a, b) => b.datum.localeCompare(a.datum));
// D. Pokud žádná minulá alba nejsou
if (minulaAlba.length === 0) {
divArchiv.innerHTML =
"<p>Zatím tu žádná historie není. Přijď zítra! ⏳</p>";
return;
}
// E. Vykreslíme kartičky
let htmlObsah = "";
minulaAlba.forEach((album, index) => {
htmlObsah += `
<div class="archiv-item" style="animation-delay: ${index * 0.06}s">
<div class="datum">${album.datum}</div>
<img src="${album.img}" alt="${album.nazev}">
</a>
<h3>${album.umelec}</h3>
<div>${album.nazev}</div>
<br>
<div>${album.recenze}</div>
</div>
`;
});
divArchiv.innerHTML = htmlObsah;
btnArchiv.textContent = "❌ Zavřít archiv";
});
scriptabout.js → web/scriptabout.js
View File
web/style.css
+385
View File
@@ -0,0 +1,385 @@
/* === BODY === */
body {
font-family: sans-serif;
text-align: center;
padding: 50px;
background-image:
linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
url(./img/4525586.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
color: #e0e0e0;
}
/* Scanlines overlay */
body::after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(
to bottom,
transparent 0px,
transparent 2px,
rgba(0, 0, 0, 0.05) 2px,
rgba(0, 0, 0, 0.05) 4px
);
z-index: 9999;
pointer-events: none;
}
/* === H1 GLITCH === */
h1 {
color: #ffffff;
animation: glitch-text 6s infinite;
}
@keyframes glitch-text {
0%,
87%,
95%,
100% {
text-shadow: none;
transform: none;
filter: none;
}
88% {
text-shadow:
4px 0 #ff0000,
-4px 0 #00ffff;
transform: skewX(6deg);
filter: brightness(1.4);
}
89% {
text-shadow:
-5px 0 #ff0000,
5px 0 #00ffff;
transform: skewX(-4deg) translateX(6px);
filter: brightness(0.7);
}
90% {
text-shadow: none;
transform: none;
filter: none;
}
92% {
text-shadow:
2px 0 #ff0000,
-2px 0 #00ffff;
transform: skewX(2deg);
}
93% {
text-shadow: none;
transform: none;
filter: none;
}
}
/* === ALBUM CARD === */
.album-card {
background: rgba(12, 12, 12, 0.93);
padding: 20px;
border-radius: 10px;
border: 1px solid #8b0000;
box-shadow:
0 0 20px rgba(180, 0, 0, 0.4),
0 0 60px rgba(180, 0, 0, 0.15),
0 10px 30px rgba(0, 0, 0, 0.8);
display: inline-block;
max-width: 400px;
transition:
box-shadow 0.3s,
transform 0.3s;
animation:
card-entrance 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) both,
border-pulse 3s ease-in-out 0.7s infinite;
}
@keyframes card-entrance {
from {
transform: translateY(-80px) scale(0.9) rotate(-3deg);
opacity: 0;
filter: blur(5px);
}
to {
transform: translateY(0) scale(1) rotate(0);
opacity: 1;
filter: blur(0);
}
}
@keyframes border-pulse {
0%,
100% {
border-color: #8b0000;
box-shadow:
0 0 20px rgba(180, 0, 0, 0.4),
0 0 60px rgba(180, 0, 0, 0.15),
0 10px 30px rgba(0, 0, 0, 0.8);
}
50% {
border-color: #cc0000;
box-shadow:
0 0 30px rgba(220, 0, 0, 0.6),
0 0 80px rgba(220, 0, 0, 0.25),
0 10px 30px rgba(0, 0, 0, 0.8);
}
}
.album-card:hover {
transform: translateY(-4px);
box-shadow:
0 0 35px rgba(220, 0, 0, 0.7),
0 0 90px rgba(220, 0, 0, 0.3),
0 15px 40px rgba(0, 0, 0, 0.9);
}
.album-card h2 {
color: #ffffff;
}
.album-card h3 {
color: #cccccc;
}
.album-card p {
color: #b0b0b0;
}
/* === OBRÁZKY === */
img {
width: 100%;
border-radius: 5px;
margin-bottom: 15px;
}
.album-card img {
box-shadow: 0 0 12px rgba(180, 0, 0, 0.3);
transition:
transform 0.3s,
box-shadow 0.3s,
filter 0.3s;
}
.album-card img:hover {
transform: scale(1.03);
box-shadow: 0 0 25px rgba(220, 0, 0, 0.6);
filter: contrast(1.1) brightness(1.05);
}
/* === OBECNÉ NADPISY A TŘÍDY === */
h2 {
color: #e0e0e0;
}
.datum {
color: #ff4444;
font-size: 0.9em;
margin-bottom: 10px;
font-weight: bold;
}
.hastag {
color: #aaaaaa;
}
.smile {
color: #e0e0e0;
}
/* === STREAMING TLAČÍTKA === */
.btn {
display: inline-block;
text-decoration: none;
padding: 10px 20px;
border-radius: 25px;
color: white;
font-weight: bold;
margin: 5px;
transition: transform 0.2s;
}
.tidal {
background: linear-gradient(135deg, #111, #2a2a2a);
border: 1px solid #555;
}
.spotify {
background-color: #1db954;
border: 1px solid #17a347;
}
.about {
background: linear-gradient(135deg, #333, #555);
border: 1px solid #777;
}
.btn:hover {
transform: scale(1.08);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
}
/* === HLAVNÍ TLAČÍTKO (ARCHIV) === */
.btn-main {
background: linear-gradient(135deg, #6b0000 0%, #cc0000 100%);
border: 1px solid #ff3333;
box-shadow:
0 0 12px rgba(200, 0, 0, 0.35),
0 4px 15px rgba(0, 0, 0, 0.5);
color: white;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
letter-spacing: 0.5px;
padding: 15px 30px;
border-radius: 50px;
font-size: 1.1em;
cursor: pointer;
font-weight: bold;
transition: all 0.3s;
}
.btn-main:hover {
background: linear-gradient(135deg, #8b0000 0%, #ff1111 100%);
box-shadow:
0 0 22px rgba(255, 0, 0, 0.6),
0 6px 20px rgba(0, 0, 0, 0.6);
transform: scale(1.06);
}
/* === FOOTER TLAČÍTKO === */
.btn-footer {
background: linear-gradient(135deg, #2a0033, #550066);
border: 1px solid #cc44cc;
box-shadow: 0 0 10px rgba(180, 0, 180, 0.3);
border-radius: 20px;
cursor: pointer;
transition: all 0.3s;
font-weight: bold;
}
.btn-footer:hover {
box-shadow: 0 0 22px rgba(220, 0, 220, 0.55);
transform: scale(1.03);
}
.link-footer {
text-decoration: none;
color: #e0ccff;
}
/* === ARCHIVNÍ MŘÍŽKA === */
.archiv-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
max-width: 1200px;
margin: 0 auto;
}
.archiv-item {
background: rgba(18, 18, 18, 0.92);
padding: 15px;
border-radius: 8px;
border: 1px solid #2a2a2a;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.7);
color: #cccccc;
width: 250px;
text-align: center;
opacity: 0;
animation: fade-up 0.4s ease forwards;
transition:
border-color 0.3s,
box-shadow 0.3s,
transform 0.25s;
}
.archiv-item:hover {
border-color: #8b0000;
box-shadow:
0 0 15px rgba(180, 0, 0, 0.4),
0 6px 18px rgba(0, 0, 0, 0.8);
transform: translateY(-5px);
}
@keyframes fade-up {
from {
opacity: 0;
transform: translateY(25px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.archiv-item h3 {
font-size: 1em;
margin: 5px 0;
color: #e0e0e0;
}
.archiv-item .datum {
font-size: 0.8em;
color: #ff5555;
}
.archiv-item img {
width: 100%;
border-radius: 4px;
margin-bottom: 10px;
transition:
transform 0.3s,
filter 0.3s;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.archiv-item img:hover {
transform: scale(1.05);
filter: contrast(1.1) brightness(1.05);
}
/* === LOGO / FOTO === */
#vyzva {
width: 7%;
height: auto;
filter: drop-shadow(0 0 6px rgba(180, 0, 0, 0.5));
transition:
transform 0.3s,
filter 0.3s;
}
#vyzva:hover {
transform: scale(1.2) rotate(5deg);
filter: drop-shadow(0 0 15px rgba(255, 0, 0, 0.9));
}
/* === ODKAZY === */
.links {
color: #aa88ff;
text-decoration: none;
}
.links:hover {
color: #cc99ff;
text-decoration: underline;
}
/* === COPYRIGHT === */
.copyright {
font-size: 0.8em;
color: #888;
}
/* === RESPONSIVE === */
@media (max-width: 768px) {
body {
padding: 10px;
}
#vyzva {
width: 20%;
}
}