hq/basspistol2025
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: hq:c0bd932d579cf6a00884f7f00ef4e4d3257b3ef4
Branches Tags
hq:main
hq:radiofix
hq:refactor
hq:gancio-fix
..
compare: hq:276eeb12cded8955504fc8048a609fbad75e28ac
Branches Tags
hq:main
hq:radiofix
hq:refactor
hq:gancio-fix

No commits in common. "c0bd932d579cf6a00884f7f00ef4e4d3257b3ef4" and "276eeb12cded8955504fc8048a609fbad75e28ac" have entirely different histories.
c0bd932d57 ... 276eeb12cd

11 changed files with 634 additions and 315 deletions
Download patch file Download diff file Expand all files Collapse all files

25
content/news/kybernetik.md
View file

@ -1,22 +1,11 @@
---
title: "Kybernetik LP by Revengeday"
date: 2025-06-29T23:59:59+02:00
draft: false
image:
url: "/2025/images/kybernetik.webp"
alt: "A cartoon portrait in black and green of a woman looking upwards in the void. She has dark hair and bright eyes. Her make-up gives her a look that is very cyber. Bellow her the name of the artist and the title of the record separated by the record-label logos"
license: "CC-BY-NC-ND 4.0"
credits:
name: "Ramses Revengeday"
url: "https://revenge.day/"
cta:
url: https://shop.basspistol.com/bpist-023
label: "Get this 💎"
release: true
catalogue: "#BPIST-023"
license: CC-BY-NC-ND 4.0
recordlabel: "Basspistol & [OBEY THE SYSTEM](https://obeythesystem.com/) / [CORTEX IMPLANT](https://corteximplant.com/about)"
date: 2025-06-29T20:48:32+02:00
draft: true
image: /images/kybernteik.webp
cta: https://shop.basspistol.com/bpist-023
catalogue: #BPIST-023
license:
---
In collaboration with the houses of [Cortex Implant](https://corteximplant.com/about) and [Obey The System](https://obeythesystem.com/), Basspistol is immensely proud to present Kybernetik LP by Revengeday.
The depth of the darkness and the attention to detail with which Revengeday manages to infuse his music is beyond written word. The work of a world builder, showing a glimpse of what 20 minutes in the future look like, but seen from 30 years ahead. Take a trip from Cairo to Berlin, via Tokyo and Chirak.
In collaboration with the houses of Cortex Implant and Obey The System,

14
themes/basspistol2025/archetypes/news.md
View file

@ -3,16 +3,8 @@ title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
image:
url: ""
alt: ""
credits:
name: ""
url: ""
cta:
url:
label: ""
release: false
catalogue: ""
license: ""
recordlabel: ""
catalogue:
license:
---

249
themes/basspistol2025/assets/css/style.css
View file

@ -117,71 +117,40 @@ footer {
flex-wrap: wrap;
padding: 0;
font-size: .5em;
font-size: .75em;
overflow-x: hidden;
}
section {
display: flex;
flex-wrap: wrap;
padding: 16px;
padding: 10px;
}
a {
color: white;
color: orange;
}
h1, h2, h3 {
h1, h2, h3, h4, h5, h6, h7, h8 {
font-family: Outward, Space-Grotesk, 'Arial', 'Helvetica', sans-serif;
}
h2 {
font-size: 10em;
h1 {
font-family: Outward, 'Arial', 'Helvetica', sans-serif;
font-size: 48em;
font-weight: 100;
font-style: italic;
/* letter-spacing: -0.1em;*/
line-height: .75em;
rotate: -14deg;
margin: 50px 0 0 10px;
padding: 0;
text-align: center;
}
h4 {
text-transform: uppercase;
font-size: 1em;
}
p {
font-size: .75em;
}
strong, b {
font-weight: bold;
color: white;
}
article {
margin: 2px 2px;
flex: 1 1 300px;
}
figcaption > h4 {
font-size: .75em;
}
figcaption > p {
font-size: .5em;
}
time {
color: white;
font-size: .5em;
}
.news > h4 {
font-size: .75em;
}
.news > p {
font-size: .5em;
}
.section-headers {
margin: 2px 4px;
border-radius: 100px;
padding: 80px 20px;
border-style: double;
@ -193,14 +162,6 @@ time {
background-position: center center;
background-repeat: no-repeat;
h2, h4, p {
margin: 20px 0;
flex: 1 1 100%;
}
p {
max-width: 50%;
}
}
.section-footers {
@ -210,13 +171,14 @@ time {
border-width: 10px;
flex: 1 1 100% !important;
border-radius: 0 0 100px 100px;
margin: 2px 4px;
}
.border {
border-style: double;
border-color: purple;
border-width: 10px;
margin: 4px 0 4px 0;
flex: 1 1 300px;
padding: 80px 20px;
}
@ -230,6 +192,18 @@ time {
text-transform: uppercase;
}
/* Screen size root */
@media screen and (max-width: 1024px) {
h1 {
font-size: 12em;
}
footer {
font-size: .9em;
}
}
/* Sections Begin */
@ -257,171 +231,36 @@ time {
font-family: inherit;
}
}
#hero:hover {
/* NOW */
#now {
.now {
display: flex;
flex-wrap: wrap;
flex: 1 1 100%;
background-position: center center;
background-size: cover;
margin: 2px 4px;
transition: all 2s linear;
}
figure, div {
flex: 1 1 300px;
}
figure {
margin-right: 20px;
}
figure > img {
margin-bottom: 20px;
}
}
/* End Sections */
/* NEWSLETTER */
.inf-form > div {
background-color: black;
/* FORMS */
#newsletter {
background-color: #000;
padding: 0;
}
.inf-form > div > h4 {
color: orange !important;
font-size: 1.5em;
}
.inf-form > div > span {
color: orange;
font-size: 1em;
}
.inf-rgpd {
font-size: .5em;
color: orange;
}
.inf-form > div {
background-color: black;
padding: 0;
}
.inf-input > input {
color: orange;
background-color: black;
border: 1px solid orange;
}
margin: 0;
/* DISCOGRAPHY and GANCIO */
#discog, #gancio {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
a {
text-decoration: none;
}
.section-headers {
margin: 2px 2px;
}
article {
margin: 2px;
}
figure {
padding: 4px;
margin: auto;
border-style: double;
border-color: purple;
border-width: 10px;
img {
width: 100%;
object-fit: cover;
max-height: 200px;
}
}
figcaption {
height: 300px;
padding: 20px;
z-index: 100;
overflow-y: hidden;
}
}
/* RADIO */
#radio {
.border {
margin: 2px 4px;
form.inf-form > div {
background-color: #000;
}
}
.inf-content {
background-color: #000;
}
.inf-input .inf-input-text {}
.inf-rgpd {}
.inf-submit {}
@media screen and (max-width: 720px) {
footer {
font-size: .9em;
}
h2 {
font-size: 8em;
}
h4 {
font-size: 1.25
}
p {
font-size: 1em;
max-width: unset !important;
strong {
font-size: 1.5em;
}
}
figcaption > h4 {
font-size: 1em;
}
figcaption > p {
font-size: .75em;
}
time {
color: white;
font-size: .75em;
}
.news > h4 {
font-size: 1em;
}
.news > p {
font-size: .75em;
}
.inf-rgpd {
font-size: .8em;
}
#now {
figure {
margin-right: 0px;
margin-bottom: 20px;
}
}
}

103
themes/basspistol2025/layouts/partials/body/discog.html
View file

@ -1,18 +1,104 @@
<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">
<div class="section-headers" style="background-image: url(/2025/images/vinyl.webp);">
<article class="section-headers" style="background-image: url(/2025/images/vinyl.webp);">
<h2>Discography</h2>
<h4>𝕿𝖍𝖊 𝕾𝖔𝖚𝖓𝖉 𝖔𝖋 𝕱𝖗𝖊𝖊𝖉𝖔𝖒</h4>
<p>Basspistol's 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.)
</p>
<p>The bellow selection is shuffled every 30 minutes. Anything pikcing your curiosity? The random gods may just have something to tell you... Check out the Tienda for more.</p>
<p><strong>The sound of freedom</strong><br />
Basspistol's 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>
</div>
</article>
{{ with try (resources.GetRemote $url) }}
@ -27,7 +113,7 @@
{{ with $data.channel.item }}
{{ range . | shuffle | first 4 }}
{{ range . | shuffle | first 5 }}
<article>
<a href="{{ .link }}" target="_blank">
@ -37,7 +123,8 @@
<img src="{{ . }}" />
{{ end }}
<figcaption>
<h4>{{ .title }}</h4>
<p><strong>{{ .title }}</strong></p>
<p>&nbsp;</p>
<p>{{ .description | transform.Plainify | safeHTML | truncate 120 }}</p>
</figcaption>

125
themes/basspistol2025/layouts/partials/body/gancio.html
View file

@ -1,12 +1,110 @@
<style>
#gancio {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
a {
flex: 1 1 300px;
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;
}
}
date {
font-size: .5em;
}
figure {
padding: 20px;
margin: auto;
height: 75vh;
display: flex;
flex-wrap: wrap;
align-content: start;
border-style: double;
border-color: purple;
border-width: 10px;
img {
width: 100%;
object-fit: cover;
height: 250px;
}
figcaption {
margin-top: 20px;
font-size: 0.9em;
h4 {
font-family: Sigoil,Space-Grotesk,arial,helvetica,sans-serif;
text-transform: uppercase;
}
p {
flex: 1 1 100%;
max-width: 33vw;
}
}
}
@media screen and (max-width: 1024px) {
h2 {
font-size: 8em;
}
p {
font-size: .9em;
max-width: unset !important;
strong {
font-size: 1.5em;
}
}
figcaption {
font-size: .9em;
p { font-size: .9em;}
date {
font-size: .7em;
}
}
}
}
</style>
<section id="gancio">
<div class="section-headers">
<article class="section-headers">
<h2>Agenda</h2>
<h4>𝕺𝖚𝖙𝖊𝖗𝖓𝖆𝖙𝖎𝖔𝖓𝖆𝖑 𝕰𝖛𝖊𝖓𝖙𝖘</h4>
<p>Through the power of federation, we aggregate event data from the deep-web to keep you in the loop of what's happening below the radars.</p>
<p>Want your event featured here? <a href="https://do.basspistol.org/add" target="_blank" style="text-decoration: underline;">Head over to this page</a>. No account required.</p>
<p><strong>Outernational events</strong> <br />
Through the power of federation, we aggregate event data from the deep-web to keep you in the loop of what's happening below the radars.
<br /><br />
Want your event featured here? <a href="https://do.basspistol.org/add" target="_blank" style="text-decoration: underline;">Head over to this page</a>. No account required.</p>
<a class="button" href="https://do.basspistol.org/">Full agenda 🗓️</a>
</div>
</article>
{{ $data := dict }}
{{ $url := "https://do.basspistol.org/api/events" }}
@ -22,29 +120,26 @@
{{ end }}
{{ with $data }}
{{ range . | first 4 }}
{{ range . | first 7 }}
<a href="https://do.basspistol.org/event/{{ .slug }}">
<article>
<figure>
<a href="https://do.basspistol.org/event/{{ .slug }}" target="_blank">{{ range .media }}<img src="https://do.basspistol.org/media/thumb/{{ .url }}" />{{ end }}</a>
{{ range .media }}<img src="https://do.basspistol.org/media/thumb/{{ .url }}" />{{ end }}
<figcaption>
<date>{{ .start_datetime | int | dateFormat "2006-01-02 15:04 CET" }}</date>
<h4>{{ .title }}</h4>
<time datetime="{{ .start_datetime | int | dateFormat "2006-01-02T15:04" }}">{{ .start_datetime | int | dateFormat "2006-01-02 15:04 CET" }}</time>
<p><b>Organizer:</b> {{ .place.name }}</p>
<p><b>Address: </b>{{ .place.address }}</p>
<p>{{ .place.address }}</p>
<!-- <p>{{ range .tags }}#{{ . }} {{ end }}</p>-->
</figcaption>
</figure>
</article>
</a>
{{ end }}
<!-- <pre>{{ debug.Dump $data }}</pre>-->
{{ end }}
<div class="section-footers"></div>
<article class="section-footers"></article>
</section>

17
themes/basspistol2025/layouts/partials/body/gang.html
View file

@ -84,13 +84,13 @@
</style>
<section id="gang">
<div class="section-headers">
<article class="section-headers">
<h2>Gung</h2>
<h4>𝕷𝖎𝖓𝖐 𝕽𝖔𝖔𝖙</h4>
<p>The Basspistol network is composed of Powerful Syndicated Artists and Groups. These links are presented to you, ordered by the random god. </p><p>Follow the white Rabbit, Neo!</p>
<a class="button" href="https://matrix.to/#/#hq:basspistol.org">Come say Hi! 🐇</a>
</div>
<p><strong>Link Root</strong>
</br>
The Basspistol network is composed of Powerful Syndicated Artists and Groups. These links are presented to you, ordered by the random god. <br />Follow the white Rabbit, Neo!
</p>
</article>
{{/* prebuild/layouts/index.html */}}
{{ $url := "https://s.basspistol.org/api/pinned-users" }}
@ -114,7 +114,10 @@
<img src="{{ .avatarUrl }}" />
<figcaption>
<h4>{{ .username }}</h4>
<p><strong>{{ .username }}</strong>
<br />
</p>
</figcaption>
</figure>
</a>

120
themes/basspistol2025/layouts/partials/body/now.html
View file

@ -1,38 +1,102 @@
<style>
/* Discographys */
#now {
display: flex;
flex-wrap: wrap;
flex-direction: row;
article {
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;
}
}
div.now > figure {
padding: 0 20px 0 0;
}
.now {
flex: 1 1 300px;
}
.inf-rgpd {
font-size: .5em;
color: orange;
padding: 20px;
}
.inf-success > h4 {
font-family: Sigoil,Space-Grotesk,arial,helvetica,sans-serif;
}
@media screen and (max-width: 1024px) {
h2 {
font-size: 8em;
}
p {
font-size: .9em;
max-width: unset;
}
strong {
font-size: 1.5em;
}
div.now > figure, div.now > div {
padding: 20px 0;
}
.inf-rgpd {
font-size: .8em;
}
}
}
</style>
<section id="now">
<div class="section-headers" style="background-image: url(/2025/images/now-banner.svg);">
<article class="section-headers" style="background-image: url(/2025/images/now-banner.svg);">
<h2>NOW</h2>
<h4>𝖂𝖊𝖑𝖈𝖔𝖒𝖊, 𝖘𝖕𝖆𝖈𝖊-𝖙𝖎𝖒𝖊 𝖙𝖗𝖆𝖛𝖊𝖑𝖊𝖗</h4>
<p>Here's what's going down! Never been here before? <a href="https://www.basspistol.com/index2024.html#read">This page</a> might answer some of your questions. </p>
</div>
<p><strong>What's up, fellow space-time traveler! <br />Here's what's going down right now!</strong><br />Never been here before? <a href="https://www.basspistol.com/index2024.html#read">This page</a> might answer some of your questions. </p>
</article>
<div class="border now" style="display: flex; flex-wrap: wrap; flex: 1 1 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url(/2025/images/kybernetik.webp); background-position: center center; background-size: cover">
{{ range first 2 (where .Site.RegularPages "Type" "news") }}
<div class="border now" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url({{ .Params.image.url }});">
<figure>
<img src="{{ .Params.image.url }}" alt="{{ .Params.image.alt }}" />
<figcaption>
<p><b>Artwork:</b> <a href="{{ .Params.image.credits.url }}" target="_blank">{{ .Params.image.credits.name }}</a> ({{ .Params.image.license }})</p>
{{ if eq .Params.release true }}
<p><b>Catalogue:</b> {{ .Params.catalogue }}</p>
<p><b>Label:</b> {{ .Params.recordlabel | markdownify }}</p>
<p><b>License:</b> {{ .Params.license }}</p>
<p><b>Released:</b> {{ .Params.date | dateFormat "2006-01-02" }}
{{ end }}
</figcaption>
<figure style="flex: 1 1 50%;">
<img src="/2025/images/kybernetik.webp" />
</figure>
<div>
<p><strong>Kybernetik LP by Revengeday</strong></p>
<p>In collaboration with the houses of <a href="https://corteximplant.com/about">Cortex Implant</a> and <a href="https://obeythesystem.com/">Obey The System,</a> Basspistol is immensely proud to present Kybernetik LP by <a href="https://revenge.day/discography/kybernetik">Revengeday.</a>
<br /><br />
The depth of the darkness and the attention to detail with which Revengeday manages to infuse his music is beyond written word. The work of a world builder, showing a glimpse of what 20 minutes in the future look like, but seen from 30 years ahead. Take a trip from Cairo to Berlin, via Tokyo and Chirak.</p>
<div class="news">
<h4>{{ .Title }}</h4>
{{ .Content | markdownify }}
<a class="button" href="{{ .Params.cta.url }}" target="_blank">{{ .Params.cta.label }}</a>
<a class="button" href="https://shop.basspistol.com/bpist-023">Get this 💎</a>
</div>
<div style="font-size: .75em;">
<p><b>Catalogue:</b> #BPIST-023</p>
<p><b>Label:</b> Basspistol & <a href="https://obeythesystem.com/">OBEY THE SYSTEM</a> / <a href="https://corteximplant.com/about">CORTEX IMPLANT</a></p>
<p><b>Artwork:</b> Ramses Revengeday</p>
<p><b>License:</b> CC BY-NC-ND 4.0</p>
</div>
</div>
{{ end }}
<article class="border now">
<article class="border">
{{ partial "body/newsletter.html" . }}
</article>
<div class="section-footers"></div>
<article class="section-footers"></article>
</section>

202
themes/basspistol2025/layouts/partials/body/peertube.backup.html Normal file
View file

@ -0,0 +1,202 @@
<style>
#peertube {
display: flex;
flex-wrap: wrap;
flex-direction: row;
article {
margin: 2px;
flex: 1 1 300px;
.cartouche {
display: flex;
align-items: center;
justify-content: left;
flex-wrap: wrap;
width: 100%;
}
.cartouche > a {
flex: 0 0 100px;
}
.cartouche > p {
flex: 1 1 100px;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}
}
h2 {
font-size: 12em;
/* text-transform: uppercase;*/
line-height: 1em;
flex: 1 1 100%;
}
p {
flex: 1 1 100%;
line-height: 1em;
strong {
font-size: 1.5em;
}
}
@media screen and (max-width: 1024px) {
h2 {
font-size: 8em;
}
p {
font-size: 1em;
}
}
.peertubes {
display: flex;
align-items: end;
padding: 20px;
justify-content: center;
flex: 1 1 300px;
min-height: 300px;
background-size: cover;
background-position: center center;
linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
}
.peertubes:hover {
background-size: cover;
background-position: center center;
linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(117, 19, 93, 0)),
}
.section-headers {
padding: 80px;
flex: 1 1 300px;
}
}
</style>
{{ $data := dict }}
{{ $url := "https://v.basspistol.org/api/v1/videos?isLocal=true&count=100" }}
<section id="peertube">
<article class="section-headers">
<h2>BassTube</h2>
<p><strong>Videos from the deepweb.</strong>
<br />Decentralized, peer-to-peer, for the people!
</p>
</article>
{{ with try (resources.GetRemote $url) }}
{{ with .Err }}
{{ errorf "%s" . }}
{{ else with .Value }}
{{ $data = .Content | transform.Unmarshal }}
{{ else }}
{{ errorf "Unable to get remote resource %q" $url }}
{{ end }}
{{ end }}
{{ with $data.data }}
{{ range . | shuffle | last 5 }}
<article class="peertubes" style="background-image:linear-gradient(to bottom, rgba(128, 0, 128, 1), rgba(128, 0, 128, .75)),url(https://v.basspistol.org{{ .previewPath }})">
<div class="cartouche">
<a href="{{ .url }}" target="_blank">
<svg
width="75"
height="75"
version="1.1"
viewBox="0 0 57.679166 57.67917"
id="svg2"
xml:space="preserve"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs2"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2"><path
d="M 58.028369,28.839501 A 28.839999,28.839999 0 0 1 29.188368,57.6795 28.839999,28.839999 0 0 1 0.34836804,28.839501 28.839999,28.839999 0 0 1 29.188368,-4.9957302e-4 28.839999,28.839999 0 0 1 58.028369,28.839501 Z"
fill="purple"
stroke-width="4.83809"
style="stroke-linecap:round;stroke-linejoin:round;paint-order:markers stroke fill"
id="path3" /></clipPath><filter
style="color-interpolation-filters:sRGB"
id="filter25"
x="-0.64945344"
y="-0.51138139"
width="2.2988969"
height="2.0227628"><feFlood
result="flood"
in="SourceGraphic"
flood-opacity="1.000000"
flood-color="rgb(0,0,0)"
id="feFlood24" /><feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="3.300000"
id="feGaussianBlur24" /><feOffset
result="offset"
in="blur"
dx="0.000000"
dy="0.000000"
id="feOffset24" /><feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite24" /><feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite25" /></filter></defs><image
width="58.376736"
height="57.679001"
preserveAspectRatio="none"
{{ range .account.avatars | last 1 }}
{{ if .fileUrl }}xlink:href="{{ .fileUrl }}"{{ else }}xlink:href="https://v.basspistol.org/client/assets/images/logo.svg"{{ end }}
{{ end }}
id="image1"
x="0"
y="0"
clip-path="url(#clipPath2)"
transform="matrix(0.9999855,0,0,1.0000029,-0.34836299,0)" /><path
d="m 23.067499,19.43 14.82,9.4106 -14.82,9.4105 z"
fill="orange"
stroke="none"
stroke-width="3.4098"
style="fill:orange;fill-opacity:1;stroke:orange;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;paint-order:stroke fill markers;filter:url(#filter25)"
id="path2" />
</svg>
</a>
<div>
<p>{{ .name }}</p>
<p>{{ .account.displayName }}</p>
</div>
</div>
</article>
{{ end }}
<!-- <pre>{{ debug.Dump $data }}</pre>-->
{{ end }}
</section>

2
themes/basspistol2025/layouts/partials/body/peertube.html
View file

@ -101,7 +101,7 @@
<article class="section-headers" style="background-image: url(/2025/images/peertube.webp);">
<h2>BassTube</h2>
<p>
<strong>𝖁𝖎𝖉𝖊𝖔𝖘 𝖋𝖗𝖔𝖒 𝖙𝖍𝖊 𝕯𝖊𝖊𝖕𝖜𝖊𝖇</strong>
<strong>Videos from the deepweb.</strong>
<br />Decentralized, peer-to-peer, for the people! All you saw was sound!
<br /><br />

58
themes/basspistol2025/layouts/partials/body/radio.html
View file

@ -1,15 +1,63 @@
<style>
#radio {
display: flex;
flex-wrap: wrap;
flex-direction: row;
article {
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;
}
}
}
</style>
<section id="radio">
<div class="section-headers" style="background-image: url(/2025/images/radio.webp);">
<article class="section-headers" style="background-image: url(/2025/images/radio.webp);">
<h2>RadioStation</h2>
<h4>𝕭𝖆𝖘𝖘𝖕𝖎𝖘𝖙𝖔𝖑 𝕽𝖆𝖉𝖎𝖔 𝕾𝖙𝖆𝖙𝖎𝖔𝖓</h4>
<p>777% music, without commercials! RobotDJ-sets and live interventions! This is the sound of freedom.</p>
<p><strong>Basspistol Radio Station! </strong><br />777% music, without commercials! RobotDJ-sets and live interventions! This is the sound of freedom.</p>
<a class="button" href="https://radio.basspistol.com/">Request song 📻</a>
</div>
</article>
<div class="border">
<iframe src="https://radio.basspistol.com/public/basspistol/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 150px; border: 0;"></iframe>
<iframe src="https://radio.basspistol.com/public/basspistol/history?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 480px; border: 0;"></iframe>
</div>
<div class="section-footers"></div>
<article class="section-footers"></article>
</section>

2
themes/basspistol2025/layouts/partials/footer/footer.html
View file

@ -1,7 +1,7 @@
<footer>
<section id="footer">
<article class="border" style="border-radius: 100px; height: 480px">
<p><strong>{{ now | dateFormat "2006" }} Basspistol (CC-BY-NC-SA)</strong></p>
<p><strong>Copyleft {{ now | dateFormat "2006" }} Basspistol (CC-BY-NC-SA)</strong></p>
<p>Last build: {{ now | dateFormat "2006-01-02 15:04 UTC" }}</p>
<p>Big thanks to <a href="https://velvetyne.fr/">Velvetyne</a> for the mad fonts.
<p>𝕿𝖍𝖊 𝖚𝖓𝖉𝖊𝖗𝖌𝖗𝖔𝖚𝖓𝖉 𝖎𝖘 𝖉𝖊𝖆𝖉, 𝖑𝖔𝖓𝖌 𝖑𝖎𝖛𝖊 𝖙𝖍𝖊 𝖚𝖓𝖉𝖊𝖗𝖌𝖗𝖔𝖚𝖓𝖉.</p>