From 3b55694ea99fc3deda1f26b3d9176cc5d31eb477 Mon Sep 17 00:00:00 2001
From: sakrecoer <setto@dyne.org>
Date: Sun, 18 May 2025 23:02:14 +0200
Subject: [PATCH] stylish styling

---
 .../layouts/partials/body/navigation.html     |  2 +-
 .../layouts/partials/body/peertube.html       | 58 +++++++++++++++----
 .../layouts/partials/body/radio.html          | 24 ++++----
 3 files changed, 58 insertions(+), 26 deletions(-)

diff --git a/themes/basspistol2025/layouts/partials/body/navigation.html b/themes/basspistol2025/layouts/partials/body/navigation.html
index 2f70855..d0dc774 100644
--- a/themes/basspistol2025/layouts/partials/body/navigation.html
+++ b/themes/basspistol2025/layouts/partials/body/navigation.html
@@ -23,7 +23,7 @@ nav {
 
 <nav>
   <ul>
-    <li><a href="/2025/#video">Video</a></li>
+    <li><a href="/2025/#peertube">Video</a></li>
     <li><a href="/2025/#about">About</a></li>
     <li><a href="/2025/#radio">Radio</a></li>
     <li><a href="/2025/#discog">Discography</a></li>
diff --git a/themes/basspistol2025/layouts/partials/body/peertube.html b/themes/basspistol2025/layouts/partials/body/peertube.html
index df3c6b0..fa0305e 100644
--- a/themes/basspistol2025/layouts/partials/body/peertube.html
+++ b/themes/basspistol2025/layouts/partials/body/peertube.html
@@ -31,13 +31,22 @@
   }
 
   .border {
+    display: flex;
     border-style: double;
     border-color: purple;
     border-width: 10px;
-
+    align-items: center;
+    justify-content: center;
     flex: 1 1 300px;
     padding: 80px;
+    background-size: cover;
+    background-position: center center;
+    linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
+    svg {
+      margin:auto;
+    }
   }
+
  .section-headers {
    padding: 80px;
    border-style: double;
@@ -46,10 +55,6 @@
    flex: 1 1 300px;
    max-width: 100%;
 
-
-   h2 {
-
-    }
   }
 }
 
@@ -57,12 +62,43 @@
 
 
 <section id="peertube">
-  <article class="section-headers">
-    <h2>RadioStation</h2>
-    <p>Basspistol Radio Station! 777% without commercials! RobotDJ-sets and live interventions! This is the sound of freedom.</p>
+
+<article class="section-headers">
+  <h2>BassTube</h2>
+  <p>Videos from the deepweb</p>
+</article>
+
+
+
+{{ $data := dict }}
+{{ $url := "https://v.basspistol.org/api/v1/videos?isLocal=true&nsfw=false&sort=-hot&categoryOneOf=1&count=7" }}
+{{ 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 . }}
+
+  <article class="border" style="background-image:linear-gradient(to bottom, rgba(128, 0, 128, 1), rgba(128, 0, 128, .75)),url(https://v.basspistol.org{{ .previewPath	 }})">
+
+    <a href="{{ .url }}" target="_blank">
+      <svg width="218" height="218" version="1.1" viewBox="0 0 57.679 57.679" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(-76.672 -120.17)" stroke-linecap="round" stroke-linejoin="round">
+  <path d="m134.35 149.01a28.84 28.84 0 0 1-28.84 28.84 28.84 28.84 0 0 1-28.84-28.84 28.84 28.84 0 0 1 28.84-28.84 28.84 28.84 0 0 1 28.84 28.84z" fill="#800080" stroke-width="4.8381" style="paint-order:markers stroke fill"/>
+  <path d="m99.739 139.6 14.82 9.4106-14.82 9.4105z" fill="#f68200" stroke="#f68200" stroke-width="3.4098" style="paint-order:stroke fill markers"/>
+ </g>
+      </svg>
+    </a>
+
   </article>
-  <div class="border">
-    <div style="position: relative; padding-top: 56.25%;"><iframe title="PeerTube Selected Music Videos" width="100%" height="100%" src="https://v.basspistol.org/video-playlists/embed/tubcTiUQaJ29JxeCzRqvUc" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" style="position: absolute; inset: 0px;"></iframe></div>
-  </div>
+
+{{ end }}
+{{ end }}
 
 </section>
diff --git a/themes/basspistol2025/layouts/partials/body/radio.html b/themes/basspistol2025/layouts/partials/body/radio.html
index b7dabaf..6b2539e 100644
--- a/themes/basspistol2025/layouts/partials/body/radio.html
+++ b/themes/basspistol2025/layouts/partials/body/radio.html
@@ -9,7 +9,7 @@
 
 
   article {
-    margin:2px;
+
     flex: 1 1 300px;
 
   }
@@ -34,22 +34,18 @@
     border-style: double;
     border-color: purple;
     border-width: 10px;
-
+    margin: 2px 1px 2px 1px;
     flex: 1 1 300px;
     padding: 80px;
   }
- .section-headers {
-   padding: 80px;
-   border-style: double;
-   border-color: purple;
-   border-width: 10px;
-   flex: 1 1 300px;
-   max-width: 100%;
-
-
-   h2 {
-
-    }
+  .section-headers {
+    padding: 80px;
+    border-style: double;
+    border-color: purple;
+    border-width: 10px;
+    flex: 1 1 300px;
+    max-width: 100%;
+    margin: 2px 1px 2px 1px;
   }
 }