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

progress i guess

Browse source
This commit is contained in:
sakrecoer 2025-06-10 00:55:23 +02:00
parent b93aa8e840
commit e036451236
9 changed files with 189 additions and 138 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,7 +6,7 @@
} }
*:hover { *:hover {
filter: grayscale(0%) !important; filter: grayscale(0%) !important;
transition: filter .5s linear; transition: filter .1s linear;
} }
img { img {
@ -18,27 +18,82 @@ img:hover {
body { body {
font-family: Sigoil, Space-Grotesk, 'Arial', 'Helvetica', sans-serif; font-family: Sigoil, Space-Grotesk, 'Arial', 'Helvetica', sans-serif;
font-weight: normal; font-weight: normal;
width: 100vw; margin: 0px;
height: 100vh; padding: 0px;
top: 0;
left: 0;
position: absolute;
background-color: black; background-color: black;
color: orange; color: orange;
display: block; display: block;
top: 0px;
left: 0px;
position: absolute;
/* overflow-x: hidden;*/
} }
#main-wrapper { #main-wrapper {
margin: auto;
padding: 0px;
display: inline;
}
#navigation {
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
}
nav {
color: orange;
background-color: rgba(0,0,0,0.5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
transition: all unset;
border-radius: 5px;
ul {
display: flex; display: flex;
list-style-type: none;
height: 100px;
justify-content: center;
padding: 0; padding: 0;
max-width: 100vw; }
li {
flex: 1 1 100%;
align-self: center;
}
li > a {
color: orange;
}
}
main {
display: relative;
flex-wrap: wrap;
padding: 0;
overflow-x: hidden; overflow-x: hidden;
} }
footer {
position: relative;
bottom: 0;
left: 0;
display: flex;
height: 300px;
margin: 0px;
padding: 0;
}
section { section {
width: 100%;
} }
a { a {
text-decoration: none; text-decoration: none;
@ -64,12 +119,7 @@ strong {
font-weight: bold; font-weight: bold;
} }
main {
width: 100vw;
height: 100vh;
display: flex;
flex-wrap: wrap;
}
/* Screen size root */ /* Screen size root */
@ -88,7 +138,7 @@ main {
#hero { #hero {
margin: 0; margin: 0;
width: 100vw; width: 100%;
padding:0; padding:0;
transition: all 2s linear; transition: all 2s linear;
.overlay { .overlay {
@ -125,10 +175,4 @@ margin: 0;
footer {
display: flex;
width: 100%;
margin: 20px;
padding: 0;
}

14
themes/basspistol2025/layouts/_default/baseof.html
View file

@ -14,26 +14,20 @@
</head> </head>
<body> <body>
<!-- Wrapper --> <!-- Wrapper -->
<div id="main-wrapper">
{{ block "navigation" . }}{{ end }} {{ block "navigation" . }}{{ end }}
<main id="main-wrapper">
{{ block "hero" . }}{{ end }} {{ block "hero" . }}{{ end }}
{{ block "main" . }}{{ end }} {{ block "main" . }}{{ end }}
</main>
<!-- END Wrapper -->
<footer>
{{ block "footer" . }}{{ end }} {{ block "footer" . }}{{ end }}
</footer> </div>
<!-- END Wrapper -->
</body> </body>

8
themes/basspistol2025/layouts/_default/index.html
View file

@ -11,6 +11,7 @@
{{ end }} {{ end }}
{{ define "main" }} {{ define "main" }}
<main>
{{ partial "body/peertube.html" . }} {{ partial "body/peertube.html" . }}
@ -21,12 +22,11 @@
{{ partial "body/radio.html" . }} {{ partial "body/radio.html" . }}
{{ partial "body/gang.html" . }} {{ partial "body/gang.html" . }}
</main>
{{ end }} {{ end }}
{{ define "footer"}} {{ define "footer"}}
{{ partial "footer/footer.html" . }}
{{ end }} {{ end }}

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

@ -38,9 +38,6 @@ justify-content: space-between;
figure { figure {
padding: 4px; padding: 4px;
margin: auto; margin: auto;
border-style: double; border-style: double;
border-color: purple; border-color: purple;
border-width: 10px; border-width: 10px;
@ -55,47 +52,58 @@ figure {
} }
figcaption { figcaption {
font-family: Sigoil, 'Arial', 'Helvetica', sans-serif; font-family: Sigoil, 'Arial', 'Helvetica', sans-serif;
font-size: 1em;
line-height: 1em;
height: 100px;
font-weight: bold;
/* font-style: italic;*/
background-color: black; background-color: black;
color: white; color: white;
height: 286px;
padding: 20px; padding: 20px;
text-align: center; margin-bottom: 4px;
border-color: purple; border-color: purple;
border-width: 10px; border-width: 10px;
color: orange; color: orange;
z-index: 100; z-index: 100;
position: relative; position: relative;
text-decoration: none; text-decoration: none;
margin-bottom: 4px; line-height: 1.25em;
text-transform: uppercase;
p {
font-size: .8em;
line-height: 1.75em;
strong {
font-size: 1.25em;
line-height: 1.2em;
}
}
} }
.section-headers { .section-headers {
padding: 80px; padding: 80px;
border-style: double; border-style: double;
border-color: purple; border-color: purple;
border-width: 10px; border-width: 10px;
flex: 1 0 100%; flex: 1 1 100%;
max-width: 100%;
margin-top: 0; margin-top: 0;
} }
} }
</style> </style>
{{ $data := dict }}
{{ $url := "https://shop.basspistol.com/podcast.rss" }}
<section id="discog"> <section id="discog">
<article class="section-headers"> <article class="section-headers">
<h2>Discography</h2> <h2>Discography</h2>
<p>The sound of freedom<br /> <p>The sound of freedom<br />
Powerful. Syndicated. Music.</p> Powerful. Syndicated. Music.</p>
{{ with $data.channel }}
<p>{{ .description }} <br />
{{ .generator }}</p>
{{ end }}
</article> </article>
{{ $data := dict }}
{{ $url := "https://shop.basspistol.com/podcast.rss" }}
{{ with try (resources.GetRemote $url) }} {{ with try (resources.GetRemote $url) }}
{{ with .Err }} {{ with .Err }}
{{ errorf "%s" . }} {{ errorf "%s" . }}
@ -114,10 +122,15 @@ figcaption {
<a href="{{ .link }}" target="_blank"> <a href="{{ .link }}" target="_blank">
<figure> <figure>
<figcaption>{{ .title }}</figcaption>
{{ range .image }} {{ range .image }}
<img src="{{ . }}" /> <img src="{{ . }}" />
{{ end }} {{ end }}
<figcaption>
<p><strong>{{ .title }}</strong></p>
<p>&nbsp;</p>
<p>{{ .description | transform.Plainify | safeHTML | truncate 160 }}</p>
</figcaption>
</figure> </figure>
</a> </a>
</article> </article>
@ -126,7 +139,7 @@ figcaption {
{{ end }} {{ end }}
<!--<pre>{{ debug.Dump $data }}</pre>-->
</section> </section>

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

@ -19,6 +19,7 @@
line-height: 1em; line-height: 1em;
flex: 1 1 100%; flex: 1 1 100%;
} }
p { p {
flex: 1 1 100%; flex: 1 1 100%;
font-size: 1.5em; font-size: 1.5em;
@ -31,60 +32,58 @@
p { p {
font-size: 1em; font-size: 1em;
} }
figcaption {
font-size: 1em;
line-height: 1em;
}
} }
figure { figure {
padding: 4px; padding: 4px;
margin: auto; margin: auto;
border-style: double; border-style: double;
border-color: purple; border-color: purple;
border-width: 10px; border-width: 10px;
display: flex;
img { img {
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
width: 96px;
flex: 0 0 96px;
max-height: 300px; max-height: 300px;
} }
}
figcaption { figcaption {
font-family: Outward, 'Arial', 'Helvetica', sans-serif; font-size: 1.5em;
font-size: 9em; line-height: 1em;
line-height: 0.3em; overflow-x: hidden;
overflow-wrap: break-word;
font-weight: bold; font-weight: bold;
/* font-style: italic;*/ /* font-style: italic;*/
background-color: black; background-color: black;
color: white; color: white;
padding: 20px; padding: 20px;
text-align: center; text-align: center;
color: orange; color: orange;
z-index: 100; z-index: 100;
position: relative; position: relative;
text-decoration: none; text-decoration: none;
margin-bottom: 4px; margin-bottom: 4px;
text-transform: lowercase; text-transform: lowercase;
}
@media screen and (max-width: 1024px) { p {
figcaption { font-size: .75em;
font-size: 7em;
line-height: 0.35em;
} }
} }
}
.section-headers { .section-headers {
padding: 80px; padding: 80px;
border-style: double; border-style: double;
border-color: purple; border-color: purple;
border-width: 10px; border-width: 10px;
flex: 1 0 100%; flex: 1 1 100%;
max-width: 100%;
margin-top: 0; margin-top: 0;
} }
} }
@ -107,7 +106,7 @@
}} }}
{{ with resources.GetRemote $url $opts }} {{ with resources.GetRemote $url $opts }}
{{ $monsters := unmarshal .Content }} {{ $monsters := unmarshal .Content }}
{{ range $monsters }} {{ range $monsters | shuffle }}
<article> <article>
{{ if .url }} {{ if .url }}
@ -116,13 +115,21 @@
<a href="https://s.basspistol.org/@{{ .username }}" target="_blank"> <a href="https://s.basspistol.org/@{{ .username }}" target="_blank">
{{ end }} {{ end }}
<figure> <figure>
<figcaption>{{ .username }}</figcaption>
<img src="{{ .avatarUrl }}" /> <img src="{{ .avatarUrl }}" />
<figcaption>
<p><strong>{{ .username }}</strong>
<br />
</p>
</figcaption>
</figure> </figure>
</a> </a>
</article> </article>
{{ end }} {{ end }}
<!-- <pre>{{ debug.Dump $monsters }}</pre>-->
{{ end }} {{ end }}
</section> </section>

29
themes/basspistol2025/layouts/partials/body/navigation.html
View file

@ -1,29 +1,4 @@
<style> <div id="navigation">
nav {
padding: 20px;
position: fixed;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 1000;
color: orange;
background-color: rgba(0,0,0,0.5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
transition: all unset;
border-radius: 5px;
ul {
display: flex;
list-style-type: none;
height: 100px;
}
li > a {
color: orange;
}
}
</style>
<nav> <nav>
<ul> <ul>
@ -41,4 +16,4 @@ nav {
<li><a href="/2025/#discog">Discography</a></li> <li><a href="/2025/#discog">Discography</a></li>
</ul> </ul>
</nav> </nav>
</div>

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

@ -12,6 +12,7 @@
margin: 2px; margin: 2px;
flex: 1 1 300px; flex: 1 1 300px;
.cartouche { .cartouche {
display: flex; display: flex;
align-items: center; align-items: center;
@ -39,9 +40,13 @@
flex: 1 1 100%; flex: 1 1 100%;
} }
p { p {
flex: 1 1 100%; flex: 1 1 100%;
font-size: 1.5em;
line-height: 1em; line-height: 1em;
strong {
font-size: 1.5em;
}
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
@ -76,26 +81,28 @@
padding: 80px; padding: 80px;
flex: 1 1 300px; flex: 1 1 300px;
max-width: 100%;
} }
} }
</style> </style>
{{ $data := dict }}
{{ $url := "https://v.basspistol.org/api/v1/video-playlists/tubcTiUQaJ29JxeCzRqvUc/videos" }}
<section id="peertube"> <section id="peertube">
<article class="section-headers"> <article class="section-headers">
<h2>BassTube</h2> <h2>BassTube</h2>
<p>Videos from the deepweb</p> <p><strong>Videos from the deepweb.</strong>
<br />Decentralized, peer-to-peer, for the people!
</p>
</article> </article>
{{ $data := dict }}
{{ $url := "https://v.basspistol.org/api/v1/video-playlists/tubcTiUQaJ29JxeCzRqvUc/videos?count=100" }}
{{ with try (resources.GetRemote $url) }} {{ with try (resources.GetRemote $url) }}
{{ with .Err }} {{ with .Err }}
{{ errorf "%s" . }} {{ errorf "%s" . }}
@ -107,7 +114,8 @@
{{ end }} {{ end }}
{{ with $data.data }} {{ with $data.data }}
{{ range . | last 5 }} {{ 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{{ .video.previewPath }})"> <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{{ .video.previewPath }})">
<div class="cartouche"> <div class="cartouche">
@ -163,7 +171,10 @@
width="58.376736" width="58.376736"
height="57.679001" height="57.679001"
preserveAspectRatio="none" preserveAspectRatio="none"
xlink:href="{{ range .video.channel.avatars | first 1 }}{{ .fileUrl }}{{ end }}" {{ range .video.channel.avatars | first 1 }}
{{ if .fileUrl }}xlink:href="{{ .fileUrl }}"{{ else }}xlink:href="https://v.basspistol.org/client/assets/images/logo.svg"{{ end }}
{{ end }}
id="image1" id="image1"
x="0" x="0"
y="0" y="0"
@ -177,12 +188,15 @@
id="path2" /> id="path2" />
</svg> </svg>
</a> </a>
<div>
<p>{{ .video.name }}</p> <p>{{ .video.name }}</p>
<p>{{ .video.account.displayName }}</p>
</div>
</div> </div>
</article> </article>
{{ end }} {{ end }}
<!-- <pre>{{ debug.Dump $data }}</pre>-->
{{ end }} {{ end }}
</section> </section>

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

@ -48,7 +48,6 @@
border-color: purple; border-color: purple;
border-width: 10px; border-width: 10px;
flex: 1 1 300px; flex: 1 1 300px;
max-width: 100%;
margin: 2px 1px 2px 1px; margin: 2px 1px 2px 1px;
} }
} }
@ -66,6 +65,8 @@
<iframe src="https://radio.basspistol.com/public/basspistol/history?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 480px; 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>
<!-- <div class="border"> <!-- <div class="border">
<h2>REWIND</h2>
<p>Request a banger! Strictly for the conaisseurs!</p>
<iframe src="https://radio.basspistol.com/public/basspistol/embed-requests?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 950px; border: 0;"></iframe> <iframe src="https://radio.basspistol.com/public/basspistol/embed-requests?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 950px; border: 0;"></iframe>
</div>--> </div>-->
<!-- <div class="border"> <!-- <div class="border">

3
themes/basspistol2025/layouts/partials/footer/footer.html Normal file
View file

@ -0,0 +1,3 @@
<footer>
</footer>