new blog post and aria refinement

This commit is contained in:
NNWHEN 2025-01-19 03:04:17 +02:00
parent 3c958fc7b4
commit c3e976a37a
25 changed files with 278 additions and 74 deletions

View file

@ -153,7 +153,7 @@
</aside> </aside>
<main class="main" id="blog-post"> <main class="main" id="blog-post">
<hr /> <hr aria-hidden="true" />
<section id="review-header"> <section id="review-header">
<h1> <h1>
<a <a
@ -172,8 +172,8 @@
<img src="../res/asset-blog-fullstar.svg" alt="" /> <img src="../res/asset-blog-fullstar.svg" alt="" />
</section> </section>
</section> </section>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
<em>'redemption tour'</em> is a song I come back to over and over again. <em>'redemption tour'</em> is a song I come back to over and over again.
</p> </p>

View file

@ -147,10 +147,10 @@
</aside> </aside>
<main id="blog-post"> <main id="blog-post">
<hr /> <hr aria-hidden="true" />
<h1>About Me</h1> <h1>About Me</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<h2>The Short Version</h2> <h2>The Short Version</h2>
<ul> <ul>

View file

@ -151,9 +151,9 @@
</aside> </aside>
<main id="blog-post" class="load-enable"> <main id="blog-post" class="load-enable">
<hr /> <hr aria-hidden="true" />
<h1>nnwhen's 2024 Music Restrospective</h1> <h1>nnwhen's 2024 Music Restrospective</h1>
<hr /> <hr aria-hidden="true" />
<p> <p>
Hey friends and strangers alike. If you've come here of your own accord, Hey friends and strangers alike. If you've come here of your own accord,
that's really cool! It's more likely that I sent you here myself. You that's really cool! It's more likely that I sent you here myself. You

View file

@ -0,0 +1,187 @@
<!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="blog-style.css" />
<meta charset="UTF-8" />
<meta
name="description"
content="An announcement to let people know of the new poetry section on nnwhen's website"
/>
<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//B/Poetry Page!</title>
<meta property="og:title" content="nnwhen On: Their new poetry page" />
<meta
property="og:description"
content="A little website update announcement"
/>
<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 On: Their new poetry page" />
<meta
name="twitter:description"
content="A little website update announcement"
/>
<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="#blog-post">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 id="parent">
<a aria-label="Go to my Blog" href="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>
<main id="blog-post">
<hr aria-hidden="true" />
<h1>A New Poetry Section</h1>
<hr aria-hidden="true" />
<hr aria-hidden="true" />
<p>Hello everyone!</p>
<p>
While this is technically not immediately new, not too long ago,
<a href="../poetry/index.html">I added a poetry section to this site</a
>!
</p>
<p>
I have uploaded a good chunk of old poems I have written and added
around 3 more that I had to dig around to find. I am yet to write
anything post creating the poetry-section, though this addition will
definitely motivate me to do so.
</p>
<p>
I am even considering putting up poems by others (with appropriate
credits) if I am asked!
<a href="../socials.html">You can reach out via these options</a>.
</p>
<p>So concludes this session of shouting into the void.</p>
<p>
Much love, <br />
NN
</p>
<hr />
</main>
<footer id="blog-footer">2025-01-19</footer>
<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>

View file

@ -144,11 +144,10 @@
</aside> </aside>
<main id="blog-post"> <main id="blog-post">
<hr /> <hr aria-hidden="true" />
<h1>Something about music</h1> <h1>Something about music</h1>
<hr /> <hr aria-hidden="true" />
<hr aria-hidden="true" />
<hr />
</main> </main>
<footer id="blog-footer">YYYY-MM-DD</footer> <footer id="blog-footer">YYYY-MM-DD</footer>

View file

@ -145,9 +145,9 @@
</aside> </aside>
<main id="blog-post" class="load-enable"> <main id="blog-post" class="load-enable">
<hr /> <hr aria-hidden="true" />
<h1>Music Recommendations</h1> <h1>Music Recommendations</h1>
<hr /> <hr aria-hidden="true" />
<p> <p>
Hey friends and strangers alike. If you've come here of your own accord, Hey friends and strangers alike. If you've come here of your own accord,
that's really cool! It's more likely that I sent you here myself. You that's really cool! It's more likely that I sent you here myself. You

View file

@ -147,7 +147,7 @@
</aside> </aside>
<main id="blog-post"> <main id="blog-post">
<hr /> <hr aria-hidden="true" />
<section id="review-header"> <section id="review-header">
<h1> <h1>
<a <a
@ -164,8 +164,8 @@
<img src="../res/asset-blog-emptystar.svg" alt="" /> <img src="../res/asset-blog-emptystar.svg" alt="" />
</section> </section>
</section> </section>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
Lorem ipsum odor amet, consectetuer adipiscing elit. Donec non dolor Lorem ipsum odor amet, consectetuer adipiscing elit. Donec non dolor
potenti sem inceptos. Vitae vel efficitur et; per condimentum vestibulum potenti sem inceptos. Vitae vel efficitur et; per condimentum vestibulum

View file

@ -150,7 +150,7 @@
</aside> </aside>
<main id="blog-post"> <main id="blog-post">
<hr /> <hr aria-hidden="true" />
<h1> <h1>
<a <a
target="_blank" target="_blank"
@ -159,7 +159,7 @@
> >
</h1> </h1>
<hr /> <hr aria-hidden="true" />
<audio class="sc-preview" preload="none" controls> <audio class="sc-preview" preload="none" controls>
<source <source
@ -174,7 +174,7 @@
/> />
</audio> </audio>
<hr /> <hr aria-hidden="true" />
<h3>Background:</h3> <h3>Background:</h3>
<p> <p>
@ -275,8 +275,8 @@
<hr /> <hr />
<h2>Credits and Contexts:</h2> <h2>Credits and Contexts:</h2>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
I wrote this blog-post to credit the things that were not recordings of I wrote this blog-post to credit the things that were not recordings of
my friends or ephemeral radio recordings. And more importantly: Point my friends or ephemeral radio recordings. And more importantly: Point
@ -320,8 +320,8 @@
track, which remains my absolute favourite. track, which remains my absolute favourite.
</p> </p>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
As it turns out, most of this EP was random static and my friends As it turns out, most of this EP was random static and my friends
chatting shit. Hope you enjoyed it! chatting shit. Hope you enjoyed it!

View file

@ -5,7 +5,7 @@
<subtitle>Blog and Thought-Box of nnwhen</subtitle> <subtitle>Blog and Thought-Box of nnwhen</subtitle>
<link rel="self" href="feed.xml" /> <link rel="self" href="feed.xml" />
<link rel="alternate" href="https://nnwhen.com/" /> <link rel="alternate" href="https://nnwhen.com/" />
<updated>2024-08-17T20:03:14Z</updated> <updated>2025-01-19T03:02:30Z</updated>
<icon>/resources/favicon.png</icon> <icon>/resources/favicon.png</icon>
@ -67,4 +67,22 @@
<published>2025-01-12T19:38:36Z</published> <published>2025-01-12T19:38:36Z</published>
</entry> </entry>
<entry>
<id>https://nnwhen.com/blog/2025-01-19-new-poetry</id>
<title>nnwhen: Poetry. An addition to the site.</title>
<updated>2025-01-19T03:02:30Z</updated>
<content src="https://nnwhen.com/blog/2025-01-19-new-poetry"
type="text/html"></content>
<link rel="alternate" href="https://nnwhen.com/blog/2025-01-19-new-poetry" />
<summary>nnwhen has uploaded a good backlog of its poems. Some of these were available on
this very domain long ago when the website looked different</summary>
<category term="Update" />
<category term="Poetry" />
<category term="nnwhen" />
<published>2025-01-19T03:02:30Z</published>
</entry>
</feed> </feed>

View file

@ -149,10 +149,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>An Obsidian</h1> <h1>An Obsidian</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
I was Obsidian<br /> I was Obsidian<br />
A pitch-black Oblivion A pitch-black Oblivion

View file

@ -154,10 +154,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>Blackened Dust</h1> <h1>Blackened Dust</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
It is entirely unassuming<br /> It is entirely unassuming<br />
The heap of blackened dust sits ever-silent in the vase The heap of blackened dust sits ever-silent in the vase

View file

@ -159,10 +159,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>Brazen Word (Token I)</h1> <h1>Brazen Word (Token I)</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p>The bang came fast. You dither - robbed of senses.</p> <p>The bang came fast. You dither - robbed of senses.</p>
<p> <p>
<b>Inland Empire</b>: "In your eye: Nurseries, children; You. What would <b>Inland Empire</b>: "In your eye: Nurseries, children; You. What would

View file

@ -149,10 +149,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>Cave In</h1> <h1>Cave In</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
When I watch movies with her I make sure we sit so that our shadows cast 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. from the projector to the wall. It's important to remember we are real.

View file

@ -154,10 +154,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>Crackle</h1> <h1>Crackle</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
The radio crackling.<br /> The radio crackling.<br />
Speaker like gaping mouth &#x2013; lungs deflating<br /> Speaker like gaping mouth &#x2013; lungs deflating<br />

View file

@ -159,10 +159,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>Destroy The Map</h1> <h1>Destroy The Map</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
Destroy the map. Who, blinding line, send you spiralling.<br /> Destroy the map. Who, blinding line, send you spiralling.<br />
Crush paper, meaning and intent.<br /> Crush paper, meaning and intent.<br />

View file

@ -153,10 +153,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>I am art</h1> <h1>I am art</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
I am art<br /> I am art<br />
Art art and canvas<br /> Art art and canvas<br />

View file

@ -154,10 +154,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>Inspiring</h1> <h1>Inspiring</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p>You've always been most inspiring when what you did was beyond me</p> <p>You've always been most inspiring when what you did was beyond me</p>
<p> <p>
>/ ...<br /> >/ ...<br />

View file

@ -154,10 +154,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>Into The Dunes</h1> <h1>Into The Dunes</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p>&emsp;&emsp;run</p> <p>&emsp;&emsp;run</p>
<p>Into the dunes I run</p> <p>Into the dunes I run</p>
<p> <p>

View file

@ -152,9 +152,9 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>oneironaut</h1> <h1>oneironaut</h1>
<hr /> <hr aria-hidden="true" />
<nav <nav
style="display: flex; justify-content: space-evenly; text-align: center" style="display: flex; justify-content: space-evenly; text-align: center"
> >
@ -174,7 +174,7 @@
> >
<a href="https://www.youtube.com/watch?v=0vb1CtGkqtw">Youtube</a> <a href="https://www.youtube.com/watch?v=0vb1CtGkqtw">Youtube</a>
</nav> </nav>
<hr /> <hr aria-hidden="true" />
<p> <p>
"Ha ha ha!" <br /> "Ha ha ha!" <br />
My arms splayed over the city; and its lights <br /> My arms splayed over the city; and its lights <br />

View file

@ -167,10 +167,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>Our Lovely Sun</h1> <h1>Our Lovely Sun</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p class="c"> <p class="c">
I count two beats left <br /> I count two beats left <br />
Two crunched heartbeats before I'm gone Two crunched heartbeats before I'm gone

View file

@ -158,10 +158,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>Red and Purple and Amber and Black</h1> <h1>Red and Purple and Amber and Black</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
The winch creaks<br /> The winch creaks<br />
Bore more weight than we thought<br /> Bore more weight than we thought<br />

View file

@ -161,14 +161,14 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>Stars</h1> <h1>Stars</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p style="margin: 0; margin-right: 20px; text-align: right"> <p style="margin: 0; margin-right: 20px; text-align: right">
<a href="#">More About This Poem</a> (Not yet done) <a href="#">More About This Poem</a> (Not yet done)
</p> </p>
<hr /> <hr aria-hidden="true" />
<p> <p>
Just because you know objectively that the stars don't revolve around 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 the earth Doesn't mean that on the nights when you gaze into the night

View file

@ -156,10 +156,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>There's Love To Be Found There</h1> <h1>There's Love To Be Found There</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p> <p>
Lightheaded - (a lack of air.) <br /> Lightheaded - (a lack of air.) <br />
I can barely stand. And to walk, I fear for my safety. I can barely stand. And to walk, I fear for my safety.

View file

@ -155,10 +155,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>This Will Destroy You</h1> <h1>This Will Destroy You</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p>This Will Destroy You</p> <p>This Will Destroy You</p>
<p> <p>
Your word - your waves, I cannot write it.<br /> Your word - your waves, I cannot write it.<br />

View file

@ -152,10 +152,10 @@
</p> </p>
<main id="poem"> <main id="poem">
<hr /> <hr aria-hidden="true" />
<h1>You Remind Me Of It</h1> <h1>You Remind Me Of It</h1>
<hr /> <hr aria-hidden="true" />
<hr /> <hr aria-hidden="true" />
<p>There was an exhaustive Grotowskian dancing.</p> <p>There was an exhaustive Grotowskian dancing.</p>
<p> <p>
When it - by you - was first imparted on me: my most outer layer of mind When it - by you - was first imparted on me: my most outer layer of mind