'now' preview post

now.css

@@ -16,6 +16,9 @@ section.now h2 {
     width: calc(100% - 200px);
     margin: 0 10px;
 }
+section.now h1 {
+  margin-top: 8px;
+}
 
 section.now h3 {
   margin: 0;
@@ -27,9 +30,12 @@ section.now h3 {
   position: absolute;
   color: var(--subtitle);
   font-size: medium;
-  right: 8px;
+  right: 15px;
-  top: 5px;
+  top: 15px;
 }
 section.now p {
   margin: 10px 20px;
 }
+section.now audio {
+  width: 100%;
+}

now.html

@@ -136,6 +136,20 @@
     </aside>
 
     <main id="main">
+      <section class="now">
+        <hgroup>
+          <h1>'Chest'</h1>
+          <h2>A Preview</h2>
+          <h3>2025-02-28T10:30Z</h3>
+        </hgroup>
+        <p>
+          <audio preload="none" controls="">
+            <source src="res/prvw-mus-2025-02-28-Chest.ogg" type="audio/ogg" />
+            <source src="res/prvw-mus-2025-02-28-Chest.mp3" type="audio/mp3" />
+          </audio>
+        </p>
+      </section>
+
       <section class="now">
         <hgroup>
           <h1>Persistence</h1>
@@ -144,7 +158,7 @@
         </hgroup>
         <p>Keeping the momentum. Feeling proud. Continue.</p>
       </section>
-      
+
       <section class="now">
         <hgroup>
           <h1>'Structure of Reality'</h1>