219 lines
6.8 KiB
HTML
219 lines
6.8 KiB
HTML
<!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>
|
|
<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="mailto:contact@nnwhen.com"
|
|
title="Email Me"
|
|
>
|
|
<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">↵ Back</a>
|
|
</p>
|
|
|
|
<main id="poem">
|
|
<hr />
|
|
<h1>Stars</h1>
|
|
<hr />
|
|
<hr />
|
|
<p style="margin: 0; margin-right: 20px; text-align: right">
|
|
<a href="#">More About This Poem</a> (Not yet done)
|
|
</p>
|
|
<hr />
|
|
<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">↵ Back</a>
|
|
</p>
|
|
|
|
<footer id="free">
|
|
<a href="../our-siblings.html"
|
|
>Free Our People</a
|
|
>
|
|
</footer>
|
|
</body>
|
|
</html>
|