<!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="A poem by nnwhen" />
    <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/Cave In</title>

    <meta property="og:title" content="Cave In" />
    <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="Cave In" />
    <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>
    </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>Derealisation</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>Cave In</h1>
      <hr aria-hidden="true" />
      <hr aria-hidden="true" />
      <p>
        When I watch movies with her I make sure we sit so that our shadows cast
        from the projector to the wall. It's important to remember we are real.
        That the images in front of us is what's fabricated. I think that when
        we block the full image from reaching the wall we are frustrated just
        enough.
      </p>
      <p>Reminded just enough.</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>