styling

themes/basspistol2025/assets/css/style.css

@@ -1,10 +1,12 @@
+
 * {
   filter: grayscale(100%);
-  transition: filter 15s;
+  transition: all 17s ease-out;
+
 }
 *:hover {
-  filter: grayscale(0%);
+  filter: grayscale(0%) !important;
-  transition: filter .4s;
+  transition: all .4s linear;
 }
 body {
   font-family: Sigoil, Space-Grotesk, 'Arial', 'Helvetica', sans-serif;
@@ -34,6 +36,7 @@ h1 {
   rotate: -14deg;
   margin: 50px 0 0 10px;
   padding: 0;
+  text-align: center;
 }
 strong {
   font-weight: bold;
@@ -116,8 +119,13 @@ margin: 0;
       border-color: purple;
       border-width: 10px;
       max-height: 300px;
+      filter: blur(17px);
 
     }
+    img:hover {
+      filter: blur(0px);
+      transition: all 2s linear;
+    }
 
   }
   figcaption {
@@ -151,3 +159,87 @@ margin: 0;
    margin-top: 0;
 }
 }
+
+/* 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: 24em;
+  /*    text-transform: uppercase;*/
+  line-height: 1em;
+  flex: 1 1 100%;
+}
+p {
+  flex: 1 1 100%;
+  font-size: 1.5em;
+  line-height: 1em;
+}
+
+figure {
+  padding: 4px;
+  margin: auto;
+
+
+
+  border-style: double;
+  border-color: purple;
+  border-width: 10px;
+
+  img {
+    width: 100%;
+    object-fit: cover;
+    border-style: double;
+    border-color: purple;
+    border-width: 10px;
+    max-height: 300px;
+    filter: blur(17px);
+    transition: filter 7s;
+  }
+  img:hover {
+    filter: blur(0px);
+    transition: filter 7s;
+  }
+
+}
+figcaption {
+  font-family: Sigoil, Outward, 'Arial', 'Helvetica', sans-serif;
+  font-size: 1.3em;
+  line-height: 1em;
+  height: 100px;
+  font-weight: bold;
+  /*    font-style: italic;*/
+  background-color: black;
+  color: white;
+  padding: 20px;
+  text-align: center;
+  border-style: double;
+  border-color: purple;
+  border-width: 10px;
+  color: orange;
+  z-index: 100;
+  position: relative;
+  text-decoration: none;
+  margin-bottom: 4px;
+  text-transform: uppercase;
+}
+.section-headers {
+  padding: 80px;
+  border-style: double;
+  border-color: purple;
+  border-width: 10px;
+  flex: 1 0 100%;
+  max-width: 100%;
+  margin-top: 0;
+}
+}

themes/basspistol2025/layouts/_default/index.html

@@ -11,6 +11,7 @@
 
 {{ partial "body/gang.html" . }}
 
+{{ partial "body/discog.html" . }}
 
 
 {{ end }}

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

@@ -0,0 +1,44 @@
+<section id="discog">
+  <article class="section-headers">
+    <h2>Discography</h2>
+    <p>The sound of freedom<br />
+    Powerful. Syndicated. Music.</p>
+  </article>
+
+ {{ $data := dict }}
+{{ $url := "https://shop.basspistol.com/podcast.rss" }}
+{{ 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 . }}
+    <article>
+
+    <a href="{{ .link }}" target="_blank">
+
+    <figure>
+      <figcaption>{{ .title }}</figcaption>
+      {{ range .image }}
+      <img src="{{ . }}" />
+      {{ end }}
+    </figure>
+    </a>
+    </article>
+  {{ end }}
+
+{{ end }}
+
+
+
+
+
+
+</section>

themes/basspistol2025/layouts/partials/head/seo.html

@@ -1,7 +1,7 @@
 <!-- BEGIN seo.html -->
-{{ $title := printf "%s | %s" .Site.Title .Site.Params.Moto }}
+{{ $title := printf "%s %s" .Site.Title .Site.Params.Moto }}
 {{ if not .IsHome }}
-  {{ $title = printf "%s | %s" .Title site.Title }}
+  {{ $title = printf "%s %s" .Title site.Title }}
 {{ end }}