nnwhen/nnwhen.com
SHA256
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

header heavy refactor

Browse source
This commit is contained in:
NNWHEN 2025-01-21 22:22:17 +02:00
parent 7e6c0d4b1d
commit a2fc452d20
31 changed files with 749 additions and 725 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
archive.html
View file

@ -91,27 +91,26 @@
</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 aria-hidden="true" id="here">
<a tabindex="-1" aria-hidden="true" href="#">archive</a>
</li>
<li>
<a aria-label="Go to my Blog" href="blog/index.html">blog</a>
</li>
</ul>
</nav>
</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 aria-hidden="true" id="here">
<a tabindex="-1" aria-hidden="true" href="#">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"

45
artwork.html
View file

@ -88,31 +88,30 @@
</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 id="parent">
<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>
<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 id="parent">
<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"

47
blog/2024-08-18-review-redemption-tour-klein.html
View file

@ -98,30 +98,31 @@
</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>
<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 id="parent">
<a aria-label="Go to my Blog" href="index.html">blog</a>
</li>
</ul>
</nav>
<aside id="socials">
<a

47
blog/2024-09-28-about-me.html
View file

@ -92,31 +92,32 @@
</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>
<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 id="parent">
<a aria-label="Go to my Blog" href="index.html">blog</a>
</li>
</ul>
</nav>
<aside id="socials">
<a
href="https://www.soundcloud.com/nnwhen"

47
blog/2025-01-12-2024-music-retrospective.html
View file

@ -96,31 +96,32 @@
</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>
<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 id="parent">
<a aria-label="Go to my Blog" href="index.html">blog</a>
</li>
</ul>
</nav>
<aside id="socials">
<a
href="https://www.soundcloud.com/nnwhen"

47
blog/2025-01-19-new-poetry.html
View file

@ -92,30 +92,31 @@
</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>
<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 id="parent">
<a aria-label="Go to my Blog" href="index.html">blog</a>
</li>
</ul>
</nav>
<aside id="socials">
<a

47
blog/blog-post-template.html
View file

@ -89,31 +89,32 @@
</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>
<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 id="parent">
<a aria-label="Go to my Blog" href="index.html">blog</a>
</li>
</ul>
</nav>
<aside id="socials">
<a
href="https://www.soundcloud.com/nnwhen"

47
blog/index.html
View file

@ -92,31 +92,32 @@
</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 aria-hidden="true" id="here">
<a tabindex="-1" aria-hidden="true" href="#">blog</a>
</li>
</ul>
</nav>
</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 aria-hidden="true" id="here">
<a tabindex="-1" aria-hidden="true" href="#">blog</a>
</li>
</ul>
</nav>
<aside id="socials">
<a
href="https://www.soundcloud.com/nnwhen"

47
blog/music-recommendations.html
View file

@ -90,31 +90,32 @@
</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>
<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 id="parent">
<a aria-label="Go to my Blog" href="index.html">blog</a>
</li>
</ul>
</nav>
<aside id="socials">
<a
href="https://www.soundcloud.com/nnwhen"

47
blog/music-review-template.html
View file

@ -92,31 +92,32 @@
</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>
<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 id="parent">
<a aria-label="Go to my Blog" href="index.html">blog</a>
</li>
</ul>
</nav>
<aside id="socials">
<a
href="https://www.soundcloud.com/nnwhen"

47
blog/pieces-of-me-in-magnetic-form.html
View file

@ -95,31 +95,32 @@
</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>
<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 id="parent">
<a aria-label="Go to my Blog" href="index.html">blog</a>
</li>
</ul>
</nav>
<aside id="socials">
<a
href="https://www.soundcloud.com/nnwhen"

56
index.html
View file

@ -104,35 +104,35 @@
</picture>
</a>
</div>
<nav>
<ul>
<li aria-hidden="true" id="here">
<a tabindex="-1" aria-hidden="true" href="#">home</a>
</li>
<li id="music">
<a aria-label="Listen to my music" href="sound-design.html"
>music</a
>
<picture aria-hidden="true" id="arrow">
<source srcset="res/img-home-dothis.avif" type="image/avif" />
<source srcset="res/img-home-dothis.webp" type="image/webp" />
<img src="res/img-home-dothis.png" alt="" />
</picture>
</li>
<div aria-hidden="true" id="whitespace"></div>
<li>
<a
aria-label="My archive of 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>
<nav id="navigation">
<ul>
<li aria-hidden="true" id="here">
<a tabindex="-1" aria-hidden="true" href="#">home</a>
</li>
<li id="music">
<a aria-label="Listen to my music" href="sound-design.html">music</a>
<picture aria-hidden="true" id="arrow">
<source srcset="res/img-home-dothis.avif" type="image/avif" />
<source srcset="res/img-home-dothis.webp" type="image/webp" />
<img src="res/img-home-dothis.png" alt="" />
</picture>
</li>
<div aria-hidden="true" id="whitespace"></div>
<li>
<a
aria-label="My archive of 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>
<main id="hero">
<section id="hero-headshot">
<picture>

47
poetry/an-obsidian.html
View file

@ -83,31 +83,32 @@
</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>
<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"

47
poetry/blackened-dust.html
View file

@ -86,31 +86,32 @@
</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>
<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"

47
poetry/brazen-word-token-i.html
View file

@ -92,31 +92,32 @@
</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>
<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"

47
poetry/cave-in.html
View file

@ -83,31 +83,32 @@
</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>
<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"

47
poetry/crackle.html
View file

@ -86,31 +86,32 @@
</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>
<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"

47
poetry/destroy-the-map.html
View file

@ -92,31 +92,32 @@
</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>
<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"

47
poetry/i-am-art.html
View file

@ -86,31 +86,32 @@
</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>
<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"

47
poetry/index.html
View file

@ -86,31 +86,32 @@
</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 id="parent">
<a
aria-label="The Hub that links to my Art, Poetry and Other-Media"
href="../archive.html"
>archive</a
>
</li>
<li>
<a href="../blog/index.html">blog</a>
</li>
</ul>
</nav>
</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 id="parent">
<a
aria-label="The Hub that links to my Art, Poetry and Other-Media"
href="../archive.html"
>archive</a
>
</li>
<li>
<a href="../blog/index.html">blog</a>
</li>
</ul>
</nav>
<aside id="socials">
<a
href="https://www.soundcloud.com/nnwhen"

47
poetry/inspiring.html
View file

@ -86,31 +86,32 @@
</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>
<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"

47
poetry/into-the-dunes.html
View file

@ -86,31 +86,32 @@
</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>
<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"

47
poetry/oneironaut.html
View file

@ -86,31 +86,32 @@
</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>
<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"

47
poetry/our-lovely-sun.html
View file

@ -100,31 +100,32 @@
</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>
<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"

47
poetry/red-and-purple-and-amber-and-black.html
View file

@ -86,31 +86,32 @@
</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>
<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"

47
poetry/stars.html
View file

@ -95,31 +95,32 @@
</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>
<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"

47
poetry/theres-love-to-be-found-there.html
View file

@ -89,31 +89,32 @@
</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>
<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"

47
poetry/this-will-destroy-you.html
View file

@ -86,31 +86,32 @@
</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>
<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"

47
poetry/you-remind-me-of-it.html
View file

@ -86,31 +86,32 @@
</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>
<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"

43
sound-design.html
View file

@ -88,29 +88,30 @@
</picture>
</a>
</div>
<nav>
<ul>
<li>
<a aria-label="Go Back to Homepage" href="index.html">home</a>
</li>
<li aria-hidden="true" id="here">
<a tabindex="-1" aria-hidden="true" href="#">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>
<nav id="navigation">
<ul>
<li>
<a aria-label="Go Back to Homepage" href="index.html">home</a>
</li>
<li aria-hidden="true" id="here">
<a tabindex="-1" aria-hidden="true" href="#">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"

71
style.css
View file

@ -127,7 +127,7 @@ a:hover {
/* Banner */
header {
position: relative;
margin: 18px 0 40px 0;
margin-top: 24px;
}
#header-img-group-banner img {
width: 100%;
@ -144,22 +144,23 @@ header {
right: 0;
margin: auto;
height: 160px;
width: 180px;
height: 140px;
width: 160px;
-o-object-fit: contain;
object-fit: contain;
background-color: var(--background);
z-index: 0;
}
/* NavList */
header nav {
position: absolute;
#navigation {
width: 100%;
bottom: -5px;
margin: -25px auto 25px auto;
}
header nav ul {
#navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@ -174,44 +175,42 @@ header nav ul {
font-size: 22px;
}
header nav ul li {
#navigation ul li {
position: relative;
padding: 2px 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-wrap: wrap;
width: calc(100% / 5);
flex-grow: 1;
text-align: center;
list-style: none;
}
header nav #whitespace {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
#navigation #whitespace {
width: calc(100% / 5);
}
header nav li#here a {
#navigation li#here a {
cursor: not-allowed;
background-color: var(--accent-2);
color: var(--background);
text-decoration: line-through;
}
header nav li#parent a {
#navigation li#parent a {
background-color: var(--accent-2);
color: var(--background);
}
header nav li#parent a::after {
#navigation li#parent a::after {
content: "*";
}
header nav li#parent a:hover {
#navigation li#parent a:hover {
background-color: var(--max-1) !important;
}
header nav li a {
#navigation li a {
padding: 2px 10px;
color: var(--accent-2);
background-color: var(--max-0);
}
header nav li:not(#here) a:hover {
#navigation li:not(#here) a:hover {
color: var(--background);
background-color: var(--accent-2);
}
@ -227,6 +226,8 @@ header nav li:not(#here) a:hover {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
@ -234,10 +235,10 @@ header nav li:not(#here) a:hover {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
margin: 25px 0;
}
#socials img {
width: 40px;
margin: auto 20px;
}
#socials a {
-webkit-transition: ease-in-out 100ms;
@ -265,26 +266,27 @@ header nav li:not(#here) a:hover {
@media only screen and (max-width: 790px) {
header {
margin: 18px 0 80px 0;
margin-top: 18px;
}
header nav {
position: absolute;
bottom: -50px;
#navigation {
margin: 5px auto;
}
header nav ul li a img {
display: block;
#navigation ul li {
min-width: 91px;
margin: 10px auto;
flex-grow: 1;
flex-wrap: wrap;
}
#header-img-group-banner img {
height: 50px;
}
#header-img-group-logo img {
height: 100px;
width: 120px;
height: 80px;
width: 100px;
}
#whitespace,
#arrow,
#here {
#arrow {
display: none;
}
li#music:not(#here) a {
@ -442,7 +444,7 @@ footer#free {
/* asset layouts */
.ly-sect {
margin: 40px 0;
margin: 20px auto;
}
.ly-sect > h1 {
position: relative;
@ -457,7 +459,7 @@ footer#free {
display: -ms-flexbox;
display: flex;
width: min(95%, 2000px);
margin: 10px auto;
margin: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
@ -497,9 +499,6 @@ footer#free {
-o-transition: ease-in-out 100ms;
transition: ease-in-out 100ms;
}
.ly-sect.ly-square {
margin: 40px 0;
}
.ly-sect.ly-square > h1 {
display: inline-block;
margin: 20px 20% 0 20%;