kankys/musicCalendar
1
0
Fork 0
mirror of https://codeberg.org/Kankys/musicCalendar.git synced 2026-01-08 18:32:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: kankys:73735b1baabaa84f1d656406771e3cc38d80f0fc
Branches Tags
kankys:main
...
compare: kankys:main
Branches Tags
kankys:main

8 Commits
73735b1baa ... main

Author SHA1 Message Date
Kankys
2b25819027 Rozšíření hastagu + db date 2026-01-06 21:24:29 +01:00
Kankys
c895b0b85d new data music 2026-01-06 20:29:15 +01:00
Kankys
c9ed64b047 březen 2025-12-30 13:59:52 +01:00
Kankys
c55a909f0f skoro březen 2025-12-26 13:48:47 +01:00
Kankys
501d794001 úpravy grafiky 2025-12-26 07:50:33 +01:00
Kankys
78f928b4b8 unor komplet 2025-12-25 18:46:54 +01:00
Kankys
5d2cf2788c oprava linku, rozšíření DB, Full web(bez db) 2025-12-25 00:51:40 +01:00
Kankys
f8762aa023 Leden komplet 2025-12-24 19:09:32 +01:00
8 changed files with 1015 additions and 135 deletions
Expand all files Collapse all files

4
README.md
View File

@@ -1,8 +1,8 @@
# 💿 Každý den jedno album. 🎸 Zažíj numetal a grunge každý den. # 💿 Každý den jedno album. 🎸 Zažíj numetal a grunge každý den.
## 💪 Zvládneš tuto výzvu v roce 2026? ## 💪 Zvládneš tuto výzvu v roce 2026?
## 🤟 Ukaž že na to máš . ## 🤟 Ukaž že na to máš .
Odkaz na [výzvu](https://lukaskanka.cz/musicCalendar/index.html) Odkaz na [výzvu](https://music.lukan.cz)
Projekt hostuje [OSCloud](https://oscloud.cz/) 👉 vstupenka do světa Open-source a hostingu. Díky!
Do konce roku jedeme v testovacím režimu, od 1.1.2026 začínáme na ostro. Do konce roku jedeme v testovacím režimu, od 1.1.2026 začínáme na ostro.

18
about.html
View File

@@ -135,7 +135,7 @@
pomalého tempa přidali rytmiku hip-hopu a elektroniku. pomalého tempa přidali rytmiku hip-hopu a elektroniku.
</p> </p>
<p> <p>
Kytaristtext-align: center;a Alice in Chains Jerry Cantrell nebo soundgardenovský Kim Kytarista Alice in Chains Jerry Cantrell nebo soundgardenovský Kim
Thayil položili základy pro zvuk, který později kapely jako Korn Thayil položili základy pro zvuk, který později kapely jako Korn
dotáhly do extrému sedmistrunnými kytarami. dotáhly do extrému sedmistrunnými kytarami.
</p> </p>
@@ -173,27 +173,27 @@
<div class="socials"> <div class="socials">
<a <a
href="https://bsky.app/profile/kankys.bsky.social" href="https://bsky.app/profile/kankys.bsky.social"
target="_blank" style="color: blueviolet; text-decoration: none" target="_blank" class="links"
>Bluesky</a >Bluesky</a
> >
<br /> <br />
<a href="https://codeberg.org/Kankys" target="_blank" style="color: blueviolet; text-decoration: none">Codeberg</a> <a href="https://codeberg.org/Kankys" target="_blank" class="links">Codeberg</a>
<br /> <br />
<a <a
href="https://lukaskanka.cz/index/about/index.html" href="https://lukaskanka.cz/index/about/index.html"
target="_blank" style="color: blueviolet; text-decoration: none" target="_blank" class="links"
>Pokud chčeš podpořit tento projekt veškeré informace najdeš >Pokud chčeš podpořit tento projekt veškeré informace najdeš
zde.</a zde.</a
> >
<p class="hastag"> <p class="hastag">
#GrungeMetalRok #HudebniVyzva #NuMetal #AlbumDne #TipNaHudbu #GrungeMetalRok #HudebniVyzva #NuMetal #AlbumDne #TipNaHudbu
#DnesPosloucham #DnesPosloucham #Tidal #Spotify #KazdyDenJednoAlbum
</p> </p>
</div> </div>
<p class="copyright">&copy; 2025 Tvůj Hudební Kurátor Kankys</p> <p class="copyright">&copy; 2025 Tvůj Hudební Kurátor Kankys</p>
<p style="font-size: 0.8em; margin-top: 10px"> <p style="font-size: 0.8em; margin-top: 10px">
<a href="gdpr.html" style="color: blueviolet; text-decoration: none" <a href="gdpr.html" class="links"
>Ochrana soukromí (GDPR)</a >Ochrana soukromí a jiné žvásty (GDPR)</a
> >
</p> </p>
<section class="photo"> <section class="photo">
@@ -204,8 +204,12 @@
alt="Výzva" alt="Výzva"
/> />
</section> </section>
<a href="https://www.facebook.com/groups/1802260010492466" target="_blank" style="color: rgb(88, 88, 227);"><h3>FACEBOOK</h3></a>
</footer> </footer>
</div> </div>
</div> </div>
<script src="scriptabout.js"></script> <script src="scriptabout.js"></script>

2
gdpr.html
View File

@@ -83,7 +83,7 @@
<div class="gdpr-section"> <div class="gdpr-section">
<h3>5. Kontakt</h3> <h3>5. Kontakt</h3>
<p>Pokud máš pocit, že jsem narušil tvou auru nebo máš dotaz:</p> <p>Pokud máš pocit, že jsem narušil tvou auru nebo máš dotaz:</p>
<p>📧 Napiš mi. Kontakt najdeš na mém hlavním webu. Nebo na Bluesky. Nebo si prostě pusť Nirvanu a neřeš to.</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>
<div class="back-btn"> <div class="back-btn">

BIN
img/4525586.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 313 KiB

15
index.html
View File

@@ -35,6 +35,13 @@
<link rel="shortcut icon" href="img/electric-guitar_12494348.png" /> <link rel="shortcut icon" href="img/electric-guitar_12494348.png" />
</head> </head>
<body> <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
>
</p>
<div id="zobrazeni-alba"></div> <div id="zobrazeni-alba"></div>
<div style="margin-top: 30px; margin-bottom: 20px"> <div style="margin-top: 30px; margin-bottom: 20px">
<button id="btn-archiv" class="btn-main"> <button id="btn-archiv" class="btn-main">
@@ -43,16 +50,20 @@
</div> </div>
<div id="archiv-container" class="archiv-grid"></div> <div id="archiv-container" class="archiv-grid"></div>
<div style="margin-top: 30px; margin-bottom: 20px"> <div style="margin-top: 30px; margin-bottom: 20px">
<button id="btn-footer" class="btn-footer"> <button id="btn-footer" class="btn-footer"><br/>
<a href="gdpr.html" class="link-footer" <a href="gdpr.html" class="link-footer"
>Ochrana soukromí (GDPR) >Ochrana soukromí a jiné žvásty (GDPR)
<p class="copyright">&copy; 2025 Tvůj Hudební Kurátor Kankys</p></a <p class="copyright">&copy; 2025 Tvůj Hudební Kurátor Kankys</p></a
> >
</button> </button>
</div> </div>
<section class="photo"> <section class="photo">
<img id="vyzva" class="zoom" src="./img/vyzva-EDIT.jpg" alt="Výzva" /> <img id="vyzva" class="zoom" src="./img/vyzva-EDIT.jpg" alt="Výzva" />
</section> </section>
<br>
<a href="https://www.facebook.com/groups/1802260010492466" target="_blank" style="color: rgb(88, 88, 227);"><h3>FACEBOOK</h3></a>
<script src="musicData.js"></script> <script src="musicData.js"></script>
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>

1090
musicData.js
View File

File diff suppressed because it is too large Load Diff

2
script.js
View File

@@ -33,8 +33,6 @@ const dnes = `${rok}-${mesic}-${den}`;
// Dnešní album // Dnešní album
vystup.innerHTML = ` vystup.innerHTML = `
<div class="album-card"> <div class="album-card">
<div class="datum">🗓️ ${dnesniAlbum.datum}</div> <div class="datum">🗓️ ${dnesniAlbum.datum}</div>
<img src="${dnesniAlbum.img}" alt="Obal alba"> <img src="${dnesniAlbum.img}" alt="Obal alba">
<h2>${dnesniAlbum.umelec} - ${dnesniAlbum.nazev}</h2> <h2>${dnesniAlbum.umelec} - ${dnesniAlbum.nazev}</h2>

19
style.css
View File

@@ -2,7 +2,18 @@ body {
font-family: sans-serif; font-family: sans-serif;
text-align: center; text-align: center;
padding: 50px; padding: 50px;
background-image: url(./img/so0naj17qrh91.jpg); 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 { .album-card {
background: grey; background: grey;
@@ -144,8 +155,14 @@ h2 {
cursor: pointer; cursor: pointer;
transition: background 0.3s; transition: background 0.3s;
font-weight: bold; font-weight: bold;
background-color: violet;
} }
.link-footer { .link-footer {
text-decoration: none; /* Zruší podtržení */ text-decoration: none; /* Zruší podtržení */
color: black; color: black;
} }
/* odkazy */
.links {
color: blueviolet; text-decoration: none;
}