almost there

content/news/kybernetik.md

@@ -0,0 +1,8 @@
+---
+title: "Kybernetik"
+date: 2025-06-29T20:48:32+02:00
+draft: true
+image:
+cta:
+---
+

hugo.toml

@@ -17,7 +17,7 @@ enableRobotsTXT = "false"
     limit = 42
 
 [params]
-  description = "Basspistol. Outernational Music Syndicate. The underground is dead, long live the underground"
+  description = "Outernational Music Syndicate. The underground is dead, long live the underground!"
   moto = "All you saw was sound"
   publisher = "Basspistol Unc."
   google_analytics_id = ""

themes/basspistol2025/archetypes/news.md

@@ -0,0 +1,8 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+image:
+cta:
+---
+

themes/basspistol2025/assets/css/style.css

@@ -161,7 +161,9 @@ strong {
   border-width: 10px;
   flex: 1 1 100% !important;
   border-radius: 100px 100px 0 0;
-
+  background-size: contain;
+  background-position: center center;
+  background-repeat: no-repeat;
 
 }
 
@@ -224,6 +226,7 @@ strong {
     font-size: .6em;
     text-align: right;
     flex: 1 1 300px;
+    font-family: inherit;
   }
 }
 #hero:hover {

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

@@ -14,8 +14,8 @@
   .|____ /(___ /___ >____ >|  __/|_/____ > |_|  \__ /|___ /.
       .\/....\/...\/....\/.|_|.........\/.........\/....\/..
       ......................................................
-       ........... All you saw was sound! ..................
+       ........... {{ .Site.Title }} .......................
-      ......................................................
+      ...........{{ .Site.Params.moto }}....................
      .......................................................
      .............'';,......................................
       ..........'',,;:o:,...................................

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

@@ -3,27 +3,47 @@
 /* Discographys */
 #now {
 
-  * {
+  display: flex;
-    filter: grayscale(100%);
+  flex-wrap: wrap;
-    transition: filter 17s linear;
+  flex-direction: row;
+
+  article {
+
+    flex: 1 1 300px;
 
   }
-
+  h2 {
-  *:hover {
+    font-size: 12em;
-    filter: grayscale(0%) !important;
+/*    text-transform: uppercase;*/
-    transition: filter .1s linear;
+    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: 1em;
+      font-size: .9em;
+      max-width: unset;
+    }
+      strong {
+        font-size: 1.5em;
     }
   }
 
-
+  .now {
+    flex: 1 1 300px;
+  }
 }
 
 </style>
@@ -31,6 +51,13 @@
 
 
 <section id="now">
+  <article class="section-headers" style="background-image: url(/2025/images/now-banner.svg);">
+    <h2>NOW</h2>
+    <p><strong>Well met, fellow space-time traveler!</strong><br />Never been here before? <a href="/about">This page</a> might answer some of your questions. </p>
+  </article>
+  <div class="border now">
 
 
+  </div>
+  <article class="section-footers"></article>
 </section>