<!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/Stars</title>

    <meta property="og:title" content="Stars" />
    <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: Stars" />
    <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"
    />

    <style>
      .star-sep {
        height: 2px;
        width: 70%;
        background-color: #ffffff25;
        margin: auto;
      }
    </style>
  </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>
    </header>

    <nav id="navigation">
      <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>

    <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>Existentialism</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 aria-hidden="true" />
      <h1>Stars</h1>
      <hr aria-hidden="true" />
      <hr aria-hidden="true" />
      <p style="margin: 0; margin-right: 20px; text-align: right">
        <a href="#">More About This Poem</a> (Not yet done)
      </p>
      <hr aria-hidden="true" />
      <p>
        Just because you know objectively that the stars don't revolve around
        the earth Doesn't mean that on the nights when you gaze into the night
        sky it isn't true that it was painted for you
      </p>
      <div class="star-sep"></div>
      <p>
        Just because you know the stars don't revolve around the Earth Doesn't
        mean that on the nights that you gaze into the sky they weren't placed
        there just for you
      </p>
      <div class="star-sep"></div>
      <p>
        Even if you knew the universe didn't revolve around the Earth and
        Humanity; why would you not let the moments, gazing into the sky, feel
        like it were a painting made just for us.
      </p>
      <div class="star-sep"></div>
      <p>
        Why, if the stars were not painted for us, would they be placed so
        perfectly with us on our backs and hand in hand?
      </p>
      <div class="star-sep"></div>
      <p>
        The way the stars shine now, are unequivocally for us. Were we anywhere
        else, they would not be so.
      </p>
      <div class="star-sep"></div>
      <p>
        "Look at the stars. They are so pretty.<br />
        They are so pretty. They make me think of you"
      </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>