new poem
This commit is contained in:
NNWHEN
parent
3b71205ea6
commit
1c53185edc
6 changed files with 208 additions and 1 deletions
|
|
@ -178,6 +178,9 @@
|
|||
<li>
|
||||
<a href="this-will-destroy-you.html">This Will Destroy You</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="little-garden-rivers.html">Little garden-rivers</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="you-remind-me-of-it.html">You Remind Me Of It</a>
|
||||
</li>
|
||||
|
|
|
|||
201
poetry/little-garden-rivers.html
Normal file
201
poetry/little-garden-rivers.html
Normal file
|
|
@ -0,0 +1,201 @@
|
|||
<!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/Little garden-rivers</title>
|
||||
|
||||
<meta property="og:title" content="Little garden-rivers" />
|
||||
<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="Little garden-rivers" />
|
||||
<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="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>Flashing Lights</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<div class="cw-spacer"></div>
|
||||
|
||||
<p class="back">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
|
||||
<main id="poem" style="text-align: center">
|
||||
<hr aria-hidden="true" />
|
||||
<h1>Little garden-rivers</h1>
|
||||
<hr aria-hidden="true" />
|
||||
<hr aria-hidden="true" />
|
||||
<p>Little garden-rivers run underfoot.</p>
|
||||
<p>
|
||||
In moments of light, our eyes no longer adjusted to the dark; instead
|
||||
overtaken by smell.
|
||||
</p>
|
||||
<p>We know where we belong.</p>
|
||||
<hr aria-hidden="true" />
|
||||
<video
|
||||
autoplay
|
||||
loop
|
||||
style="width: 100%"
|
||||
aria-label="Video of a rainy scene. A streetlamp is framed by a wall, foliage and trees. One of said trees obscures the streetlamp, its leaves sway and so the light of the streetlamp wavers and flickers. A flash of light as lightning strikes somewhere in the distance."
|
||||
>
|
||||
<source
|
||||
src="../res/misc-vid-poem-little_garden_rivers.avif"
|
||||
type="video/av1"
|
||||
/>
|
||||
<source
|
||||
src="../res/misc-vid-poem-little_garden_rivers.webm"
|
||||
type="video/webm"
|
||||
/>
|
||||
<source
|
||||
src="../res/misc-vid-poem-little_garden_rivers.mp4"
|
||||
type="video/mp4"
|
||||
/>
|
||||
</video>
|
||||
<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>
|
||||
BIN
res/misc-vid-poem-little_garden_rivers.avif
Normal file
BIN
res/misc-vid-poem-little_garden_rivers.avif
Normal file
Binary file not shown.
BIN
res/misc-vid-poem-little_garden_rivers.mp4
Normal file
BIN
res/misc-vid-poem-little_garden_rivers.mp4
Normal file
Binary file not shown.
BIN
res/misc-vid-poem-little_garden_rivers.webm
Normal file
BIN
res/misc-vid-poem-little_garden_rivers.webm
Normal file
Binary file not shown.
|
|
@ -116,6 +116,9 @@ a:hover {
|
|||
padding: 5px 10px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.cw-spacer {
|
||||
height: 500px;
|
||||
}
|
||||
.back {
|
||||
width: min(700px, 90%);
|
||||
margin: auto;
|
||||
|
|
@ -242,7 +245,7 @@ header {
|
|||
}
|
||||
#socials img {
|
||||
width: 40px;
|
||||
margin: auto 20px;
|
||||
margin: auto 10px;
|
||||
}
|
||||
#socials a {
|
||||
-webkit-transition: ease-in-out 100ms;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue