almost there, but good enough for now

themes/basspistol2025/assets/css/style.css

@@ -117,7 +117,7 @@ footer {
 
   flex-wrap: wrap;
   padding: 0;
-  font-size: .75em;
+  font-size: .5em;
   overflow-x: hidden;
 }
 
@@ -138,25 +138,23 @@ h1, h2, h3 {
   font-family: Outward, Space-Grotesk, 'Arial', 'Helvetica', sans-serif;
 
 }
-h1 {
+
-  font-family: Outward, 'Arial', 'Helvetica', sans-serif;
+h2 {
-  font-size: 48em;
+  font-size: 10em;
-  font-weight: 100;
-  font-style: italic;
-  /*  letter-spacing: -0.1em;*/
-  line-height: .75em;
-  rotate: -14deg;
-  margin: 50px 0 0 10px;
-  padding: 0;
-  text-align: center;
 }
 
 h4 {
   text-transform: uppercase;
+  font-size: 1em;
+}
+
+p {
+  font-size: .75em;
 }
 
 strong, b {
   font-weight: bold;
+  color: white;
 }
 
 article {
@@ -164,7 +162,24 @@ article {
   flex: 1 1 300px;
 
 }
+figcaption > h4 {
+  font-size: .75em;
+}
 
+figcaption > p {
+  font-size: .5em;
+}
+
+time {
+  color: white;
+  font-size: .5em;
+}
+.news > h4 {
+  font-size: .75em;
+}
+.news > p {
+  font-size: .5em;
+}
 .section-headers {
   margin: 2px 4px;
   border-radius: 100px;
@@ -180,35 +195,12 @@ article {
 
   h2, h4, p {
     margin: 20px 0;
-  }
-  h2 {
-    font-size: 8em;
-
-    line-height: 1.5em;
     flex: 1 1 100%;
   }
 
   p {
-    font-size: .75em;
+    max-width: 50%;
-    flex: 1 1 100%;
-    line-height: 1.5em;
-
   }
-
-  @media screen and (max-width: 1024px) {
-    h2 {
-      font-size: 8em;
-    }
-
-    h4 {
-
-    }
-
-    p {
-      font-size: 1em;
-    }
-  }
-
 }
 
 .section-footers {
@@ -238,18 +230,6 @@ article {
   text-transform: uppercase;
 }
 
-/* Screen size root */
-
-@media screen and (max-width: 1024px) {
-
-  h1 {
-    font-size: 12em;
-  }
-  footer {
-    font-size: .9em;
-  }
-}
-
 /* Sections Begin */
 
 
@@ -277,14 +257,6 @@ article {
     font-family: inherit;
   }
 }
-#hero:hover {
-
-    transition: all 2s linear;
-}
-
-
-
-
 
 /* NOW */
 #now {
@@ -301,33 +273,44 @@ article {
   figure, div {
     flex: 1 1 300px;
   }
-
+  figure {
-  figcaption {
+    margin-right: 20px;
-    font-size: .5em;
   }
 
-  .inf-rgpd {
+  figure > img {
-    font-size: .5em;
+    margin-bottom: 20px;
-  }
-  .inf-form > div {
-    background-color: black;
-    padding: 0;
-  }
-  .inf-input > input {
-    color: orange;
-    background-color: black;
-    border: 1px solid orange;
   }
 
-  @media screen and (max-width: 1024px) {
+}
 
-    figcaption {
+/* NEWSLETTER */
-      font-size: .6em;
+
-    }
+.inf-form > div {
-    .inf-rgpd {
+  background-color: black;
-      font-size: .8em;
+  padding: 0;
-    }
+}
-  }
+
+.inf-form > div > h4 {
+  color: orange !important;
+  font-size: 1.5em;
+}
+.inf-form > div > span {
+  color: orange;
+  font-size: 1em;
+}
+
+.inf-rgpd {
+  font-size: .5em;
+  color: orange;
+}
+.inf-form > div {
+  background-color: black;
+  padding: 0;
+}
+.inf-input > input {
+  color: orange;
+  background-color: black;
+  border: 1px solid orange;
 }
 
 
@@ -371,24 +354,10 @@ justify-content: space-between;
     height: 300px;
     padding: 20px;
     z-index: 100;
-    line-height: 1.5em;
     overflow-y: hidden;
-    font-size: .75em;
 
   }
 
-  @media screen and (max-width: 1024px) {
-
-    figcaption {
-      h4 {
-        font-size: 2em;
-      }
-    }
-    .inf-rgpd {
-      font-size: .8em;
-    }
-  }
-
 }
 
 /* RADIO */
@@ -402,25 +371,57 @@ justify-content: space-between;
 
 
 
-@media screen and (max-width: 1024px) {
+@media screen and (max-width: 720px) {
+
+
+  footer {
+    font-size: .9em;
+  }
+
   h2 {
     font-size: 8em;
   }
+  h4 {
+    font-size: 1.25
+  }
   p {
-    font-size: .9em;
+    font-size: 1em;
     max-width: unset !important;
 
     strong {
       font-size: 1.5em;
     }
   }
-  figcaption {
+
-    font-size: .9em;
+  figcaption > h4 {
-    p { font-size: .9em;}
+    font-size: 1em;
-    date {
+  }
-      font-size: .7em;
+
+  figcaption > p {
+    font-size: .75em;
+  }
+
+  time {
+    color: white;
+    font-size: .75em;
+  }
+  .news > h4 {
+    font-size: 1em;
+  }
+  .news > p {
+    font-size: .75em;
+  }
+
+  .inf-rgpd {
+    font-size: .8em;
+  }
+
+  #now {
+    figure {
+      margin-right: 0px;
+      margin-bottom: 20px;
     }
   }
 }
-}
+
 

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

@@ -4,7 +4,7 @@
 <section id="discog">
   <div class="section-headers" style="background-image: url(/2025/images/vinyl.webp);">
     <h2>Discography</h2>
-    <h4>The sound of freedom</h4>
+    <h4>𝕿𝖍𝖊 𝕾𝖔𝖚𝖓𝖉 𝖔𝖋 𝕱𝖗𝖊𝖊𝖉𝖔𝖒</h4>
     <p>Basspistol's discography is a non-possessive aggregation of cuts recoreded by independent musicians. Getting your music from here implies 100% of your support being channeled straight to the artist. (Minus whatever fees charged by the monetization service they leverage.)
     </p>
     <p>The bellow selection is shuffled every 30 minutes. Anything pikcing your curiosity? The random gods may just have something to tell you... Check out the Tienda for more.</p>

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

@@ -2,7 +2,7 @@
 <section id="gancio">
   <div class="section-headers">
     <h2>Agenda</h2>
-    <h4>Outernational events</h4>
+    <h4>𝕺𝖚𝖙𝖊𝖗𝖓𝖆𝖙𝖎𝖔𝖓𝖆𝖑 𝕰𝖛𝖊𝖓𝖙𝖘</h4>
     <p>Through the power of federation, we aggregate event data from the deep-web to keep you in the loop of what's happening below the radars.</p>
     <p>Want your event featured here? <a href="https://do.basspistol.org/add" target="_blank" style="text-decoration: underline;">Head over to this page</a>. No account required.</p>
     <a class="button" href="https://do.basspistol.org/">Full agenda 🗓️</a>
@@ -31,7 +31,7 @@
           <figcaption>
 
             <h4>{{ .title }}</h4>
-            <date>{{ .start_datetime | int | dateFormat "2006-01-02 15:04 CET" }}</date>
+            <time datetime="{{ .start_datetime | int | dateFormat "2006-01-02T15:04" }}">{{ .start_datetime | int | dateFormat "2006-01-02 15:04 CET" }}</time>
             <p><b>Organizer:</b> {{ .place.name }}</p>
             <p><b>Address: </b>{{ .place.address }}</p>
             <!--    <p>{{ range .tags }}#{{ . }} {{ end }}</p>-->

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

@@ -86,8 +86,10 @@
 <section id="gang">
   <div class="section-headers">
     <h2>Gung</h2>
-    <h4>Link Root</h4>
+    <h4>𝕷𝖎𝖓𝖐 𝕽𝖔𝖔𝖙</h4>
     <p>The Basspistol network is composed of Powerful Syndicated Artists and Groups. These links are presented to you, ordered by the random god. </p><p>Follow the white Rabbit, Neo!</p>
+
+    <a class="button" href="https://matrix.to/#/#hq:basspistol.org">Come say Hi! 🐇</a>
   </div>
 
   {{/* prebuild/layouts/index.html */}}

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

@@ -1,15 +1,15 @@
 <section id="now">
   <div class="section-headers" style="background-image: url(/2025/images/now-banner.svg);">
     <h2>NOW</h2>
-    <h4>What's up, fellow space-time traveler!</h4>
+    <h4>𝖂𝖊𝖑𝖈𝖔𝖒𝖊, 𝖘𝖕𝖆𝖈𝖊-𝖙𝖎𝖒𝖊 𝖙𝖗𝖆𝖛𝖊𝖑𝖊𝖗</h4>
-    <p>Here's what's going down right now! Never been here before? <a href="https://www.basspistol.com/index2024.html#read">This page</a> might answer some of your questions. </p>
+    <p>Here's what's going down! Never been here before? <a href="https://www.basspistol.com/index2024.html#read">This page</a> might answer some of your questions. </p>
   </div>
 
 {{ range first 2 (where .Site.RegularPages "Type" "news") }}
 
   <div class="border now" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url({{ .Params.image.url }});">
 
-    <figure style="flex: 1 1 50%;">
+    <figure>
       <img src="{{ .Params.image.url }}" alt="{{ .Params.image.alt }}" />
       <figcaption>
         <p><b>Artwork:</b> <a href="{{ .Params.image.credits.url }}" target="_blank">{{ .Params.image.credits.name }}</a> ({{ .Params.image.license }})</p>
@@ -22,7 +22,7 @@
       </figcaption>
     </figure>
 
-    <div>
+    <div class="news">
       <h4>{{ .Title }}</h4>
       {{ .Content | markdownify }}
 

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

@@ -101,7 +101,7 @@
   <article class="section-headers" style="background-image: url(/2025/images/peertube.webp);">
     <h2>BassTube</h2>
     <p>
-      <strong>Videos from the deepweb.</strong>
+      <strong>𝖁𝖎𝖉𝖊𝖔𝖘 𝖋𝖗𝖔𝖒 𝖙𝖍𝖊 𝕯𝖊𝖊𝖕𝖜𝖊𝖇</strong>
       <br />Decentralized, peer-to-peer, for the people! All you saw was sound!
 
     <br /><br />

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

@@ -1,7 +1,7 @@
 <section id="radio">
   <div class="section-headers" style="background-image: url(/2025/images/radio.webp);">
     <h2>RadioStation</h2>
-    <h4>Basspistol Radio Station! </h4>
+    <h4>𝕭𝖆𝖘𝖘𝖕𝖎𝖘𝖙𝖔𝖑 𝕽𝖆𝖉𝖎𝖔 𝕾𝖙𝖆𝖙𝖎𝖔𝖓</h4>
     <p>777% music, without commercials! RobotDJ-sets and live interventions! This is the sound of freedom.</p>
     <a class="button" href="https://radio.basspistol.com/">Request song 📻</a>
   </div>

themes/basspistol2025/layouts/partials/footer/footer.html

@@ -1,7 +1,7 @@
 <footer>
 <section id="footer">
   <article class="border" style="border-radius: 100px; height: 480px">
-    <p><strong>Copyleft {{ now | dateFormat "2006" }} Basspistol (CC-BY-NC-SA)</strong></p>
+    <p><strong>{{ now | dateFormat "2006" }} Basspistol (CC-BY-NC-SA)</strong></p>
     <p>Last build: {{ now | dateFormat "2006-01-02 15:04 UTC" }}</p>
     <p>Big thanks to <a href="https://velvetyne.fr/">Velvetyne</a> for the mad fonts.
     <p>𝕿𝖍𝖊 𝖚𝖓𝖉𝖊𝖗𝖌𝖗𝖔𝖚𝖓𝖉 𝖎𝖘 𝖉𝖊𝖆𝖉, 𝖑𝖔𝖓𝖌 𝖑𝖎𝖛𝖊 𝖙𝖍𝖊 𝖚𝖓𝖉𝖊𝖗𝖌𝖗𝖔𝖚𝖓𝖉.</p>