Compare commits
1 Commits
65dce05639
...
zola
| Author | SHA1 | Date | |
|---|---|---|---|
| 85e2147029 |
@ -2,7 +2,6 @@
|
|||||||
{artist: Vision Days}
|
{artist: Vision Days}
|
||||||
{columns: 2}
|
{columns: 2}
|
||||||
|
|
||||||
{c: Capo 2/3?}
|
|
||||||
{c: Bridge a sloka jsou off-beat}
|
{c: Bridge a sloka jsou off-beat}
|
||||||
|
|
||||||
{soc}
|
{soc}
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
{title: Cháluj}
|
{title: Cháluj}
|
||||||
{artist: Morčata na útěku}
|
{artist: Morřata na útěku}
|
||||||
{capo: 3}
|
{capo: 3}
|
||||||
|
|
||||||
{c: Capo 3/5}
|
{c: Capo 3/5}
|
||||||
|
|||||||
@ -2,5 +2,5 @@
|
|||||||
title = "Cháluj"
|
title = "Cháluj"
|
||||||
[taxonomies]
|
[taxonomies]
|
||||||
category = ["mixtape"]
|
category = ["mixtape"]
|
||||||
artist = ["Morčata na útěku"]
|
artist = ["Morřata na útěku"]
|
||||||
+++
|
+++
|
||||||
|
|||||||
@ -1,57 +0,0 @@
|
|||||||
{title: Chvíle}
|
|
||||||
{artist: Hop trop}
|
|
||||||
{columns: 2}
|
|
||||||
{diagrams: off}
|
|
||||||
|
|
||||||
{define: "Em (Am)" copy Em}
|
|
||||||
{define: "Bm (Em)" copy Bm}
|
|
||||||
{define: "Am (Dm)" copy Am}
|
|
||||||
{define: "A (D)" copy A}
|
|
||||||
{define: "C (F)" copy C}
|
|
||||||
|
|
||||||
{c: Akordy v závorce platí pro kapodastr na 7. poli}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
[Em (Am)]Mám rád ty chvíle, kdy noc už pomalu [Bm (Em)]končí,
|
|
||||||
[Am (Dm)]chvíle, co patřej' jen [Bm (Em)]těm, co neusí[Em (Am)]naj',
|
|
||||||
[Em (Am)]toulavejm bláznům, když právě s jarem se [Bm (Em)]loučí
|
|
||||||
a [Am (Dm)]za dobrý slovo ti [Bm (Em)]srdce svý na dlani [Em (Am)]daj'.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
[Em (Am)]Mám rád ty chvíle, kdy holkám ve vočích [Bm (Em)]svítí
|
|
||||||
[Am (Dm)]slunce, když do korun [Bm (Em)]stromů začlo se [Em (Am)]drát,
|
|
||||||
[Em (Am)]stejně jak v kapičkách rosy na pavoučích [Bm (Em)]sítích,
|
|
||||||
to [Am (Dm)]najednou chce se mi [Bm (Em)]brečet a zároveň [Em (Am)]smát.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{soc}
|
|
||||||
Ty rána s [A (D)]vůní borový [Em (Am)]smůly
|
|
||||||
měly by [A (D)]zůstat navždycky v [Em (Am)]nás,
|
|
||||||
ty rána s [C (F)]vůní sekaný [Bm (Em)]trávy
|
|
||||||
a ohně co [Am (Dm)]právě [Bm (Em)] pomalu [Em (Am)]zhas'.
|
|
||||||
{eoc}
|
|
||||||
{column_break}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
[Em (Am)]Mám rád ty chvíle, kdy kluci v duchu si [Bm (Em)]říkaj',
|
|
||||||
[Am (Dm)]jak je to nádherný, [Bm (Em)]léto před sebou [Em (Am)]mít.
|
|
||||||
[Em (Am)]Spolu si přejou, ať moc rychle dny neu[Bm (Em)]tíkaj'
|
|
||||||
a [Am (Dm)]trápení jsou někde v [Bm (Em)]dálce, a kolem je [Em (Am)]klid.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
[Em (Am)]Mám rád ty chvíle, kdy noc už pomalu [Bm (Em)]končí,
|
|
||||||
[Am (Dm)]chvíle, co patřej' jen [Bm (Em)]těm, co neusí[Em (Am)]naj',
|
|
||||||
[Em (Am)]toulavejm bláznům, když právě s jarem se [Bm (Em)]loučí
|
|
||||||
a [Am (Dm)]za dobrý slovo ti [Bm (Em)]srdce svý na dlani [Em (Am)]daj'.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{soc}
|
|
||||||
Ty rána s [A (D)]vůní borový [Em (Am)]smůly
|
|
||||||
měly by [A (D)]zůstat navždycky v [Em (Am)]nás,
|
|
||||||
ty rána s [C (F)]vůní sekaný [Bm (Em)]trávy
|
|
||||||
a ohně co [Am (Dm)]právě [Bm (Em)] pomalu [Em (Am)]zhas'.
|
|
||||||
{eoc}
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
+++
|
|
||||||
title = "Chvíle"
|
|
||||||
[taxonomies]
|
|
||||||
category = ["classic"]
|
|
||||||
artist = ["Hop trop"]
|
|
||||||
+++
|
|
||||||
@ -1,10 +1,7 @@
|
|||||||
{title: Jaro na Aljašce}
|
{title: Jaro na Aljašce}
|
||||||
{artist: K. T. O.}
|
{artist: K. T. O.}
|
||||||
{transpose: 5}
|
|
||||||
{columns: 2}
|
{columns: 2}
|
||||||
|
|
||||||
{c: Původně od G, transpozice o 5}
|
|
||||||
|
|
||||||
{sov}
|
{sov}
|
||||||
Až [G]jaro na Aljašku [C]zavítá k [G]nám,
|
Až [G]jaro na Aljašku [C]zavítá k [G]nám,
|
||||||
[G]hromadu zlata já [A]za zimu [D]mám,
|
[G]hromadu zlata já [A]za zimu [D]mám,
|
||||||
@ -32,8 +29,6 @@ když [G]jaro na Aljašku [C]zavítá k [G]nám?
|
|||||||
[G]šampaňský víno tu [A]sám budu [D]pít,
|
[G]šampaňský víno tu [A]sám budu [D]pít,
|
||||||
s [G]partnery svými tu [C]zůstanu [G]sám,
|
s [G]partnery svými tu [C]zůstanu [G]sám,
|
||||||
až [G]jaro na Aljašku [C]zavítá k [G]nám.
|
až [G]jaro na Aljašku [C]zavítá k [G]nám.
|
||||||
{eov}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
Až [G]jaro na Aljašku [C]zavítá k [G]nám.
|
Až [G]jaro na Aljašku [C]zavítá k [G]nám.
|
||||||
{eov}
|
{eov}
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
{title: Jdem zpátky do lesů}
|
{title: Jdem zpátky do lesů}
|
||||||
{artist: Žalman}
|
|
||||||
|
|
||||||
[Am7]Sedím na kolejích, [D]které nikam neve[G]dou, [C][G]
|
[Am7]Sedím na kolejích, [D]které nikam neve[G]dou, [C][G]
|
||||||
[Am7]koukám na kopretinu, jak [D]miluje se s lebe[G]dou, [C][G]
|
[Am7]koukám na kopretinu, jak [D]miluje se s lebe[G]dou, [C][G]
|
||||||
|
|||||||
@ -1,6 +0,0 @@
|
|||||||
+++
|
|
||||||
title = "Jezdím bez nehod"
|
|
||||||
[taxonomies]
|
|
||||||
category = ["classic"]
|
|
||||||
artist = ["Milan Chladil"]
|
|
||||||
+++
|
|
||||||
@ -1,63 +0,0 @@
|
|||||||
{title: Jezdím bez nehod}
|
|
||||||
{artist: Milan Chladil}
|
|
||||||
{columns: 2}
|
|
||||||
|
|
||||||
{c: Capo 3?}
|
|
||||||
|
|
||||||
{sob}
|
|
||||||
[G] [Am] [D] [G]
|
|
||||||
{eob}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
Dva roky [G]jezdím bez nehod,
|
|
||||||
s větrem se honím o [Am]závod.
|
|
||||||
Na moje [D]obutí je spolehnutí
|
|
||||||
a motor má vždy [D7]správný [G]chod.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
Asfalt mi [G]šumí pod koly,
|
|
||||||
kličkuji mezi výmo[Am]ly,
|
|
||||||
řítím se [D]jako drak, však vždycky jen tak,
|
|
||||||
jak předpisy mi [D7]dovo[G]lí.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{soc}
|
|
||||||
Tak já [C]pádím (on pádí)
|
|
||||||
cestou [G]necestou, (vždy svěží)
|
|
||||||
v pět v [D]Dejvicích (v pět v Dejvicích),
|
|
||||||
v Brně [G]před šestou (to [G7]stěží).
|
|
||||||
Však jak [C]říkám (jak říká),
|
|
||||||
není [G]náhodou (jen náhodou),
|
|
||||||
že se [A]nesetkám s neho[D]dou.
|
|
||||||
{eoc}
|
|
||||||
{column_break}
|
|
||||||
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
Bez nehod [G]jezdit dovedu,
|
|
||||||
tak vedu stroj svůj kupře[Am]du.
|
|
||||||
Vždy stejnou [D]rychlostí a bez starostí
|
|
||||||
jen díky svému [D7]mope[G]du.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{sob}
|
|
||||||
[G] [Am] [D] [G]
|
|
||||||
{eob}
|
|
||||||
|
|
||||||
{soc}
|
|
||||||
Tak já [C]pádím (on pádí)
|
|
||||||
cestou [G]necestou, (vždy svěží)
|
|
||||||
v pět v [D]Dejvicích (v pět v Dejvicích),
|
|
||||||
v Brně [G]před šestou (to [G7]stěží).
|
|
||||||
Však jak [C]říkám (jak říká),
|
|
||||||
není [G]náhodou (jen náhodou),
|
|
||||||
že se [A]nesetkám s neho[D]dou.
|
|
||||||
{eoc}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
Bez nehod [G]jezdit dovedu,
|
|
||||||
tak vedu stroj svůj kupře[Am]du.
|
|
||||||
Vždy stejnou [D]rychlostí a bez starostí
|
|
||||||
jen díky svému [D7]mope[G]du.
|
|
||||||
{eov}
|
|
||||||
@ -1,5 +1,4 @@
|
|||||||
{title: Karolína}
|
{title: Karolína}
|
||||||
{artist: Kamelot}
|
|
||||||
|
|
||||||
{define: Hm base-fret 1 frets 2 2 4 4 3 2 fingers 1 1 3 4 2 1}
|
{define: Hm base-fret 1 frets 2 2 4 4 3 2 fingers 1 1 3 4 2 1}
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
{title: Kundička růžová}
|
{title: Kundička růžová}
|
||||||
{artist: Standa}
|
|
||||||
|
|
||||||
{capo: 3}
|
{capo: 3}
|
||||||
{c: Capo: 3}
|
{c: Capo: 3}
|
||||||
|
|||||||
@ -1,9 +1,8 @@
|
|||||||
{title: Prasnice}
|
{title: Prasnice}
|
||||||
{artist: Standa}
|
|
||||||
{columns: 2}
|
|
||||||
|
|
||||||
{c: Originál Capo II (A, Bm, D, A, E)}
|
{c: Originál Capo II (A, Bm, D, A, E)}
|
||||||
|
|
||||||
|
{columns: 2}
|
||||||
|
|
||||||
{sov}
|
{sov}
|
||||||
[G]Ve tři ráno mi nesvědčí, [Am]že mám voči prasečí.
|
[G]Ve tři ráno mi nesvědčí, [Am]že mám voči prasečí.
|
||||||
Co s [C]tím? Radši zapla[G]tím. [D]
|
Co s [C]tím? Radši zapla[G]tím. [D]
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
{title: Prázdný nádraží}
|
{title: Prázdný nádraží}
|
||||||
{artist: Ozvěna}
|
|
||||||
|
|
||||||
{soc}
|
{soc}
|
||||||
Jen prázdný [C]nádraží na tebe dejchá samotou
|
Jen prázdný [C]nádraží na tebe dejchá samotou
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
{title: Ráno bylo stejný}
|
{title: Ráno bylo stejný}
|
||||||
{artist: Žalman}
|
|
||||||
|
|
||||||
{define: Hm base-fret 1 frets 2 2 4 4 3 2 fingers 1 1 3 4 2 1}
|
{define: Hm base-fret 1 frets 2 2 4 4 3 2 fingers 1 1 3 4 2 1}
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
{title: Sundej z hodin závaží}
|
{title: Sundej z hodin závaží}
|
||||||
{artist: Fešáci}
|
|
||||||
|
|
||||||
{sov}
|
{sov}
|
||||||
[D]Brouzdej trávou za tratí v dlouhých letních hodi[G]nách,
|
[D]Brouzdej trávou za tratí v dlouhých letních hodi[G]nách,
|
||||||
|
|||||||
@ -1,6 +0,0 @@
|
|||||||
+++
|
|
||||||
title = "Tajemství rituální obřízky"
|
|
||||||
[taxonomies]
|
|
||||||
category = ["mixtape"]
|
|
||||||
artist = ["Morčata na útěku"]
|
|
||||||
+++
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
{title: Tajemství rituální obřízky}
|
|
||||||
{artist: Morčata na útěku}
|
|
||||||
{album: Jsme trochu jiný}
|
|
||||||
{columns: 2}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
[F]Náš rabín mě řekl "už seš [C]velkej chlap",
|
|
||||||
[Am]vzal mě kolem ramen za pin[G]ďoura chňap.
|
|
||||||
[F]Nabrousil si velkej vostrej [C]sekáček
|
|
||||||
a [Am]sloupnul ho tak snadno [G]jak Libereckej [F]špekáček.[C]
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{sob}
|
|
||||||
[Am] [G] [F] [C] [Am] [G]
|
|
||||||
{eob}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
[F]Moje teta tvoje teta [C]svazačka,
|
|
||||||
[Am]říká se jim baba vobře[G]zavačka.
|
|
||||||
S [F]modlitbičkou na rtech v rytmu [C]dechovky
|
|
||||||
[Am]vobšvicnou ti ho víčkem vod [G]plechovky.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{soc}
|
|
||||||
[F]Když chtějí být chlapi bez své [C]kůžičky,
|
|
||||||
[Am]tak si na to vezmou velký [G]nužtičky.
|
|
||||||
[F]Co je na tom že to není [C]žádnej modní hit.
|
|
||||||
[Am]Holej jako prst ho prostě [G]musíš mít.
|
|
||||||
{eoc}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
[F]Vem si kudlu hoď šulina [C]na špalek
|
|
||||||
a [Am]nepoškoď si svůj močovej [G]kanálek.
|
|
||||||
[F]Představ si to jak když krájíš [C]slaninu
|
|
||||||
a [Am]uhňápni tu hnusnou [G]přebytečnou tkaninu.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{column_break}
|
|
||||||
{soc}
|
|
||||||
[F]Když chtějí být chlapi bez své [C]kůžičky,
|
|
||||||
[Am]tak si na to vezmou velký [G]nužtičky.
|
|
||||||
[F]Nedá se nic dělat, naro[C]dil ses jako žid,
|
|
||||||
[Am]holej jako prst ho prostě [G]musíš mít.
|
|
||||||
{eoc}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
[F]Je to jako jarní vánek [C]na poli.
|
|
||||||
[Am]Trošičku to štípne ale [G]nebolí.
|
|
||||||
[F]Bez kůžičky změní se ti [C]celej svět.
|
|
||||||
[Am]Všichni chlapci ti to budou [G]závidět.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{soc}
|
|
||||||
[F]Když chtějí být chlapi bez své [C]kůžičky,
|
|
||||||
[Am]tak si na to vezmou velký [G]nužtičky.
|
|
||||||
[F]Vem na to sekeru pilu [C]nebo zubní nit.
|
|
||||||
[Am]Holej jako prst ho prostě [G]musíš mít.
|
|
||||||
{eoc}
|
|
||||||
@ -1,5 +1,4 @@
|
|||||||
{title: Toulavej}
|
{title: Toulavej}
|
||||||
{artist: Vojta Kiďák Tomáško}
|
|
||||||
|
|
||||||
{sov}
|
{sov}
|
||||||
Někdo [Am]z vás, kdo chutnal [G]dálku jeden z [Am]těch, co rozu[E7]měj,
|
Někdo [Am]z vás, kdo chutnal [G]dálku jeden z [Am]těch, co rozu[E7]měj,
|
||||||
|
|||||||
@ -1,10 +1,9 @@
|
|||||||
{title: Už to nenapravím}
|
{title: Už to nenapravím}
|
||||||
{artist: Samson}
|
|
||||||
{columns: 2}
|
|
||||||
{capo: 2}
|
{capo: 2}
|
||||||
|
|
||||||
{c: Capo 2}
|
{c: Capo 2}
|
||||||
|
|
||||||
|
{columns: 2}
|
||||||
|
|
||||||
{soc}
|
{soc}
|
||||||
[Am]Vapadapadapadap[D]ap [F] [E] pa[Am]dadada [E]
|
[Am]Vapadapadapadap[D]ap [F] [E] pa[Am]dadada [E]
|
||||||
[Am]Vapadapadapadap[D]ap [F] [E] pa[Am]dadada [E]
|
[Am]Vapadapadapadap[D]ap [F] [E] pa[Am]dadada [E]
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
{title: Zahrada ticha}
|
{title: Zahrada ticha}
|
||||||
{artist: Jakub Smolík}
|
|
||||||
|
|
||||||
Je tam brána zdobe[D]ná, cestu oteví[Em]rá. Zahradu zele[C]nou [G] všechno připomí[D]ná.
|
Je tam brána zdobe[D]ná, cestu oteví[Em]rá. Zahradu zele[C]nou [G] všechno připomí[D]ná.
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +0,0 @@
|
|||||||
+++
|
|
||||||
title = "Žlutá"
|
|
||||||
[taxonomies]
|
|
||||||
category = ["mixtape"]
|
|
||||||
artist = ["Morčata na útěku"]
|
|
||||||
+++
|
|
||||||
@ -1,53 +0,0 @@
|
|||||||
{title: Žlutá}
|
|
||||||
{artist: Morčata na útěku}
|
|
||||||
{album: Tradice z krabice}
|
|
||||||
{columns: 2}
|
|
||||||
|
|
||||||
[G] [D] [C] [D] [Am] [G] [D]
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
[G]Žlutý je [D]pivo, který [C]denně pijem,[D]
|
|
||||||
[G]žlutá je [D]moč kterou na [C]patník chčijem,[D]
|
|
||||||
[G]žlutý je [D]slunko, který [C]vypálí zrak,[D]
|
|
||||||
žlutá je [F]krutá, [C]už je to [G]tak!
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{sov}
|
|
||||||
[G]Žlutý jsou [D]prošlý [C]šunkový [D]rolky,
|
|
||||||
[G]žlutý jsou [D]prej i [C]na Hokajdu [D]holky,
|
|
||||||
[G]žlutý má [D]hadry aj [C]Dan Neko[D]nečný,
|
|
||||||
krásně [F]žlutý je žluklý li[C]kér va[G]ječný.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{soc}
|
|
||||||
Žlutej je [C]pes, ve kterém zpívá starej Hejmovic [G]kluk
|
|
||||||
i tohle je [F]jeho [C]skladba a [F]nám je to [G]fuk,
|
|
||||||
žlutej je [C]Pták Čau, kterýho rozjezdil [G]vlak,
|
|
||||||
žlutá je [F]krutá! [C]Už je to [G]tak.
|
|
||||||
{eoc}
|
|
||||||
|
|
||||||
{column_break}
|
|
||||||
{sov}
|
|
||||||
[G]Žlutej je [D]ožralej [C]školník [D]Willie,
|
|
||||||
[G]žlutý jsou [D]prej i jeho [C]igelitky z [D]Billy
|
|
||||||
[G]vlaky a [D]autobusy [C]Študent A[D]gency
|
|
||||||
moje [F]játra, se žlouten[C]kou malí ko[G]jenci.
|
|
||||||
{eov}
|
|
||||||
|
|
||||||
{soc}
|
|
||||||
Jako [C]zahrada když flákneš kosou do kuřá[G]tek,
|
|
||||||
žlutý [F]jsou fleky na [C]trenclích, jetej [F]karbaná[G]tek,
|
|
||||||
žlutý je [C]slunko, který vypálí [G]zrak,
|
|
||||||
žlutá je [F]krutá! [C]Už je to [G]tak!
|
|
||||||
{eoc}
|
|
||||||
|
|
||||||
{sob}
|
|
||||||
[F] [C] [F] [Am7] [G] [D]
|
|
||||||
{eob}
|
|
||||||
|
|
||||||
{soc}
|
|
||||||
Žlutej je [C]pes, ve kterém zpívá starej Hejmovic [G]kluk
|
|
||||||
i tohle je [F]jeho [C]skladba a [F]nám je to [G]fuk,
|
|
||||||
žlutej je [C]Pták Čau, kterýho rozjezdil [G]vlak,
|
|
||||||
žlutá je [F]krutá! [C]Už je to [G]tak.
|
|
||||||
{eoc}
|
|
||||||
@ -1 +0,0 @@
|
|||||||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap');
|
|
||||||
@ -1,80 +0,0 @@
|
|||||||
@import "fonts";
|
|
||||||
|
|
||||||
$col-white: #fff;
|
|
||||||
$col-black: #2e3440;
|
|
||||||
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
background-color: $col-black;
|
|
||||||
color: $col-white;
|
|
||||||
font-family: "Noto Sans", Tahoma, Geneva, Verdana, sans-serif;
|
|
||||||
text-rendering: geometricPrecision;
|
|
||||||
transform-origin: 0 0;
|
|
||||||
transition: transform ease-out .25s;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.song {
|
|
||||||
padding: 1em 0 0 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 1.5em;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chords {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chorus, .verse, .tab {
|
|
||||||
margin: 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chorus {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
left: -1em;
|
|
||||||
display: block;
|
|
||||||
height: 100%;
|
|
||||||
width: 2px;
|
|
||||||
background-color: $col-white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab {
|
|
||||||
white-space: pre;
|
|
||||||
font-family: monospace;
|
|
||||||
font-size: 1.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment {
|
|
||||||
display: inline-block;
|
|
||||||
padding: .25em .5em;
|
|
||||||
background-color: #4c566a;
|
|
||||||
color: $col-white;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
body {
|
|
||||||
background-color: $col-white;
|
|
||||||
color: $col-black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chorus:before {
|
|
||||||
background-color: $col-black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment {
|
|
||||||
background-color: #d8dee9;
|
|
||||||
color: $col-black;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
230
sass/style.scss
230
sass/style.scss
@ -1,236 +1,10 @@
|
|||||||
@import "fonts";
|
|
||||||
|
|
||||||
$width-mobile: 900px;
|
|
||||||
|
|
||||||
* {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
|
||||||
background-color: #2e3440;
|
|
||||||
color: #fff;
|
|
||||||
font-family: "Noto Sans", Tahoma, Geneva, Verdana, sans-serif;
|
|
||||||
text-rendering: geometricPrecision;
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
background-color: #fff;
|
|
||||||
color: #2e3440;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
main.songs {
|
iframe.song {
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 1em;
|
|
||||||
max-width: 50em;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 1em;
|
|
||||||
|
|
||||||
@media only screen and (max-width: $width-mobile) {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filters {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
||||||
gap: 1em;
|
|
||||||
margin: 1em 0;
|
|
||||||
|
|
||||||
// This is removed via JS to prevent displaying the inputs
|
|
||||||
// on browsers wih JavaScript disabled.
|
|
||||||
&.hidden { display: none }
|
|
||||||
|
|
||||||
&>* {
|
|
||||||
border-radius: .5em;
|
|
||||||
box-shadow: rgba(15, 17, 21, 0.5) 0px 3px 6px 0px;
|
|
||||||
background-color: #3b4252;
|
|
||||||
color: inherit;
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
background-color: #fff;
|
|
||||||
color: #2e3440;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
grid-column: 1 / 3;
|
|
||||||
display: flex;
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
input {
|
|
||||||
font-size: inherit;
|
|
||||||
border: 0;
|
|
||||||
background-color: inherit;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="search"] {
|
|
||||||
flex-grow: 1;
|
|
||||||
padding: .75em 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="reset"] {
|
|
||||||
cursor: pointer;
|
|
||||||
width: 3em;
|
|
||||||
padding: 0;
|
|
||||||
background-size: auto 1.5em;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(160,163,170,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z'%3E%3C/path%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&>.button {
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
cursor: pointer;
|
|
||||||
user-select: none;
|
|
||||||
padding: .75em 1em;
|
|
||||||
|
|
||||||
&.selected {
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
&[data-category="mixtape"] { background-color: #bf616a }
|
|
||||||
&[data-category="classic"] { background-color: #5e81ac }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: $width-mobile) {
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.song-list {
|
|
||||||
display: grid;
|
|
||||||
gap: 1em;
|
|
||||||
|
|
||||||
&>div {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
gap: 1em;
|
|
||||||
padding: .5em;
|
|
||||||
padding-left: 1em;
|
|
||||||
border-radius: .5em;
|
|
||||||
box-shadow: rgba(15, 17, 21, 0.5) 0px 3px 6px 0px;
|
|
||||||
border-left: .7em solid #000;
|
|
||||||
background-color: #3b4252;
|
|
||||||
|
|
||||||
&.hidden { display: none }
|
|
||||||
|
|
||||||
&.mixtape { border-color: #bf616a }
|
|
||||||
&.classic { border-color: #5e81ac }
|
|
||||||
|
|
||||||
.meta {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
.title { font-weight: bold }
|
|
||||||
.artist { font-size: .8em }
|
|
||||||
}
|
|
||||||
|
|
||||||
.links {
|
|
||||||
display: flex;
|
|
||||||
gap: .5em;
|
|
||||||
|
|
||||||
&>* {
|
|
||||||
height: 2.75em;
|
|
||||||
width: 2.75em;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: auto 1.5em;
|
|
||||||
border-radius: .25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.html {
|
|
||||||
background-color: #5e81ac;
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M16 2L21 7V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5447 3 21.0082V2.9918C3 2.44405 3.44495 2 3.9934 2H16ZM17.6569 12L14.1213 8.46447L12.7071 9.87868L14.8284 12L12.7071 14.1213L14.1213 15.5355L17.6569 12ZM6.34315 12L9.87868 15.5355L11.2929 14.1213L9.17157 12L11.2929 9.87868L9.87868 8.46447L6.34315 12Z'%3E%3C/path%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
|
|
||||||
.pdf {
|
|
||||||
background-color: #bf616a;
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M3.9985 2C3.44749 2 3 2.44405 3 2.9918V21.0082C3 21.5447 3.44476 22 3.9934 22H20.0066C20.5551 22 21 21.5489 21 20.9925L20.9997 7L16 2H3.9985ZM10.5 7.5H12.5C12.5 9.98994 14.6436 12.6604 17.3162 13.5513L16.8586 15.49C13.7234 15.0421 10.4821 16.3804 7.5547 18.3321L6.3753 16.7191C7.46149 15.8502 8.50293 14.3757 9.27499 12.6534C10.0443 10.9373 10.5 9.07749 10.5 7.5ZM11.1 13.4716C11.3673 12.8752 11.6043 12.2563 11.8037 11.6285C12.2754 12.3531 12.8553 13.0182 13.5102 13.5953C12.5284 13.7711 11.5666 14.0596 10.6353 14.4276C10.8 14.1143 10.9551 13.7948 11.1 13.4716Z'%3E%3C/path%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
background-color: #fff;
|
|
||||||
color: #2e3440;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
main.song {
|
|
||||||
height: 100dvh;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
max-width: 50em;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
iframe {
|
|
||||||
flex-grow: 1;
|
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-left: .5em;
|
min-height: 100vh;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.controls {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 2em;
|
|
||||||
background-color: #3b4252;
|
|
||||||
|
|
||||||
section {
|
|
||||||
display:flex;
|
|
||||||
|
|
||||||
&.font-size>.button:hover, &.font-size>.button.active { background-color: #bf616a }
|
|
||||||
&.transpose>.button:hover, &.transpose>.button.active { background-color: #5e81ac }
|
|
||||||
&.autoscroll>.button.active { background-color: #d08770 }
|
|
||||||
|
|
||||||
.button{
|
|
||||||
display: grid;
|
|
||||||
align-items: center;
|
|
||||||
justify-items: center;
|
|
||||||
height: 2.5em;
|
|
||||||
width: 2.5em;
|
|
||||||
cursor: pointer;
|
|
||||||
background-position: center;
|
|
||||||
background-size: 1.5em;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
|
|
||||||
|
|
||||||
&.icon-add {
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
&.icon-subtract {
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M5 11V13H19V11H5Z'%3E%3C/path%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
&.icon-font-size {
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11.246 15H4.75416L2.75416 20H0.600098L7.0001 4H9.0001L15.4001 20H13.246L11.246 15ZM10.446 13L8.0001 6.88516L5.55416 13H10.446ZM21.0001 12.5351V12H23.0001V20H21.0001V19.4649C20.4118 19.8052 19.7287 20 19.0001 20C16.791 20 15.0001 18.2091 15.0001 16C15.0001 13.7909 16.791 12 19.0001 12C19.7287 12 20.4118 12.1948 21.0001 12.5351ZM19.0001 18C20.1047 18 21.0001 17.1046 21.0001 16C21.0001 14.8954 20.1047 14 19.0001 14C17.8955 14 17.0001 14.8954 17.0001 16C17.0001 17.1046 17.8955 18 19.0001 18Z'%3E%3C/path%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
&.icon-transpose {
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12 13.5351V3H20V5H14V17C14 19.2091 12.2091 21 10 21C7.79086 21 6 19.2091 6 17C6 14.7909 7.79086 13 10 13C10.7286 13 11.4117 13.1948 12 13.5351ZM10 19C11.1046 19 12 18.1046 12 17C12 15.8954 11.1046 15 10 15C8.89543 15 8 15.8954 8 17C8 18.1046 8.89543 19 10 19Z'%3E%3C/path%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
&.icon-scroll {
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12 10.0858L7.20712 5.29291L5.79291 6.70712L12 12.9142L18.2071 6.70712L16.7929 5.29291L12 10.0858ZM18 17L6.00001 17L6.00001 15L18 15V17Z'%3E%3C/path%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: $width-mobile) {
|
|
||||||
gap: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
// This is removed via JS to prevent displaying the controls
|
|
||||||
// on browsers wih JavaScript disabled.
|
|
||||||
.hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
66
static/chordpro.css
Normal file
66
static/chordpro.css
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
background-color: #d8d8d8;
|
||||||
|
color: #181818;
|
||||||
|
}
|
||||||
|
|
||||||
|
.song {
|
||||||
|
padding: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 1.5em;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chords {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chorus, .verse, .tab {
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chorus {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chorus:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: -1em;
|
||||||
|
display: block;
|
||||||
|
height: 100%;
|
||||||
|
width: 2px;
|
||||||
|
background-color: #181818;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab {
|
||||||
|
white-space: pre;
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 1.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment {
|
||||||
|
display: inline-block;
|
||||||
|
padding: .25em .5em;
|
||||||
|
background-color: #bbb;
|
||||||
|
color: #181818;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
background-color: #181818;
|
||||||
|
color: #d8d8d8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chorus:before {
|
||||||
|
background-color: #d8d8d8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment {
|
||||||
|
background-color: #585858;
|
||||||
|
color: #d8d8d8;
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB |
@ -1,44 +0,0 @@
|
|||||||
const filters = document.querySelector(".filters");
|
|
||||||
const buttons = Array.from(filters.querySelectorAll(".button"));
|
|
||||||
const search = document.querySelector("input[type='search']");
|
|
||||||
const form = document.querySelector("form");
|
|
||||||
const songList = document.querySelector(".song-list");
|
|
||||||
|
|
||||||
let selectedCategory = null;
|
|
||||||
|
|
||||||
function buttonToggle(clickedButton) {
|
|
||||||
buttons.forEach(button => {
|
|
||||||
if (button === clickedButton && !button.classList.contains("selected")) {
|
|
||||||
button.classList.add("selected");
|
|
||||||
selectedCategory = button.dataset.category;
|
|
||||||
} else {
|
|
||||||
button.classList.remove("selected");
|
|
||||||
if (button.dataset.category == selectedCategory) selectedCategory = null;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
filterSongs();
|
|
||||||
}
|
|
||||||
|
|
||||||
function filterSongs() {
|
|
||||||
const searchTerm = search.value.trim().toLowerCase().normalize("NFD").replace(/\p{Diacritic}/gu, "");
|
|
||||||
const songs = Array.from(songList.children);
|
|
||||||
songs.forEach(song => {
|
|
||||||
const title = song.dataset.title.toLowerCase().normalize("NFD").replace(/\p{Diacritic}/gu, "");
|
|
||||||
const matching = title.includes(searchTerm) && (!selectedCategory || song.dataset.category === selectedCategory);
|
|
||||||
song.classList.toggle("hidden", !matching);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Event listeners
|
|
||||||
search.addEventListener("input", filterSongs);
|
|
||||||
// Filtering happens before the reset itself without this timeout
|
|
||||||
form.addEventListener("reset", () => setTimeout(filterSongs, 0));
|
|
||||||
buttons.forEach(button => button.addEventListener("click", () => buttonToggle(button)));
|
|
||||||
|
|
||||||
// Normalize song titles
|
|
||||||
Array.from(songList.children).forEach(song => {
|
|
||||||
song.dataset.title = song.dataset.title.toLowerCase().normalize("NFD").replace(/\p{Diacritic}/gu, "");
|
|
||||||
});
|
|
||||||
|
|
||||||
// Display the filter section on JS-enabled browsers
|
|
||||||
window.addEventListener("load", () => filters.classList.remove = "hidden");
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
const controls = document.querySelector(".controls");
|
|
||||||
const song = document.querySelector("iframe.song").contentWindow;
|
|
||||||
|
|
||||||
// Autoscroll
|
|
||||||
var scroll;
|
|
||||||
function pageScroll() {
|
|
||||||
song.scrollBy(0, 1);
|
|
||||||
scroll = setTimeout(pageScroll, 80);
|
|
||||||
}
|
|
||||||
|
|
||||||
document.querySelector("#autoscroll").addEventListener("click", function() {
|
|
||||||
if (this.classList.contains("active")) {
|
|
||||||
clearTimeout(scroll);
|
|
||||||
} else {
|
|
||||||
pageScroll();
|
|
||||||
}
|
|
||||||
this.classList.toggle("active");
|
|
||||||
});
|
|
||||||
|
|
||||||
// Scaling
|
|
||||||
function pageScale(value) {
|
|
||||||
if (value === 0) {
|
|
||||||
song.document.body.style.transform = "scale(1)";
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const currentScale = parseFloat(song.document.body.style.transform.split("scale(")[1]) || 1;
|
|
||||||
song.document.body.style.transform = "scale(" + (currentScale + value) + ")";
|
|
||||||
}
|
|
||||||
|
|
||||||
controls.querySelector("#font-size-increase").addEventListener("click", () => pageScale(0.1));
|
|
||||||
controls.querySelector("#font-size-decrease").addEventListener("click", () => pageScale(-0.1));
|
|
||||||
controls.querySelector("#font-size-reset").addEventListener("click", () => pageScale(0));
|
|
||||||
|
|
||||||
// Display the controls on JS-enabled browsers
|
|
||||||
window.addEventListener("load", () => controls.classList.remove = "hidden");
|
|
||||||
@ -1,4 +1,3 @@
|
|||||||
{% import "macros.html" as macros %}
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
@ -6,43 +5,16 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>{% block title %}{{ config.title }}{% endblock %}</title>
|
<title>{% block title %}{{ config.title }}{% endblock %}</title>
|
||||||
<link rel="stylesheet" href="{{ get_url(path="/style.css") }}">
|
<link rel="stylesheet" href="{{ get_url(path="/style.css") }}">
|
||||||
<link rel="icon" type="image/png" href="{{ get_url(path="/favicon.png") }}">
|
<link rel="icon" href="favicon.svg">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<main class="songs">
|
<ul>
|
||||||
<section class="filters">
|
|
||||||
<form>
|
|
||||||
<input type="search" placeholder="Hledat">
|
|
||||||
<input type="reset" value="">
|
|
||||||
</form>
|
|
||||||
<div class="button" data-category="classic">Classic</div>
|
|
||||||
<div class="button" data-category="mixtape">Mixtape</div>
|
|
||||||
</section>
|
|
||||||
<section class="song-list">
|
|
||||||
{% for song in section.pages %}
|
{% for song in section.pages %}
|
||||||
<div class="{{ macros::primary_category(song=song) }}" data-title="{{ song.title }}" data-category="{{ macros::primary_category(song=song) }}">
|
<li><a href="{{ song.permalink }}">{{ song.title }}</a></li>
|
||||||
<div class="meta">
|
|
||||||
<div class="title">{{ song.title }}</div>
|
|
||||||
{% if song.taxonomies["artist"] %}
|
|
||||||
<div class="artist">{{ song.taxonomies["artist"][0] }}</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
<div class="links">
|
|
||||||
<a href="{{ song.permalink }}" class="html"></a>
|
|
||||||
{% for asset in song.assets %}
|
|
||||||
{% if asset is matching(song.slug~"[.](pdf)$") %}
|
|
||||||
<a href="{{ asset }}" class="pdf"></a>
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</ul>
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
{% endblock %}
|
|
||||||
{% block script %}
|
|
||||||
<script src="{{ get_url(path="/js/filter.js") }}"></script>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
{% block script %}{% endblock %}
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,5 +0,0 @@
|
|||||||
{% macro primary_category(song) %}
|
|
||||||
{%- if song.taxonomies["category"] -%}
|
|
||||||
{{ song.taxonomies["category"][0] }}
|
|
||||||
{%- endif -%}
|
|
||||||
{% endmacro %}
|
|
||||||
@ -1,29 +1,8 @@
|
|||||||
{% extends "index.html" %}
|
{% extends "index.html" %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<main class="song">
|
|
||||||
{% for asset in page.assets %}
|
{% for asset in page.assets %}
|
||||||
{% if asset is matching(page.slug~"[.](html)$") %}
|
{% if asset is matching(page.slug~"[.](html)$") %}
|
||||||
<iframe class="song" src="{{ asset }}"></iframe>
|
<iframe class="song" src="{{ asset }}"></iframe>
|
||||||
<nav class="controls hidden">
|
|
||||||
<section class="font-size">
|
|
||||||
<div class="button icon-subtract" id="font-size-decrease"></div>
|
|
||||||
<div class="button icon-font-size" id="font-size-reset"></div>
|
|
||||||
<div class="button icon-add" id="font-size-increase"></div>
|
|
||||||
</section>
|
|
||||||
<section class="transpose">
|
|
||||||
<div class="button icon-subtract" id="transpose-decrease"></div>
|
|
||||||
<div class="button icon-transpose" id="transpose-reset"></div>
|
|
||||||
<div class="button icon-add" id="transpose-increase"></div>
|
|
||||||
</section>
|
|
||||||
<section class="autoscroll">
|
|
||||||
<div class="button icon-scroll" id="autoscroll"></div>
|
|
||||||
</section>
|
|
||||||
</nav>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</main>
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block script %}
|
|
||||||
<script src="{{ get_url(path="/js/song-controls.js") }}"></script>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Reference in New Issue
Block a user