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

View file

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

View file

@ -151,9 +151,9 @@
</aside>
<main id="blog-post" class="load-enable">
<hr />
<hr aria-hidden="true" />
<h1>nnwhen's 2024 Music Restrospective</h1>
<hr />
<hr aria-hidden="true" />
<p>
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

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>
<main id="blog-post">
<hr />
<hr aria-hidden="true" />
<h1>Something about music</h1>
<hr />
<hr />
<hr aria-hidden="true" />
<hr aria-hidden="true" />
</main>
<footer id="blog-footer">YYYY-MM-DD</footer>

View file

@ -145,9 +145,9 @@
</aside>
<main id="blog-post" class="load-enable">
<hr />
<hr aria-hidden="true" />
<h1>Music Recommendations</h1>
<hr />
<hr aria-hidden="true" />
<p>
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

View file

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

View file

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