diff --git a/about.html b/about.html new file mode 100644 index 0000000..6bc2d90 --- /dev/null +++ b/about.html @@ -0,0 +1,66 @@ + + + + + Zažij numetal a grunge každý den, po celý rok. 💿 + + + + + + + + + + + + + + + +

Aplikace je stále vyvývoji, mohou se objevit chyby. Plné nasazení se očekává 1.1.2026

+

🎸 Zažij numetal a grunge každý den, po celý rok. 💿

+

💿 Každý den jedno album. 💪 Zvládneš tuto výzvu v roce 2026? 🤟 Ukaž že na to máš.

+ +
+

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.

+
+

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.

+

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.

+
+

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.

+

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.

+
+

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.

+

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.

+
+

Ta energie je nenahraditelná. V dnešní době vyžehleného popu chybí ta lidská nedokonalost a dravost.

+
+

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šť.

+
+

Zvu vás, abyste do toho šli se mnou. Nemusíte hledat, co si pustit. Stačí otevřít aplikaci a nechat se vést.

+
+

(PS: Aplikaci jsem si naprogramoval sám, tak buďte shovívaví, jde hlavně o tu hudbu! 🤘 Budu velmi rád za sdílení 🙏)

+
+

Zpět na výzvu

+ + + + + + + + diff --git a/img/nu-metal-wallpapers.png b/img/nu-metal-wallpapers.png new file mode 100644 index 0000000..07e8873 Binary files /dev/null and b/img/nu-metal-wallpapers.png differ diff --git a/img/so0naj17qrh91.jpg b/img/so0naj17qrh91.jpg new file mode 100644 index 0000000..ff4bf61 Binary files /dev/null and b/img/so0naj17qrh91.jpg differ diff --git a/index.html b/index.html index f89494d..d070f3a 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ - Hudební Kalendář + Zažij numetal a grunge každý den, po celý rok. 💿 @@ -19,29 +19,14 @@ - - - -

🎸 Zažij numetal a grunge každý den, po celý rok. 💿

-

💿 Každý den jedno album. 💪 Zvládneš tuto výzvu v roce 2026? 🤟 Ukaž že na to máš.

-

Aplikace je v testovacím režimu (díky za nahlášení chyb). Na ostro jedeme od 1.1.2026!

-

#GrungeMetalRok #HudebniVyzva #NuMetal #AlbumDne #TipNaHudbu #DnesPosloucham

+
- +
Výzva
diff --git a/musicData.js b/musicData.js index 009260d..76cc523 100644 --- a/musicData.js +++ b/musicData.js @@ -183,7 +183,7 @@ }, { datum: "2026-01-07", - umelec: "🎤 Twisted Method ", + umelec: "🎤 Twisted Method", nazev: "💿 Escape from Cape Coma", img: "https://resources.tidal.com/images/cecd9139/c794/4711/ab7c/c971977b909e/1280x1280.jpg", vydano: "2003", @@ -191,4 +191,134 @@ tidal: "https://tidal.com/album/255500183", spotify: "https://open.spotify.com/album/3GzpA2rUPGt29aWbkMVctj", }, + { + datum: "2026-01-08", + umelec: "🎤 Spike 1000", + nazev: "💿 Waste of Skin", + img: "https://resources.tidal.com/images/a4538346/a01f/4c8f/9898/009a5c6a6aa8/1280x1280.jpg", + vydano: "2001", + recenze: "Kapela s frontwoman, což v nu-metalu (kromě Kittie a Otep) nebylo tak časté. Skvělý mix melodie a tvrdosti.", + tidal: "https://tidal.com/album/539804", + spotify: "https://open.spotify.com/album/5vlJuHJKL0fkvGBoZbaDnK", + }, + { + datum: "2026-01-09", + umelec: "🎤 Boy Hits Car", + nazev: "💿 Boy Hits Car", + img: "https://resources.tidal.com/images/6efa2bb4/ff0b/4f6d/8846/333f3a23bf91/1280x1280.jpg", + vydano: "9.1.2001", + recenze: "Co to je: Lovecore. Tahle kapela míchala nu-metal s world music a akustickými kytarami. Naprosto unikátní zvuk, který jinde neuslyšíš.", + tidal: "https://tidal.com/album/32074179", + spotify: "https://open.spotify.com/album/6hutUJoKIA9u0pMyNHlVDv", + }, + { + datum: "2026-01-10", + umelec: "🎤 Haunted Horses", + nazev: "💿 Dweller", + img: "https://resources.tidal.com/images/9a58454f/1c26/45e7/962d/6ef831f55fbc/1280x1280.jpg", + vydano: "10.1.2025", + recenze: "Moderní pojetí noise-rocku a industrialu. Pokud máš rád temnější stránku grunge (jako rané Nirvana B-sides), tohle tě bude bavit.", + tidal: "https://tidal.com/album/398251424", + spotify: "https://open.spotify.com/artist/6snN2rjeQQ7pG8SMJ5w2Gm", + }, + { + datum: "2026-01-11", + umelec: "🎤 Kittie", + nazev: "💿 Spit", + img: "https://resources.tidal.com/images/2c19c887/366c/429d/98f4/a9b67eb63c5f/1280x1280.jpg", + vydano: "11.1.2000", + recenze: "Legenda: První album Kittie původně vyšlo na podzim 1999, ale 11. ledna vyšla verze, která dobyla svět. Píseň Brackish je absolutní hymna ženského nu-metalu.", + tidal: "https://tidal.com/album/334245150", + spotify: "https://open.spotify.com/album/5PyNZ5DIu4UNWYfIgJwqXH", + }, + { + datum: "2026-01-12", + umelec: "🎤 Motograter", + nazev: "💿 Motograter", + img: "https://resources.tidal.com/images/8cfab8c4/5639/42b2/9da4/ded8a0299ab4/1280x1280.jpg", + vydano: "2003", + recenze: "Kapela, kde začínal Ivan Moody (dnes Five Finger Death Punch). Používali vlastnoručně vyrobený nástroj Motograter z průmyslových kabelů. Temné, kmenové, hutné.", + tidal: "https://tidal.com/album/255519", + spotify: "https://open.spotify.com/album/4BoC5fsK04wLyeEYEIaOpn", + }, + { + datum: "2026-01-13", + umelec: "🎤 Korn", + nazev: "💿 Forgotten", + img: "https://resources.tidal.com/images/30698456/aeb8/42e8/bec7/46cbb74a7693/1280x1280.jpg", + vydano: "13.1.2022", + recenze: "V tento den Korn vydali první ochutnávku z alba Requiem. Pusť si to a k tomu třeba celé album, ať vidíš, jak zní staří fotři nu-metalu dnes.", + tidal: "https://tidal.com/album/211473089", + spotify: "https://open.spotify.com/track/00BBwHjAf8WWq4HcOtEJO1", + }, + { + datum: "2026-01-14", + umelec: "🎤 40 Below Summer", + nazev: "💿 Invitation to the Dance", + img: "https://resources.tidal.com/images/ea5a2b35/3412/4073/a9c3/2bbc8f353168/1280x1280.jpg", + vydano: "2001", + recenze: "Pokud hledáš kapelu, která zní jako mix Slipknot a Incubus, jsi doma. Zpěvák Max Illidge má jeden z nejlepších hlasů v žánru.", + tidal: "https://tidal.com/album/3470519", + spotify: "https://open.spotify.com/album/7mtd4Uz9RrBecHD6jaQWLb", + }, + { + datum: "2026-01-15", + umelec: "🎤 Five Bolt Main", + nazev: "💿 Venting", + img: "https://resources.tidal.com/images/30e7f16b/0e95/4342/97d8/afc688b1d5f8/1280x1280.jpg", + vydano: "2005", + recenze: "Projekt zpěváka z Flaw. Je to melodický, emotivní nu-metal/post-grunge. Ideální na klidnější poslech uprostřed měsíce. Bohužel Tidal toto album nenabízí.", + tidal: "https://tidal.com/artist/16503", + spotify: "https://open.spotify.com/album/227IyUn6NiHO2lE0tfZKfa", + }, + { + datum: "2026-01-16", + umelec: "🎤 Dry Kill Logic", + nazev: "💿 The Darker Side of Nonsense", + img: "https://resources.tidal.com/images/9bfd6d5b/13fa/40a7/96e1/89076a5a1319/1280x1280.jpg", + vydano: "2001", + recenze: "Tohle je pro dny, kdy jsi naštvaný. Čistá agrese, žádné rapování o holkách, jen tvrdé riffy a řev. Skladba Rot je brutální.", + tidal: "https://tidal.com/album/704273", + spotify: "https://open.spotify.com/album/2MwTe2PM8IAZy84vfYtpEz", + }, + { + datum: "2026-01-17", + umelec: "🎤 Simon Says", + nazev: "💿 Shut Your Breath", + img: "https://resources.tidal.com/images/f31ef27f/ff1c/4331/9415/d46637bf6879/1280x1280.jpg", + vydano: "2001", + recenze: "Sacramento scene. Velmi nedoceněná kapela, která míchala post-grunge s nu-metalovou tvrdostí. Produkoval to stejný člověk jako Limp Bizkit.", + tidal: "https://tidal.com/album/311515701", + spotify: "https://open.spotify.com/album/3f3a5L0nq6H3GIA4b0i74U", + }, + { + datum: "2026-01-18", + umelec: "🎤 Nothingface", + nazev: "💿 Violence", + img: "https://resources.tidal.com/images/959120fe/33b0/40be/bd74/0f350517eb76/1280x1280.jpg", + vydano: "2000", + recenze: "Mnozí fanoušci považují Nothingface za nejlepší nu-metalovou kapelu, která se nikdy nestala slavnou. Komplexní, technické, ale stále chytlavé.", + tidal: "https://tidal.com/album/35146920", + spotify: "https://open.spotify.com/album/7yQZd3pPslCqM6J1IOMWMj", + }, + { + datum: "2026-01-19", + umelec: "🎤 Pressure 4-5", + nazev: "💿 Burning the Process", + img: "https://resources.tidal.com/images/496ab361/fea3/4292/9bdc/059a771b4be6/1280x1280.jpg", + vydano: "2001", + recenze: "Zněli hodně jako Papa Roach, ale trochu techničtěji. Hráli na Ozzfestu a pak zmizeli. Skrytý klenot roku 2001.", + tidal: "https://tidal.com/album/3974107", + spotify: "https://open.spotify.com/album/1u0Wtdd0tuDiCmoUb5mg6l", + }, + { + datum: "2026-01-20", + umelec: "🎤 Slaves on Dope", + nazev: "💿 Inches from the Mainline", + img: "https://resources.tidal.com/images/08de420c/3e36/4b2f/a48d/0dd9ee40e499/1280x1280.jpg", + vydano: "2000", + recenze: "První kapela, kterou Ozzy Osbourne podepsal na svůj label. Kanadský nu-metal, hodně ovlivněný Faith No More a Korn.", + tidal: "https://tidal.com/album/123800451", + spotify: "https://open.spotify.com/album/6FH0kAYm6rSSSZEdj0cIJb", + }, ]; \ No newline at end of file diff --git a/script.js b/script.js index 62ff63d..96c5ab0 100644 --- a/script.js +++ b/script.js @@ -33,13 +33,15 @@ const dnes = `${rok}-${mesic}-${den}`; // Dnešní album vystup.innerHTML = `
+ +
🗓️ ${dnesniAlbum.datum}
Obal alba

${dnesniAlbum.umelec} - ${dnesniAlbum.nazev}

Vyšlo ${dnesniAlbum.vydano}

${dnesniAlbum.recenze}

Tidal - Spotify - +

👉🏻 O projektu 👈🏻

`; } else { @@ -52,16 +54,7 @@ const dnes = `${rok}-${mesic}-${den}`; `; } - // --- 5. Photo Gallery -> section (zoom) -const img = document.querySelector(".zoom"); - -img.addEventListener("mouseenter", () => { - img.style.transform = "scale(4.2)"; -}); - -img.addEventListener("mouseleave", () => { - img.style.transform = "scale(1)"; -}); + // --- 6. LOGIKA PRO ARCHIV (Předchozí alba) --- diff --git a/scriptabout.js b/scriptabout.js new file mode 100644 index 0000000..fa3a8a2 --- /dev/null +++ b/scriptabout.js @@ -0,0 +1,10 @@ +// --- 5. Photo Gallery -> section (zoom) +const img = document.querySelector(".zoom"); + +img.addEventListener("mouseenter", () => { + img.style.transform = "scale(10.2)"; +}); + +img.addEventListener("mouseleave", () => { + img.style.transform = "scale(1)"; +}); \ No newline at end of file diff --git a/style.css b/style.css index fcae96c..459466f 100644 --- a/style.css +++ b/style.css @@ -1,4 +1,4 @@ -body { font-family: sans-serif; text-align: center; padding: 50px; background-color: #333; } +body { font-family: sans-serif; text-align: center; padding: 50px; background-image: url(./img/so0naj17qrh91.jpg); } .album-card { background: grey; padding: 20px; @@ -8,11 +8,13 @@ body { font-family: sans-serif; text-align: center; padding: 50px; background-co max-width: 400px; } img { width: 100%; border-radius: 5px; margin-bottom: 15px; } - h1 { color: black } + 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 */ @@ -28,28 +30,13 @@ body { font-family: sans-serif; text-align: center; padding: 50px; background-co /* 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; } -footer { - margin-top: 50px; - border-top: 1px solid #ddd; - padding-top: 20px; - font-size: 0.8em; - color: #666; -} -footer a { - color: black; - margin: 0 10px; - text-decoration: none; - font-weight: bold; -} -footer a:hover { - color: #000; - text-decoration: underline; -} + @media (max-width: 768px) { body { diff --git a/styleabout.css b/styleabout.css new file mode 100644 index 0000000..0d07281 --- /dev/null +++ b/styleabout.css @@ -0,0 +1,44 @@ +body { font-family: sans-serif; text-align: center; padding: 50px; background-color: grey; } + .text { + 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} + + + +@media (max-width: 768px) { + body { + padding: 10px; + } + +} + +/*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; +} +