From 626d82b9ba0e06929c67422d63c3e83bb99c873589cea12bb756f19f00ca5f42 Mon Sep 17 00:00:00 2001
From: NNWHEN <learning@nnwhen.com>
Date: Sat, 18 Jan 2025 02:53:40 +0200
Subject: [PATCH] New poetry, fixes

---
 poetry/index.html                         |  14 +-
 poetry/our-lovely-sun.html                |  24 ++-
 poetry/poem-style.css                     |   4 +
 poetry/theres-love-to-be-found-there.html | 185 ++++++++++++++++++++++
 4 files changed, 211 insertions(+), 16 deletions(-)
 create mode 100644 poetry/theres-love-to-be-found-there.html
diff --git a/poetry/index.html b/poetry/index.html
index 74ab38f..e72948b 100644
--- a/poetry/index.html
+++ b/poetry/index.html
@@ -164,6 +164,9 @@
         <li>
           <a href="into-the-dunes.html">Into The Dunes</a>
         </li>
+        <li>
+          <a href="our-lovely-sun.html">Our Lovely Sun</a>
+        </li>
         <li>
           <a href="blackened-dust.html">Blackened Dust</a>
         </li>
@@ -171,15 +174,20 @@
 
       <h2>Standalone</h2>
       <ul>
-        <li>
-          <a href="you-remind-me-of-it.html">You Remind Me Of It</a>
-        </li>
         <li>
           <a href="this-will-destroy-you.html">This Will Destroy You</a>
         </li>
         <li>
           <a href="i-am-art.html">I am art</a>
         </li>
+        <li>
+          <a href="you-remind-me-of-it.html">You Remind Me Of It</a>
+        </li>
+        <li>
+          <a href="theres-love-to-be-found-there.html"
+            >There's Love To Be Found There</a
+          >
+        </li>
         <li>
           <a href="destroy-the-map.html">Destroy The Map</a>
         </li>
diff --git a/poetry/our-lovely-sun.html b/poetry/our-lovely-sun.html
index 1d2e8f6..7a7f233 100644
--- a/poetry/our-lovely-sun.html
+++ b/poetry/our-lovely-sun.html
@@ -157,9 +157,8 @@
     <section id="content-warnings">
       <h1>Content Warnings</h1>
       <ul>
-        <li>Familial Loss</li>
-        <li>Intrusive Thoughts</li>
-        <li>Political Persecution</li>
+        <li>Undergoing Death</li>
+        <li>Blood</li>
       </ul>
     </section>
 
@@ -179,31 +178,30 @@
       <p class="c">They begin:</p>
       <br />
       <p>
-        <span class="c">clench-</span>
+        <span class="c">clench -</span>
         Lay from my angle the setting star washed the sky red <br />
         I take one fourth of my immense time to immerse in it <br />
-        <span class="c">untense</span>
+        <span class="c">- untense</span>
       </p>
       <br />
       <p class="c">The edges of the world seem to collapse slightly</p>
       <br />
       <p>
-        <span class="c">clench</span>
+        <span class="c">clench -</span>
         Unacceptable to say - the colour washed my blood ultra-crimson. Somehow
         redder than red -
-      </p>
-      <p class="r">
-        My eyes must be what are losing themselves now <br />
-        First was my legs - folded into the dunes, the feeling of burning grains
-        lost on their skin. <br />
-        <span class="c">–untense</span>
+        <span class="r"
+          >My eyes must be what are losing themselves now <br />
+          First was my legs - folded into the dunes, the feeling of burning
+          grains lost on their skin.</span
+        >
+        <span class="c">- untense</span>
       </p>
       <br />
       <p>
         Long gone are my nerves <br />
         &emsp;Now the neurons blink out like dying stars
       </p>
-      <br />
       <p class="c">Like our lovely sun</p>
       <hr />
     </main>
diff --git a/poetry/poem-style.css b/poetry/poem-style.css
index d53ff2f..75b8cbe 100644
--- a/poetry/poem-style.css
+++ b/poetry/poem-style.css
@@ -11,3 +11,7 @@
 #poem p {
   font-size: 18px;
 }
+ol,
+ul {
+  padding-left: 48px;
+}
diff --git a/poetry/theres-love-to-be-found-there.html b/poetry/theres-love-to-be-found-there.html
new file mode 100644
index 0000000..de35ddd
--- /dev/null
+++ b/poetry/theres-love-to-be-found-there.html
@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta name="CCBot" content="nofollow" />
+    <meta name="robots" content="noai, noimageai" />
+    <meta name="tdm-reservation" content="1" />
+    <link rel="stylesheet" href="../style.css" />
+    <link rel="stylesheet" href="poem-style.css" />
+
+    <meta charset="UTF-8" />
+    <meta
+      name="description"
+      content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
+    />
+    <meta
+      name="keywords"
+      content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
+    />
+    <meta name="author" content="nnwhen" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <meta
+      name="viewport"
+      content="height=device-height, width=device-width, initial-scale=1"
+    />
+    <link
+      rel="icon"
+      href="../res/asset-sitewide-favicon.png"
+      type="image/icon type"
+    />
+    <title>NN//P/There's Love To Be Found There</title>
+
+    <meta property="og:title" content="There's Love To Be Found There" />
+    <meta property="og:description" content="A poem by nnwhen" />
+    <meta
+      property="og:image"
+      content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
+    />
+    <meta property="og:url" content="https://www.nnwhen.com/" />
+    <meta property="og:locale" content="en_US" />
+
+    <meta
+      name="twitter:title"
+      content="nnwhen poem: There's Love To Be Found There"
+    />
+    <meta name="twitter:description" content="A poem by nnwhen" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@nnwhen_" />
+    <meta name="twitter:creator" content="@nnwhen_" />
+    <meta
+      name="twitter:image"
+      content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
+    />
+    <meta
+      name="twitter:image:alt"
+      content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
+    />
+  </head>
+  <body>
+    <a class="skip-to-content" href="#content-warnings">Skip to main content</a>
+
+    <header>
+      <div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
+        <picture id="header-img-group-banner">
+          <source
+            srcset="../res/asset-sitewide-header-banner.avif"
+            type="image/avif"
+          />
+          <source
+            srcset="../res/asset-sitewide-header-banner.webp"
+            type="image/webp"
+          />
+          <img src="../res/asset-sitewide-header-banner.png" alt="" />
+        </picture>
+        <a aria-label="Return to the Homepage" href="../index.html">
+          <picture id="header-img-group-logo">
+            <source
+              srcset="../res/asset-sitewide-header-ennspace.avif"
+              type="image/avif"
+            />
+            <source
+              srcset="../res/asset-sitewide-header-ennspace.webp"
+              type="image/webp"
+            />
+            <img
+              src="../res/asset-sitewide-header-ennspace.png"
+              alt="Return to the Homepage"
+            />
+          </picture>
+        </a>
+      </div>
+      <nav>
+        <ul>
+          <li>
+            <a aria-label="Go Back to Homepage" href="../index.html">home</a>
+          </li>
+          <li>
+            <a aria-label="Listen to my music" href="../sound-design.html"
+              >music</a
+            >
+          </li>
+          <div aria-hidden="true" id="whitespace"></div>
+          <li>
+            <a
+              aria-label="The Hub that links to my Art, Poetry and Other-Media"
+              href="../archive.html"
+              >archive</a
+            >
+          </li>
+          <li>
+            <a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
+          </li>
+        </ul>
+      </nav>
+    </header>
+
+    <aside id="socials">
+      <a
+        href="https://www.soundcloud.com/nnwhen"
+        target="_blank"
+        title="Soundcloud"
+      >
+        <img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
+      </a>
+
+      <a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
+        <img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
+      </a>
+
+      <a
+        href="&#109;&#097;&#105;&#108;&#116;&#111;:&#099;&#111;&#110;&#116;&#097;&#099;&#116;&#064;&#110;&#110;&#119;&#104;&#101;&#110;&#046;&#099;&#111;&#109;"
+        title="&#069;&#109;&#097;&#105;&#108;&#032;&#077;&#101;"
+      >
+        <img src="../res/asset-sitewide-nav-mail.svg" alt="" />
+      </a>
+
+      <a href="../socials.html" target="_blank" title="Other Socials">
+        <img src="../res/asset-sitewide-nav-at.svg" alt="" />
+      </a>
+
+      <a href="../feed.xml" target="_blank" title="RSS Feed">
+        <img src="../res/asset-sitewide-nav-rss.svg" alt="" />
+      </a>
+    </aside>
+
+    <section id="content-warnings">
+      <h1>Content Warnings</h1>
+      <ul>
+        <li>Suffocation</li>
+        <li>Disorientation</li>
+      </ul>
+    </section>
+
+    <p class="back">
+      <a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
+    </p>
+
+    <main id="poem">
+      <hr />
+      <h1>There's Love To Be Found There</h1>
+      <hr />
+      <hr />
+      <p>
+        Lightheaded - (a lack of air.) <br />
+        I can barely stand. And to walk, I fear for my safety.
+      </p>
+      <p>
+        Trace the landscapes: <br />
+        Ridges and ditches and whatever's left.
+      </p>
+      <p>There's something to be found there.</p>
+      <hr />
+    </main>
+
+    <p class="back">
+      <a href="index.html" aria-label="Go back to poem-list">&#x21B5; Back</a>
+    </p>
+
+    <footer id="free">
+      <a href="../our-siblings.html"
+        >&#x46;&#x72;&#x65;&#x65;&#x20;&#x4F;&#x75;&#x72;&#x20;&#x50;&#x65;&#x6F;&#x70;&#x6C;&#x65;</a
+      >
+    </footer>
+  </body>
+</html>
