stylish styling

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>

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>

themes/basspistol2025/layouts/partials/body/radio.html

@@ -9,7 +9,7 @@
 
 
   article {
-    margin:2px;
+
     flex: 1 1 300px;
 
   }
@@ -34,7 +34,7 @@
     border-style: double;
     border-color: purple;
     border-width: 10px;
-
+    margin: 2px 1px 2px 1px;
     flex: 1 1 300px;
     padding: 80px;
   }
@@ -45,11 +45,7 @@
     border-width: 10px;
     flex: 1 1 300px;
     max-width: 100%;
-
-
-   h2 {
-
-    }
+    margin: 2px 1px 2px 1px;
   }
 }