142 lines
2.9 KiB
HTML
142 lines
2.9 KiB
HTML
<style>
|
||
|
||
/* Discographys */
|
||
#discog {
|
||
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: space-between;
|
||
|
||
a {
|
||
text-decoration: none;
|
||
}
|
||
article {
|
||
margin:2px;
|
||
flex: 1 1 300px;
|
||
|
||
}
|
||
h2 {
|
||
font-size: 12em;
|
||
/* text-transform: uppercase;*/
|
||
line-height: 1em;
|
||
flex: 1 1 100%;
|
||
}
|
||
p {
|
||
flex: 1 1 100%;
|
||
font-size: .6em;
|
||
line-height: 1.75em;
|
||
max-width: 33vw;
|
||
|
||
strong {
|
||
font-size: 1.25em;
|
||
}
|
||
}
|
||
@media screen and (max-width: 1024px) {
|
||
h2 {
|
||
font-size: 8em;
|
||
}
|
||
p {
|
||
font-size: .9em;
|
||
max-width: unset;
|
||
}
|
||
strong {
|
||
font-size: 1.5em;
|
||
}
|
||
}
|
||
|
||
|
||
figure {
|
||
padding: 4px;
|
||
margin: auto;
|
||
border-style: double;
|
||
border-color: purple;
|
||
border-width: 10px;
|
||
|
||
img {
|
||
width: 100%;
|
||
object-fit: cover;
|
||
max-height: 300px;
|
||
}
|
||
|
||
|
||
}
|
||
figcaption {
|
||
font-family: Sigoil, 'Arial', 'Helvetica', sans-serif;
|
||
background-color: black;
|
||
color: white;
|
||
height: 286px;
|
||
padding: 20px;
|
||
margin-bottom: 4px;
|
||
border-color: purple;
|
||
border-width: 10px;
|
||
color: orange;
|
||
z-index: 100;
|
||
position: relative;
|
||
text-decoration: none;
|
||
line-height: 1.25em;
|
||
overflow-y: hidden;
|
||
|
||
}
|
||
|
||
}
|
||
|
||
</style>
|
||
|
||
{{ $data := dict }}
|
||
{{ $url := "https://shop.basspistol.com/podcast.rss" }}
|
||
|
||
<section id="discog">
|
||
<article class="section-headers">
|
||
<h2>Discography</h2>
|
||
<p><strong>The sound of freedom</strong><br />
|
||
Basspistol discography is a non-possessive aggregation of cuts recoreded by independent musicians. Getting your music from here implies 100% of your support being channeled straight to the artist. (Minus whatever fees charged by the monetization service they leverage.)
|
||
<br /><br />
|
||
The bellow selection is shuffled every 30 minutes. Anything pikcing your curiosity? The random gods may just have something to tell you...
|
||
<br /><br />
|
||
<a href="https://shop.basspistol.com" style="text-decoration: underline;">Check out the Tienda for more information</a>
|
||
|
||
|
||
</p>
|
||
<a class="button" href="https://shop.basspistol.com">𝕭𝖆𝖘𝖘𝖕𝖎𝖘𝖙𝖔𝖑 𝕿𝖎𝖊𝖓𝖉𝖆 🛖</a>
|
||
</article>
|
||
|
||
|
||
{{ with try (resources.GetRemote $url) }}
|
||
{{ with .Err }}
|
||
{{ errorf "%s" . }}
|
||
{{ else with .Value }}
|
||
{{ $data = . | transform.Unmarshal }}
|
||
{{ else }}
|
||
{{ errorf "Unable to get remote resource %q" $url }}
|
||
{{ end }}
|
||
{{ end }}
|
||
|
||
{{ with $data.channel.item }}
|
||
|
||
{{ range . | shuffle | first 5 }}
|
||
<article>
|
||
|
||
<a href="{{ .link }}" target="_blank">
|
||
|
||
<figure>
|
||
{{ range .image }}
|
||
<img src="{{ . }}" />
|
||
{{ end }}
|
||
<figcaption>
|
||
<p><strong>{{ .title }}</strong></p>
|
||
<p> </p>
|
||
<p>{{ .description | transform.Plainify | safeHTML | truncate 120 }}</p>
|
||
|
||
</figcaption>
|
||
</figure>
|
||
</a>
|
||
</article>
|
||
{{ end }}
|
||
|
||
{{ end }}
|
||
|
||
|
||
<!--<pre>{{ debug.Dump $data }}</pre>-->
|
||
|
||
<article class="section-footers"></article>
|
||
</section>
|