From 34ee805005acf96ab7368dc0afae3d83e5b1b85a9fc2aac2fa9c7c8afeb5da80 Mon Sep 17 00:00:00 2001
From: nnwhen <nnwhen@nnwhen.com>
Date: Tue, 27 May 2025 01:00:39 +0200
Subject: [PATCH] New Now style for italicised text

---
 now.css  |  3 +++
 now.html | 42 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+)

diff --git a/now.css b/now.css
index f5f299a..e05dab4 100644
--- a/now.css
+++ b/now.css
@@ -79,6 +79,9 @@ div.now {
   width: 80%;
   margin: 16px 20px;
 }
+.lyrics em {
+  color: var(--subtitle);
+}
 .block-toggle {
   display: none;
 }
diff --git a/now.html b/now.html
index 4e9c94b..01db751 100644
--- a/now.html
+++ b/now.html
@@ -138,6 +138,48 @@
     </aside>
 
     <main id="main">
+      <section class="now" id="0010">
+        <hgroup>
+          <h1>'Foster'</h1>
+          <h2>A Preview</h2>
+          <h3>2025-05-26T22:55Z</h3>
+          <h4 style="display: none" aria-hidden="true" class="postID"></h4>
+        </hgroup>
+        <audio preload="none" controls="">
+          <source src="res/prvw-mus-2025-05-27-foster.ogg" type="audio/ogg" />
+          <source src="res/prvw-mus-2025-05-27-foster.mp3" type="audio/mp3" />
+        </audio>
+        <button
+          type="button"
+          class="block-toggle"
+          aria-hidden="true"
+          onclick="blockToggle('foster-20250527T2255Z-000')"
+        >
+          Toggle Lyrics
+        </button>
+        <p class="lyrics" id="foster-20250527T2255Z-000">
+          Baby faster <br />
+          We got a lot in our wake<br />
+          and in the back view<br />
+          never look back again<br />
+          never look back again<br />
+          <br />
+          Baby faster<br />
+          &ensp;<em>(It's dark in the water)</em><br />
+          We got a lot in our wake<br />
+          and in the back view<br />
+          &ensp;<em>(Pull the wound together)</em><br />
+          never look back again<br />
+          &ensp;<em>(The lake will)</em><br />
+          never look back again<br />
+          &ensp;<em>(take you)</em><br />
+          <br />
+          It's dark in the water<br />
+          Pull the wound together<br />
+          The lake will take you<br />
+        </p>
+      </section>
+
       <section class="now" id="0009">
         <hgroup>
           <h1>Hello!</h1>