header heavy refactor
This commit is contained in:
NNWHEN
parent
7e6c0d4b1d
commit
a2fc452d20
31 changed files with 749 additions and 725 deletions
37
archive.html
37
archive.html
|
|
@ -91,27 +91,26 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
45
artwork.html
45
artwork.html
|
|
@ -88,31 +88,30 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -98,30 +98,31 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
|
|
|
||||||
|
|
@ -92,31 +92,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -96,31 +96,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -92,30 +92,31 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
|
|
|
||||||
|
|
@ -89,31 +89,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -92,31 +92,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -90,31 +90,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -92,31 +92,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -95,31 +95,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
56
index.html
56
index.html
|
|
@ -104,35 +104,35 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<main id="hero">
|
||||||
<section id="hero-headshot">
|
<section id="hero-headshot">
|
||||||
<picture>
|
<picture>
|
||||||
|
|
|
||||||
|
|
@ -83,31 +83,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -86,31 +86,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -92,31 +92,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -83,31 +83,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -86,31 +86,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -92,31 +92,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -86,31 +86,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -86,31 +86,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -86,31 +86,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -86,31 +86,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -86,31 +86,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -100,31 +100,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -86,31 +86,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -95,31 +95,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -89,31 +89,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -86,31 +86,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -86,31 +86,32 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
|
|
@ -88,29 +88,30 @@
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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>
|
</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">
|
<aside id="socials">
|
||||||
<a
|
<a
|
||||||
href="https://www.soundcloud.com/nnwhen"
|
href="https://www.soundcloud.com/nnwhen"
|
||||||
|
|
|
||||||
71
style.css
71
style.css
|
|
@ -127,7 +127,7 @@ a:hover {
|
||||||
/* Banner */
|
/* Banner */
|
||||||
header {
|
header {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 18px 0 40px 0;
|
margin-top: 24px;
|
||||||
}
|
}
|
||||||
#header-img-group-banner img {
|
#header-img-group-banner img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -144,22 +144,23 @@ header {
|
||||||
right: 0;
|
right: 0;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
|
||||||
height: 160px;
|
height: 140px;
|
||||||
width: 180px;
|
width: 160px;
|
||||||
|
|
||||||
-o-object-fit: contain;
|
-o-object-fit: contain;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
|
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
|
|
||||||
|
z-index: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* NavList */
|
/* NavList */
|
||||||
header nav {
|
#navigation {
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
bottom: -5px;
|
margin: -25px auto 25px auto;
|
||||||
}
|
}
|
||||||
header nav ul {
|
#navigation ul {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -174,44 +175,42 @@ header nav ul {
|
||||||
|
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
}
|
}
|
||||||
header nav ul li {
|
#navigation ul li {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 2px 0;
|
padding: 2px 0;
|
||||||
|
|
||||||
-webkit-box-flex: 1;
|
flex-wrap: wrap;
|
||||||
-ms-flex-positive: 1;
|
width: calc(100% / 5);
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
header nav #whitespace {
|
#navigation #whitespace {
|
||||||
-webkit-box-flex: 1;
|
width: calc(100% / 5);
|
||||||
-ms-flex-positive: 1;
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
}
|
||||||
header nav li#here a {
|
#navigation li#here a {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
background-color: var(--accent-2);
|
background-color: var(--accent-2);
|
||||||
color: var(--background);
|
color: var(--background);
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
header nav li#parent a {
|
#navigation li#parent a {
|
||||||
background-color: var(--accent-2);
|
background-color: var(--accent-2);
|
||||||
color: var(--background);
|
color: var(--background);
|
||||||
}
|
}
|
||||||
header nav li#parent a::after {
|
#navigation li#parent a::after {
|
||||||
content: "*";
|
content: "*";
|
||||||
}
|
}
|
||||||
header nav li#parent a:hover {
|
#navigation li#parent a:hover {
|
||||||
background-color: var(--max-1) !important;
|
background-color: var(--max-1) !important;
|
||||||
}
|
}
|
||||||
header nav li a {
|
#navigation li a {
|
||||||
padding: 2px 10px;
|
padding: 2px 10px;
|
||||||
color: var(--accent-2);
|
color: var(--accent-2);
|
||||||
background-color: var(--max-0);
|
background-color: var(--max-0);
|
||||||
}
|
}
|
||||||
header nav li:not(#here) a:hover {
|
#navigation li:not(#here) a:hover {
|
||||||
color: var(--background);
|
color: var(--background);
|
||||||
background-color: var(--accent-2);
|
background-color: var(--accent-2);
|
||||||
}
|
}
|
||||||
|
|
@ -227,6 +226,8 @@ header nav li:not(#here) a:hover {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
-webkit-box-orient: horizontal;
|
-webkit-box-orient: horizontal;
|
||||||
-webkit-box-direction: normal;
|
-webkit-box-direction: normal;
|
||||||
-ms-flex-direction: row;
|
-ms-flex-direction: row;
|
||||||
|
|
@ -234,10 +235,10 @@ header nav li:not(#here) a:hover {
|
||||||
-webkit-box-pack: space-evenly;
|
-webkit-box-pack: space-evenly;
|
||||||
-ms-flex-pack: space-evenly;
|
-ms-flex-pack: space-evenly;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
margin: 25px 0;
|
|
||||||
}
|
}
|
||||||
#socials img {
|
#socials img {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
margin: auto 20px;
|
||||||
}
|
}
|
||||||
#socials a {
|
#socials a {
|
||||||
-webkit-transition: ease-in-out 100ms;
|
-webkit-transition: ease-in-out 100ms;
|
||||||
|
|
@ -265,26 +266,27 @@ header nav li:not(#here) a:hover {
|
||||||
|
|
||||||
@media only screen and (max-width: 790px) {
|
@media only screen and (max-width: 790px) {
|
||||||
header {
|
header {
|
||||||
margin: 18px 0 80px 0;
|
margin-top: 18px;
|
||||||
}
|
}
|
||||||
header nav {
|
#navigation {
|
||||||
position: absolute;
|
margin: 5px auto;
|
||||||
bottom: -50px;
|
|
||||||
}
|
}
|
||||||
header nav ul li a img {
|
#navigation ul li {
|
||||||
display: block;
|
min-width: 91px;
|
||||||
|
margin: 10px auto;
|
||||||
|
flex-grow: 1;
|
||||||
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
#header-img-group-banner img {
|
#header-img-group-banner img {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
#header-img-group-logo img {
|
#header-img-group-logo img {
|
||||||
height: 100px;
|
height: 80px;
|
||||||
width: 120px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#whitespace,
|
#whitespace,
|
||||||
#arrow,
|
#arrow {
|
||||||
#here {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
li#music:not(#here) a {
|
li#music:not(#here) a {
|
||||||
|
|
@ -442,7 +444,7 @@ footer#free {
|
||||||
|
|
||||||
/* asset layouts */
|
/* asset layouts */
|
||||||
.ly-sect {
|
.ly-sect {
|
||||||
margin: 40px 0;
|
margin: 20px auto;
|
||||||
}
|
}
|
||||||
.ly-sect > h1 {
|
.ly-sect > h1 {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -457,7 +459,7 @@ footer#free {
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: min(95%, 2000px);
|
width: min(95%, 2000px);
|
||||||
margin: 10px auto;
|
margin: auto;
|
||||||
|
|
||||||
-webkit-box-orient: horizontal;
|
-webkit-box-orient: horizontal;
|
||||||
-webkit-box-direction: normal;
|
-webkit-box-direction: normal;
|
||||||
|
|
@ -497,9 +499,6 @@ footer#free {
|
||||||
-o-transition: ease-in-out 100ms;
|
-o-transition: ease-in-out 100ms;
|
||||||
transition: ease-in-out 100ms;
|
transition: ease-in-out 100ms;
|
||||||
}
|
}
|
||||||
.ly-sect.ly-square {
|
|
||||||
margin: 40px 0;
|
|
||||||
}
|
|
||||||
.ly-sect.ly-square > h1 {
|
.ly-sect.ly-square > h1 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 20px 20% 0 20%;
|
margin: 20px 20% 0 20%;
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue