progress i guess

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

@@ -14,12 +14,13 @@
 
   }
   h2 {
-    font-size: 24em;
-/*    text-transform: uppercase;*/
-    line-height: 1em;
-    flex: 1 1 100%;
+      font-size: 24em;
+  /*    text-transform: uppercase;*/
+      line-height: 1em;
+      flex: 1 1 100%;
   }
-    p {
+
+  p {
     flex: 1 1 100%;
     font-size: 1.5em;
     line-height: 1em;
@@ -31,60 +32,58 @@
     p {
       font-size: 1em;
     }
+    figcaption {
+     font-size: 1em;
+     line-height: 1em;
+   }
   }
 
 
   figure {
     padding: 4px;
     margin: auto;
-
-
-
     border-style: double;
     border-color: purple;
     border-width: 10px;
+    display: flex;
 
     img {
       width: 100%;
       object-fit: cover;
-
+      width: 96px;
+      flex: 0 0 96px;
       max-height: 300px;
     }
+    figcaption {
+      font-size: 1.5em;
+      line-height: 1em;
+      overflow-x: hidden;
+      overflow-wrap: break-word;
+      font-weight: bold;
+  /*    font-style: italic;*/
+      background-color: black;
+      color: white;
+      padding: 20px;
+      text-align: center;
+      color: orange;
+      z-index: 100;
+      position: relative;
+      text-decoration: none;
+      margin-bottom: 4px;
+      text-transform: lowercase;
 
+        p {
+          font-size: .75em;
+        }
+      }
+    }
 
-  }
-  figcaption {
-    font-family: Outward, 'Arial', 'Helvetica', sans-serif;
-    font-size: 9em;
-    line-height: 0.3em;
-
-    font-weight: bold;
-/*    font-style: italic;*/
-    background-color: black;
-    color: white;
-    padding: 20px;
-    text-align: center;
-
-    color: orange;
-    z-index: 100;
-    position: relative;
-    text-decoration: none;
-    margin-bottom: 4px;
-    text-transform: lowercase;
- }
- @media screen and (max-width: 1024px) {
-   figcaption {
-     font-size: 7em;
-         line-height: 0.35em;
-   }
- }
  .section-headers {
    padding: 80px;
    border-style: double;
    border-color: purple;
    border-width: 10px;
-   flex: 1 0 100%;
-   max-width: 100%;
+   flex: 1 1 100%;
    margin-top: 0;
   }
 }
@@ -107,7 +106,7 @@
   }}
   {{ with resources.GetRemote $url $opts }}
     {{ $monsters := unmarshal .Content }}
-    {{ range $monsters }}
+    {{ range $monsters | shuffle }}
 
   <article>
     {{ if .url }}
@@ -116,13 +115,21 @@
     <a href="https://s.basspistol.org/@{{ .username }}" target="_blank">
     {{ end }}
     <figure>
-      <figcaption>{{ .username }}</figcaption>
+
       <img src="{{ .avatarUrl }}" />
+      <figcaption>
+        <p><strong>{{ .username }}</strong>
+        <br />
+        </p>
+      </figcaption>
     </figure>
     </a>
   </article>
 
     {{ end }}
+
+<!--    <pre>{{ debug.Dump $monsters }}</pre>-->
+
   {{ end }}
 
 </section>