Initial Upload
This commit is contained in:
NNWHEN
commit
b97d271223
210 changed files with 8772 additions and 0 deletions
86
404.html
Normal file
86
404.html
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link rel="icon" href="img/favicon.webp" type="image/icon type" />
|
||||
<title>\n\n</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a
|
||||
tabindex="-1"
|
||||
aria-hidden="true"
|
||||
aria-label="Return to the Homepage"
|
||||
href="index.html"
|
||||
>
|
||||
<picture id="header-img-group-logo">
|
||||
<source srcset="res/img-404-errorlogo.avif" type="image/avif" />
|
||||
<source srcset="res/img-404-errorlogo.webp" type="image/webp" />
|
||||
<img src="res/img-404-errorlogo.png" alt="" />
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="index.html">home</a>
|
||||
</li>
|
||||
<li id="music">
|
||||
<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>
|
||||
|
||||
<main style="text-align: center">
|
||||
<h1 aria-label="Panic">P A N I K</h1>
|
||||
<br />
|
||||
<h2 aria-label="404">>> 404 404 404 404 <<</h2>
|
||||
<br />
|
||||
<h3>You have encountered a non-existent page</h3>
|
||||
<br />
|
||||
<h4>
|
||||
<a href="index.html">↩ Go Home</a>
|
||||
</h4>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
3
README.md
Normal file
3
README.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# nnwhen.com
|
||||
|
||||
My website source code at https://nnwhen.com
|
||||
57
ai.txt
Normal file
57
ai.txt
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
User-Agent: *
|
||||
Disallow: *.txt
|
||||
Disallow: *.pdf
|
||||
Disallow: *.doc
|
||||
Disallow: *.docx
|
||||
Disallow: *.odt
|
||||
Disallow: *.rtf
|
||||
Disallow: *.tex
|
||||
Disallow: *.wks
|
||||
Disallow: *.wpd
|
||||
Disallow: *.wps
|
||||
Disallow: *.html
|
||||
Disallow: *.bmp
|
||||
Disallow: *.gif
|
||||
Disallow: *.ico
|
||||
Disallow: *.jpeg
|
||||
Disallow: *.jpg
|
||||
Disallow: *.png
|
||||
Disallow: *.svg
|
||||
Disallow: *.tif
|
||||
Disallow: *.tiff
|
||||
Disallow: *.webp
|
||||
Disallow: *.aac
|
||||
Disallow: *.aiff
|
||||
Disallow: *.amr
|
||||
Disallow: *.flac
|
||||
Disallow: *.m4a
|
||||
Disallow: *.mp3
|
||||
Disallow: *.oga
|
||||
Disallow: *.opus
|
||||
Disallow: *.wav
|
||||
Disallow: *.wma
|
||||
Disallow: *.mp4
|
||||
Disallow: *.webm
|
||||
Disallow: *.ogg
|
||||
Disallow: *.avi
|
||||
Disallow: *.mov
|
||||
Disallow: *.wmv
|
||||
Disallow: *.flv
|
||||
Disallow: *.mkv
|
||||
Disallow: *.py
|
||||
Disallow: *.js
|
||||
Disallow: *.java
|
||||
Disallow: *.c
|
||||
Disallow: *.cpp
|
||||
Disallow: *.cs
|
||||
Disallow: *.h
|
||||
Disallow: *.css
|
||||
Disallow: *.php
|
||||
Disallow: *.swift
|
||||
Disallow: *.go
|
||||
Disallow: *.rb
|
||||
Disallow: *.pl
|
||||
Disallow: *.sh
|
||||
Disallow: *.sql
|
||||
Disallow: /
|
||||
Disallow: *
|
||||
225
archive.html
Normal file
225
archive.html
Normal file
|
|
@ -0,0 +1,225 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<script src="res/asset-js-audio.js"></script>
|
||||
<link
|
||||
rel="icon"
|
||||
href="res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="This is where NN hosts a Mirror of all the Art-Things they want safe."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<title>NN//Archive</title>
|
||||
|
||||
<meta property="og:title" content="nnwhen's Archive" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="A Safe Place for Art NN holds Dear"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="nnwhen's Ar(t)chive" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="A Safe Place for Art NN holds Dear"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#main">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li 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>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="socials.html" target="_blank" title="Other Socials">
|
||||
<img src="res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="main" class="ly-body">
|
||||
<section class="ly-sect">
|
||||
<h1>The Ar<sup>t</sup>chive</h1>
|
||||
<div class="ly-cont">
|
||||
<section class="ly-item ly-rect ly-archive">
|
||||
<a href="artwork.html">
|
||||
<h1>Artworks</h1>
|
||||
<h2>Selected works of my art-imagery</h2>
|
||||
<picture>
|
||||
<source
|
||||
srcset="res/img-artchive-artwork.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/img-artchive-artwork.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/img-artchive-artwork.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="res/img-artchive-artwork.jpg" alt="" />
|
||||
</picture>
|
||||
</a>
|
||||
</section>
|
||||
|
||||
<section class="ly-item ly-rect ly-archive">
|
||||
<a href="poetry/index.html">
|
||||
<h1>Poetry</h1>
|
||||
<h2>My Word Art</h2>
|
||||
<picture>
|
||||
<source srcset="res/img-artchive-poetry.jxl" type="image/jxl" />
|
||||
<source
|
||||
srcset="res/img-artchive-poetry.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/img-artchive-poetry.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="res/img-artchive-poetry.jpg" alt="" />
|
||||
</picture>
|
||||
</a>
|
||||
</section>
|
||||
|
||||
<section class="ly-item ly-rect ly-archive">
|
||||
<a href="#" class="no">
|
||||
<h1 style="text-decoration: line-through">Mirror</h1>
|
||||
<h2>Currently unavailable</h2>
|
||||
<picture>
|
||||
<source srcset="res/img-artchive-mirror.jxl" type="image/jxl" />
|
||||
<source
|
||||
srcset="res/img-artchive-mirror.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/img-artchive-mirror.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="res/img-artchive-mirror.jpg" alt="" />
|
||||
</picture>
|
||||
</a>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
277
artwork.html
Normal file
277
artwork.html
Normal file
|
|
@ -0,0 +1,277 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<script src="res/asset-js-audio.js"></script>
|
||||
<link
|
||||
rel="icon"
|
||||
href="res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="description" content="This is where NN hosts its Artwork." />
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<title>NN//Art</title>
|
||||
|
||||
<meta property="og:title" content="nnwhen's Artworks" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="A Safe Place for NN's Visible-Art"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="nnwhen's Artworks" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="A Safe Place for NN's Visible-Art"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#ly-body">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li 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>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="socials.html" target="_blank" title="Other Socials">
|
||||
<img src="res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="ly-body">
|
||||
<section class="ly-sect">
|
||||
<h1>Artwork</h1>
|
||||
<div class="ly-cont">
|
||||
<section class="ly-item ly-square">
|
||||
<h1>'rings'</h1>
|
||||
<picture>
|
||||
<source srcset="res/img-artwork-ring.avif" type="image/avif" />
|
||||
<source srcset="res/img-artwork-ring.webp" type="image/webp" />
|
||||
<img
|
||||
src="res/img-artwork-ring.jpg"
|
||||
alt="Low-contrast image of text, diamonds and other textures"
|
||||
title="'rings' by nnwhen"
|
||||
/>
|
||||
</picture>
|
||||
</section>
|
||||
|
||||
<section class="ly-item ly-square">
|
||||
<h1>'42'</h1>
|
||||
<picture>
|
||||
<source srcset="res/img-artwork-42.avif" type="image/avif" />
|
||||
<source srcset="res/img-artwork-42.webp" type="image/webp" />
|
||||
<img
|
||||
src="res/img-artwork-42.jpg"
|
||||
alt="The right-half of the image blue with a 42. The main subject is obscured and blurry"
|
||||
title="'42' by nnwhen"
|
||||
/>
|
||||
</picture>
|
||||
</section>
|
||||
|
||||
<section class="ly-item ly-square">
|
||||
<h1>'faceshop'</h1>
|
||||
<picture>
|
||||
<source srcset="res/img-artwork-faceshop.jxl" type="image/jxl" />
|
||||
<source
|
||||
srcset="res/img-artwork-faceshop.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/img-artwork-faceshop.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="res/img-artwork-faceshop.jpg"
|
||||
alt="Grey, Blue and Pink image of a face; framed by a box, glitches and doodles"
|
||||
title="'faceshop' by nnwhen"
|
||||
/>
|
||||
</picture>
|
||||
</section>
|
||||
|
||||
<section class="ly-item ly-square">
|
||||
<h1>'portal'</h1>
|
||||
<picture>
|
||||
<source srcset="res/img-artwork-portal.avif" type="image/avif" />
|
||||
<source srcset="res/img-artwork-portal.webp" type="image/webp" />
|
||||
<img
|
||||
src="res/img-artwork-portal.jpg"
|
||||
alt="An elevator with a green glow and a white smoke-like trail within"
|
||||
title="'portal' by nnwhen"
|
||||
/>
|
||||
</picture>
|
||||
</section>
|
||||
|
||||
<section class="ly-item ly-square">
|
||||
<h1>'radio'</h1>
|
||||
<picture>
|
||||
<source srcset="res/img-artwork-radio.avif" type="image/avif" />
|
||||
<source srcset="res/img-artwork-radio.webp" type="image/webp" />
|
||||
<img
|
||||
src="res/img-artwork-radio.jpg"
|
||||
alt="An image of a person sitting silhouetted to the camera with a styled Gregorian 'Jani' over their face"
|
||||
title="'radio' by nnwhen"
|
||||
/>
|
||||
</picture>
|
||||
</section>
|
||||
|
||||
<section class="ly-item ly-square">
|
||||
<h1>'eye'</h1>
|
||||
<picture>
|
||||
<source srcset="res/img-artwork-eye.avif" type="image/avif" />
|
||||
<source srcset="res/img-artwork-eye.webp" type="image/webp" />
|
||||
<img
|
||||
src="res/img-artwork-eye.jpg"
|
||||
alt="Grungy duotone image of dark and light grey with an abstract symbol"
|
||||
title="'eye' by nnwhen"
|
||||
/>
|
||||
</picture>
|
||||
</section>
|
||||
|
||||
<section class="ly-item ly-square">
|
||||
<h1>'7140'</h1>
|
||||
<picture>
|
||||
<source srcset="res/img-artwork-7140.avif" type="image/avif" />
|
||||
<source srcset="res/img-artwork-7140.webp" type="image/webp" />
|
||||
<img
|
||||
src="res/img-artwork-7140.jpg"
|
||||
alt="A pastel pink image with soft cyan shapes and a lone line and blotch of white paint"
|
||||
title="'7140' by nnwhen"
|
||||
/>
|
||||
</picture>
|
||||
</section>
|
||||
|
||||
<section class="ly-item ly-square">
|
||||
<h1>'draft'</h1>
|
||||
<picture>
|
||||
<source srcset="res/img-artwork-draft.avif" type="image/avif" />
|
||||
<source srcset="res/img-artwork-draft.webp" type="image/webp" />
|
||||
<img
|
||||
src="res/img-artwork-draft.jpg"
|
||||
alt="The inverted nnwhen logo superimposed on glitched image of an arm. The draft logo for nnwhen"
|
||||
title="'draft' by nnwhen"
|
||||
/>
|
||||
</picture>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
263
blog/2024-08-18-review-redemption-tour-klein.html
Normal file
263
blog/2024-08-18-review-redemption-tour-klein.html
Normal file
|
|
@ -0,0 +1,263 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="blog-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="nnwhen's review for Klein's 'Redemption Tour'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer, blog"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//B/R/review-redemption-tour-klein</title>
|
||||
|
||||
<meta
|
||||
property="og:title"
|
||||
content="nnwhen Reviews: Redemption Tour by Klein"
|
||||
/>
|
||||
<meta
|
||||
property="og:description"
|
||||
content="my thoughts, intuitions and imperfect grasp; a review"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://nnwhen.com/blog/res/2024-08-18-review-redemption-tour-klein.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta
|
||||
name="twitter:title"
|
||||
content="nnwhen Reviews: Redemption Tour by Klein"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="my thoughts, intuitions and imperfect grasp; a review"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://nnwhen.com/blog/res/2024-08-18-review-redemption-tour-klein.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="The album cover for 'redemption tour' by Klein"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#blog-post">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li id="parent">
|
||||
<a aria-label="Go to my Blog" href="index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main class="main" id="blog-post">
|
||||
<hr />
|
||||
<section id="review-header">
|
||||
<h1>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://klein1997.bandcamp.com/track/redemption-tour"
|
||||
>
|
||||
redemption tour - Klein
|
||||
</a>
|
||||
</h1>
|
||||
<h3 id="rating-out-of-five">5/5</h3>
|
||||
<section id="stars">
|
||||
<img src="../res/asset-blog-fullstar.svg" alt="" />
|
||||
<img src="../res/asset-blog-fullstar.svg" alt="" />
|
||||
<img src="../res/asset-blog-fullstar.svg" alt="" />
|
||||
<img src="../res/asset-blog-fullstar.svg" alt="" />
|
||||
<img src="../res/asset-blog-fullstar.svg" alt="" />
|
||||
</section>
|
||||
</section>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>
|
||||
<em>'redemption tour'</em> is a song I come back to over and over again.
|
||||
</p>
|
||||
<p>
|
||||
Encountering the song for the first time was a beautiful experience. I
|
||||
fell in love with the production and atmosphere of the song instantly.
|
||||
</p>
|
||||
<p>
|
||||
Every subsequent listen still remains an unmatched minute and 40
|
||||
seconds. During which a warm feeling within my chest, underneath where
|
||||
the ribs meet to create the sternum, glows. I find that
|
||||
<em>'redemption tour'</em> is a track absolutely bursting with
|
||||
sincerity; as if it is daring you to drop all preconcieved notions of
|
||||
irony, detachment and worries of coming off as 'cringe' through
|
||||
modelling it to you itself. An approach I adore.
|
||||
</p>
|
||||
<p></p>
|
||||
<p>
|
||||
I rarely listen to this track once. I always make sure to queue it up at
|
||||
least 2 times and would gladly repeat it into the double-digits. I
|
||||
thought, maybe, to express the short length as a fault of the song,
|
||||
though - after some thought - I feel it to be a good choice: as it is
|
||||
somewhat repetitive, the track does not over-stay its welcome. One can
|
||||
always invite it in again. Like I do, always.
|
||||
</p>
|
||||
<p>
|
||||
It is a track that sits remarkably well in the negative-space within any
|
||||
emotional state I am in:
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<b>Sadness</b> has me focus on the warbled and stretched notes she
|
||||
sings as though they are near-faltering, lornful cries; and the
|
||||
downward trajectory of the two-chord piano progression which makes me
|
||||
feel heavy with each strike;
|
||||
</li>
|
||||
<li>
|
||||
<b>Happiness</b> accentuates the beautiful interplay of the
|
||||
<i>piano</i>, <i>pad</i> and <i>vocal runs</i>. The sung notes take on
|
||||
a joyous, intimate and earnest quality that I can't help but fall in
|
||||
love with;
|
||||
</li>
|
||||
<li>
|
||||
<b>Tiredness</b>, in the morning or before I sleep, either renews my
|
||||
excitement for the start of a day or grounds my body in the joy of
|
||||
warmth and comfort under the covers, in anticipation of the coming
|
||||
sleep.
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
As I write this, I discover there are lyrics listed on her
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://klein1997.bandcamp.com/track/redemption-tour"
|
||||
>
|
||||
Bandcamp release of the track</a
|
||||
>, which is an exciting discovery: I have spent many listens to this
|
||||
track singing while emulating the pitch and quality but not knowing, for
|
||||
sure, very many of the actual lyrical phrases.
|
||||
</p>
|
||||
<p>
|
||||
All-in-all, <em>'redemption tour'</em> is a track that enhances the
|
||||
experience of <i>the moment</i>. Whatever it is I am to feel, this track
|
||||
is sure to multiply and encourage me to experience the happening in full
|
||||
sincerity. <br />
|
||||
Something, I find, to be so very important in our current world full of
|
||||
irony-poisoning.
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
<footer id="blog-footer">2024-08-18</footer>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
258
blog/2024-09-20-nn-music-recommendations.html
Normal file
258
blog/2024-09-20-nn-music-recommendations.html
Normal file
|
|
@ -0,0 +1,258 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="blog-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="description" content="Music recommendations from nnwhen" />
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//B/Music-Recommendations</title>
|
||||
|
||||
<meta property="og:title" content="nnwhen Recommends: Music" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="A list of sounds that nnwhen feel are particularly worthwhile"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="nnwhen Recommends: Music" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="A list of sounds that nnwhen feel are particularly worthwhile"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#blog-post">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li id="parent">
|
||||
<a aria-label="Go to my Blog" href="index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="blog-post">
|
||||
<hr />
|
||||
<h1>Music Recommendations</h1>
|
||||
<hr />
|
||||
<p>
|
||||
The fact that it has taken this long for me to create a recommendation
|
||||
list is absurd. You may recognise some tracks from reviews of mine I'm
|
||||
yet to post. As a collated list, this serves much better for
|
||||
recommendations.
|
||||
</p>
|
||||
<h2>Legend:</h2>
|
||||
<ul>
|
||||
<li>
|
||||
{A} : Album <br />
|
||||
{S} : One Song
|
||||
</li>
|
||||
<li>
|
||||
[A] : Apple Music <br />
|
||||
[B] : Bandcamp <br />
|
||||
[Q] : Qobuz <br />
|
||||
[S] : Spotify <br />
|
||||
[Y] : YouTube
|
||||
</li>
|
||||
</ul>
|
||||
<h2>The List:</h2>
|
||||
<h3>Beautiful; Soft</h3>
|
||||
<table style="margin: auto; width: 95%">
|
||||
<thead>
|
||||
<tr style="font-family: 'syne', monospace">
|
||||
<th>Key</th>
|
||||
<th>Name</th>
|
||||
<th>Artist</th>
|
||||
<th>Links</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{A}</td>
|
||||
<td>Obsidian</td>
|
||||
<td>Baths</td>
|
||||
<td style="width: 180px">
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/album/obsidian/1644755742"
|
||||
>[A]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://bathsmusic.bandcamp.com/album/obsidian"
|
||||
>[B]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/album/6kuAuIJhs1jfKRwUzi1LYG"
|
||||
>[S]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://youtube.com/playlist?list=OLAK5uy_ks7VtHrkTLHJh8FDvhimYWSFptJ3BVRGM"
|
||||
>[Y]</a
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>{A}</td>
|
||||
<td>Turning Silver</td>
|
||||
<td>Sirius</td>
|
||||
<td style="width: 180px">
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://music.apple.com/za/album/turning-silver/1661801676"
|
||||
>[A]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://siriusdogstare.bandcamp.com/album/turning-silver"
|
||||
>[B]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://open.spotify.com/album/0I5Obzt19Ng2cWg4DlNDnV"
|
||||
>[S]</a
|
||||
>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://youtube.com/playlist?list=OLAK5uy_lWb4n6HxuYk-WhyhMzx9-NbYMhWgqCUA8"
|
||||
>[Y]</a
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="blog-footer">2024-09-20</footer>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
400
blog/2024-09-28-about-me.html
Normal file
400
blog/2024-09-28-about-me.html
Normal file
|
|
@ -0,0 +1,400 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="blog-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//B/About-Me</title>
|
||||
|
||||
<meta property="og:title" content="nnwhen On: Itself" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="nnwhen shares parts of itself, jeopardised by language."
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="nnwhen On: Itself" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="nnwhen shares parts of itself, jeopardised by language."
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#blog-post">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li id="parent">
|
||||
<a aria-label="Go to my Blog" href="index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="blog-post">
|
||||
<hr />
|
||||
<h1>About Me</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
|
||||
<h2>The Short Version</h2>
|
||||
<ul>
|
||||
<li>In Cyberspace I am nnwhen</li>
|
||||
<li>
|
||||
<a target="_blank" href="../sound-design.html">I make Music</a>
|
||||
and
|
||||
<a target="_blank" href="../archive.html">Other-Art</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
You are reading this from
|
||||
<a target="_blank" href="index.html">my blog</a>
|
||||
</li>
|
||||
<li>
|
||||
I am part of
|
||||
<a
|
||||
target="_blank"
|
||||
aria-label="The Contact Collective"
|
||||
href="https://www.nohlelo.co.za/inject/about"
|
||||
>Umbutho WokuThintana</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<br />
|
||||
<hr />
|
||||
|
||||
<h2>The Long Version</h2>
|
||||
<h3>'I am nnwhen'</h3>
|
||||
<p>
|
||||
'<b>nnwhen</b>' would be best described as: <br />
|
||||
a <b>moniker</b>; a <b>veil</b>; a <b>pseudonym</b>; a <b>body</b>.
|
||||
<br />
|
||||
The name I take in meatspace is different to the name I take here:
|
||||
<q>nnwhen is bodiless euphoria</q>.
|
||||
</p>
|
||||
<p>
|
||||
The name was chosen in response to and inspired by: my intuition as well
|
||||
as digital formatting errors.
|
||||
</p>
|
||||
<h4>My intuition?</h4>
|
||||
<p>
|
||||
Yes. <br />
|
||||
The sound of 'nnwhen' (ɛnɛnwɛn) when spoken and the
|
||||
symmetry of the letter 'n' on either side <i>felt</i> right.
|
||||
</p>
|
||||
|
||||
<h4>Formatting Errors?</h4>
|
||||
<p>
|
||||
This was a pleasant surprise for me. After testing how the name felt to
|
||||
read, speak and scrawl; I went to the internet to make sure it was not
|
||||
already taken. <br />
|
||||
It wasn't. At least not intentionally...
|
||||
</p>
|
||||
<p>
|
||||
You see, '\n' is an
|
||||
<a target="_blank" href="https://en.wikipedia.org/wiki/Newline"
|
||||
>escape sequence</a
|
||||
>. Simply, it is the computer's equivalent to the Enter key: a new line;
|
||||
\n; newline.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Therefore 'nn'when is the result of a computer misinterpreting the
|
||||
intent of a person pressing Enter twice and starting their new paragraph
|
||||
with "When".
|
||||
</p>
|
||||
|
||||
<table style="width: 100%">
|
||||
<tr style="text-align: center">
|
||||
<td>"\n\nwhen"</td>
|
||||
<td>"nnwhen"</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p>A glitch; an error.</p>
|
||||
|
||||
<h3>'I make Music and Other-Art'</h3>
|
||||
<p>
|
||||
The main focus of this site is my passion for the
|
||||
<a target="_blank" href="../sound-design.html">music I make</a>. The aim
|
||||
of this site being a repository and CV for those who are looking for
|
||||
Soundtracking and Sound Design. <br />
|
||||
Though I cannot completely disentangle the rest of my art from my music.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
As for <q><b>Other-Art</b></q
|
||||
>: <a target="_blank" href="../artwork.html">my imagery</a>,
|
||||
<a target="_blank" href="../poetry/index.html">my poetry</a>,
|
||||
<a target="_blank" href="index.html">my blog</a>
|
||||
and little experimental things (like this website itself) also make an
|
||||
appearance.
|
||||
</p>
|
||||
|
||||
<h3>'I am part of Umbutho WokuThintana'</h3>
|
||||
|
||||
<p style="background-color: var(--blog-box); padding: 10px 15px">
|
||||
<span><b>Umbutho WokuThintana</b></span> <br />
|
||||
<q>
|
||||
Phantsi noHlelo, phantsi! <br />
|
||||
Singumbutho wabaqambi abasebenzela ubuciko obuningi, kuqukethe inoveli
|
||||
yesiZulu yohlobo lweSci-Fi; umdlalo weshashalazi; ifilimu; umbukiso
|
||||
ozwakalayo: “UkuThintana”.
|
||||
<br />
|
||||
Singababonanhle ngokwemvelo. Singabazimelegeqe neziphekulankuni
|
||||
ngokwezenzo. Impokophelo yethu ngumPhakathi.
|
||||
</q>
|
||||
</p>
|
||||
|
||||
<p style="background-color: var(--blog-box); padding: 10px 15px">
|
||||
<span><b>The Contact Collective</b></span> <br />
|
||||
<q>
|
||||
Down with the System, down! <br />
|
||||
We are a Collective of Creatives working on an isiZulu Sci-Fi novel;
|
||||
theatre piece; film; audio-visual experience: "UkuThintana".
|
||||
<br />
|
||||
Optimistic in Nature. Anarchist in Practice. Our goal is Community.
|
||||
</q>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
The Contact Collective - <i>Umbutho WokuThintana</i> - is an Artist
|
||||
Collective
|
||||
</p>
|
||||
<p>
|
||||
I take on many roles within this Anarchic Collective; though my official
|
||||
job
|
||||
<span style="color: var(--subtitle)"
|
||||
>- a <i>'job'</i> as <i>'official'</i> as anarchism could allow
|
||||
-</span
|
||||
>
|
||||
is '<b>Creative Lead</b>' and '<b>Production Manager</b>'.
|
||||
</p>
|
||||
<p>I take care of:</p>
|
||||
<ul>
|
||||
<li>Most admin-related tasks;</li>
|
||||
<li>Logistics;</li>
|
||||
<li>Half the load of Theatre Directing;</li>
|
||||
<li>Sound and Structure on the Audiobook;</li>
|
||||
<li>
|
||||
Websites<sup
|
||||
><a
|
||||
target="_blank"
|
||||
aria-label="Website 1"
|
||||
href="https://umabhengwane.com/"
|
||||
>[1]</a
|
||||
><a
|
||||
target="_blank"
|
||||
aria-label="Website 2"
|
||||
href="https://nohlelo.co.za"
|
||||
>[2]</a
|
||||
></sup
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h4>Links for The Collective:</h4>
|
||||
<table style="width: 100%; text-align: center">
|
||||
<tr>
|
||||
<td>
|
||||
<a target="_blank" href="https://instagram.com/ukuthintana"
|
||||
>Instagram</a
|
||||
>
|
||||
</td>
|
||||
<td>
|
||||
<a target="_blank" href="https://tiktok.com/@ukuthintana">TikTok</a>
|
||||
</td>
|
||||
<td>
|
||||
<a target="_blank" href="https://nohlelo.co.za/inject/about"
|
||||
>Website</a
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>//</td>
|
||||
<td>--</td>
|
||||
<td>//</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a
|
||||
target="_blank"
|
||||
aria-label="Coffee"
|
||||
href="https://ko-fi.com/ukuthintana"
|
||||
>Ko-Fi</a
|
||||
>
|
||||
</td>
|
||||
<td>
|
||||
<a target="_blank" href="https://facebook.com/ukuthintana"
|
||||
>Facebook</a
|
||||
>
|
||||
</td>
|
||||
<td>
|
||||
<a target="_blank" href="https://twitter.com/ukuthintana"
|
||||
>Twitter</a
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr />
|
||||
|
||||
<aside>
|
||||
<p
|
||||
style="
|
||||
margin: auto;
|
||||
font-family: 'syne';
|
||||
font-size: 16px;
|
||||
color: var(--subtitle);
|
||||
"
|
||||
>
|
||||
<q>
|
||||
It is important to mention that I do not feel fragmented between my
|
||||
two names. They are different <i>bodies</i>, <i>vehicles</i>,
|
||||
<i><b>intentions</b></i
|
||||
>; not identities. <br />
|
||||
The freedom of being nnwhen, an entity of my own actualisation, has
|
||||
made the act of claiming my art as my own possible.
|
||||
<u>I killed perfectionism</u>.
|
||||
<br />
|
||||
<br />
|
||||
nnwhen's philosophy is one and the same as my own. <br />
|
||||
nnwhen's ambitions as a project is one and the same as my own.
|
||||
</q>
|
||||
</p>
|
||||
</aside>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="blog-footer">2024-09-28</footer>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
170
blog/blog-post-template.html
Normal file
170
blog/blog-post-template.html
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="blog-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="description" content="" />
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//B/Template</title>
|
||||
|
||||
<meta property="og:title" content="nnwhen On: Template" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="A short description about Template"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="nnwhen On: Template" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="A short description about Template"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#blog-post">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li id="parent">
|
||||
<a aria-label="Go to my Blog" href="index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="blog-post">
|
||||
<hr />
|
||||
<h1>Something about music</h1>
|
||||
<hr />
|
||||
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="blog-footer">YYYY-MM-DD</footer>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
198
blog/blog-style.css
Normal file
198
blog/blog-style.css
Normal file
|
|
@ -0,0 +1,198 @@
|
|||
#blog,
|
||||
#blog-post {
|
||||
width: min(95%, 650px);
|
||||
margin: auto;
|
||||
font-family: "mono", monospace;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#blog-post audio {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.blog-link {
|
||||
position: relative;
|
||||
padding: 10px 15px;
|
||||
margin-bottom: 15px;
|
||||
|
||||
background-color: var(--blog-box);
|
||||
-webkit-transition: ease-in-out 100ms;
|
||||
-o-transition: ease-in-out 100ms;
|
||||
transition: ease-in-out 100ms;
|
||||
}
|
||||
|
||||
.blog-link:hover {
|
||||
-webkit-filter: drop-shadow(var(--max-dark) 5px 5px 5px);
|
||||
filter: drop-shadow(var(--max-dark) 5px 5px 5px);
|
||||
}
|
||||
|
||||
.blog-link h2,
|
||||
.blog-link h3,
|
||||
.blog-link h4 {
|
||||
margin: 5px 0;
|
||||
font-weight: bold;
|
||||
text-shadow: var(--blog-box) 1px 1px 0;
|
||||
}
|
||||
|
||||
.blog-link h2,
|
||||
.blog-link h3 {
|
||||
width: calc(100% - 100px);
|
||||
}
|
||||
|
||||
.blog-link h3 {
|
||||
color: var(--accent-focus);
|
||||
}
|
||||
|
||||
.blog-link h3::before {
|
||||
padding-left: 15px;
|
||||
content: "~ ";
|
||||
}
|
||||
|
||||
.blog-link h4 {
|
||||
position: absolute;
|
||||
color: var(--load-light);
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.blog-link #stars {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 7px;
|
||||
opacity: 50%;
|
||||
|
||||
-webkit-transition: ease-in-out 200ms;
|
||||
|
||||
-o-transition: ease-in-out 200ms;
|
||||
|
||||
transition: ease-in-out 200ms;
|
||||
}
|
||||
|
||||
.blog-link:hover #stars {
|
||||
right: 12px;
|
||||
bottom: 8px;
|
||||
opacity: 80%;
|
||||
|
||||
-webkit-filter: drop-shadow(var(--accent) 2px 2px 0);
|
||||
|
||||
filter: drop-shadow(var(--accent) 2px 2px 0);
|
||||
}
|
||||
|
||||
.blog-link #stars img {
|
||||
width: 15px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.music-related {
|
||||
background-image: url(../res/asset-blog-music_post.png);
|
||||
background-size: 120px;
|
||||
background-position: right top;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.poetry-related {
|
||||
background-image: url(../res/asset-blog-poetry_post.png);
|
||||
background-size: 120px;
|
||||
background-position: right top;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.thought-related {
|
||||
background-image: url(../res/asset-blog-thought_post.png);
|
||||
background-size: 120px;
|
||||
background-position: right top;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#blog-post {
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#blog-post p {
|
||||
padding: 0px 15px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
#blog-post ul {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
list-style-type: ">/ ";
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#blog-post ul li {
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
#blog-post h1,
|
||||
#blog-post h2 {
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#blog-post h1 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
#blog-post h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#blog-post h3 {
|
||||
padding: 15px 0 0 40px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#blog-post h4 {
|
||||
padding: 20px 0 0 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
background-color: var(--text-highlight);
|
||||
}
|
||||
|
||||
#review-header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#stars {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#stars img {
|
||||
height: 20px;
|
||||
margin: 5px 3px;
|
||||
}
|
||||
|
||||
#rating-out-of-five {
|
||||
position: absolute;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
|
||||
height: 30px;
|
||||
right: 25px;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#blog-footer {
|
||||
font-family: "mono", monospace;
|
||||
text-align: center;
|
||||
padding: 15px;
|
||||
font-size: 15px;
|
||||
|
||||
color: var(--load-light);
|
||||
}
|
||||
190
blog/index.html
Normal file
190
blog/index.html
Normal file
|
|
@ -0,0 +1,190 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="blog-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="The blog for nnwhen. It posts writings here."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer, blog"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//Blog</title>
|
||||
|
||||
<meta property="og:title" content="nnwhen: Blog Space" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="The Place where nnwhen makes blog posts"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="nnwhen: Blog Space" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="The Place where nnwhen makes blog posts"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#blog">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li aria-hidden="true" id="here">
|
||||
<a tabindex="-1" aria-hidden="true" href="#">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="blog">
|
||||
<h1 style="font-family: 'mono', monospace">BLOG-SPACE</h1>
|
||||
|
||||
<a href="pieces-of-me-in-magnetic-form.html">
|
||||
<section class="blog-link music-related">
|
||||
<h2>Expansion on '20240830-PiecesOfMeInMagneticForm'</h2>
|
||||
<h3>Why, What and How? An excuse to write.</h3>
|
||||
<h4>2024-08-30</h4>
|
||||
</section>
|
||||
</a>
|
||||
|
||||
<a href="2024-08-18-review-redemption-tour-klein.html">
|
||||
<section class="blog-link music-related">
|
||||
<h2>Review: Klein's "redemption tour"</h2>
|
||||
<h3>One of my all time favourites.</h3>
|
||||
<h4>2024-08-18</h4>
|
||||
<section id="stars">
|
||||
<img src="../res/asset-blog-fullstar.svg" alt="" />
|
||||
<img src="../res/asset-blog-fullstar.svg" alt="" />
|
||||
<img src="../res/asset-blog-fullstar.svg" alt="" />
|
||||
<img src="../res/asset-blog-fullstar.svg" alt="" />
|
||||
<img src="../res/asset-blog-fullstar.svg" alt="" />
|
||||
</section>
|
||||
</section>
|
||||
</a>
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
246
blog/music-review-template.html
Normal file
246
blog/music-review-template.html
Normal file
|
|
@ -0,0 +1,246 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="blog-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="The blog for nnwhen. It posts writings here."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer, blog"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//B/R/review-TTTT-AAAA</title>
|
||||
|
||||
<meta property="og:title" content="nnwhen Reviews: TTTT by AAAA" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="my thoughts, intuitions and imperfect grasp; a review"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="nnwhen Reviews: TTTT by AAAA" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="my thoughts, intuitions and imperfect grasp; a review"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#blog-post">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li id="parent">
|
||||
<a aria-label="Go to my Blog" href="index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="blog-post">
|
||||
<hr />
|
||||
<section id="review-header">
|
||||
<h1>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://klein1997.bandcamp.com/track/redemption-tour"
|
||||
>
|
||||
TTTT - AAAA
|
||||
</a>
|
||||
</h1>
|
||||
<h3 id="rating-out-of-five">1.5/5</h3>
|
||||
<section id="stars">
|
||||
<img src="../res/asset-blog-fullstar.svg" alt="" />
|
||||
<img src="../res/asset-blog-halfstar.svg" alt="" />
|
||||
<img src="../res/asset-blog-emptystar.svg" alt="" />
|
||||
</section>
|
||||
</section>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>
|
||||
Lorem ipsum odor amet, consectetuer adipiscing elit. Donec non dolor
|
||||
potenti sem inceptos. Vitae vel efficitur et; per condimentum vestibulum
|
||||
iaculis duis. Inceptos parturient ligula fusce venenatis lacinia rhoncus
|
||||
tincidunt. Ac est ut consequat eget eget. Venenatis purus tellus primis
|
||||
porta dignissim fermentum montes eget proin. Cras accumsan lacus auctor
|
||||
varius torquent sed nam primis. Vel a nulla adipiscing bibendum duis
|
||||
accumsan duis nunc. Ligula mi consequat litora nibh felis varius.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum odor amet, consectetuer adipiscing elit. Donec non dolor
|
||||
potenti sem inceptos. Vitae vel efficitur et; per condimentum vestibulum
|
||||
iaculis duis. Inceptos parturient ligula fusce venenatis lacinia rhoncus
|
||||
tincidunt. Ac est ut consequat eget eget. Venenatis purus tellus primis
|
||||
porta dignissim fermentum montes eget proin. Cras accumsan lacus auctor
|
||||
varius torquent sed nam primis. Vel a nulla adipiscing bibendum duis
|
||||
accumsan duis nunc. Ligula mi consequat litora nibh felis varius.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<b>Mauris nisi pretium</b> augue eleifend est. Est faucibus imperdiet
|
||||
dictumst dolor pretium semper cubilia. Ligula nibh nascetur primis
|
||||
purus sit ad varius class fusce. Placerat quam gravida accumsan dis
|
||||
mauris; nostra condimentum. Imperdiet dolor tempus ad adipiscing magna
|
||||
per himenaeos montes mattis. Rhoncus auctor vulputate dui semper
|
||||
condimentum efficitur at ligula.
|
||||
</li>
|
||||
<li>
|
||||
<b>Nostra elementum</b> donec sociosqu dis hac? Suspendisse ex viverra
|
||||
praesent fusce nostra dapibus erat! Class efficitur magna ad turpis
|
||||
morbi nibh neque. Natoque egestas auctor fermentum congue sodales
|
||||
tristique. Suscipit tincidunt a venenatis id amet vestibulum. Fames
|
||||
urna ullamcorper rutrum tincidunt urna sagittis mi. Proin mollis
|
||||
tempor mus, elementum dapibus netus. Per at leo ligula curae congue
|
||||
rhoncus.
|
||||
</li>
|
||||
<li>
|
||||
<b>Cubilia</b> libero turpis nascetur eros elementum porta hendrerit
|
||||
turpis. Consequat ullamcorper at ultricies lectus porttitor litora.
|
||||
Phasellus montes ridiculus porta maximus tellus ligula. Torquent class
|
||||
ornare integer libero tristique sit dapibus tellus! Nibh torquent
|
||||
malesuada a ligula rutrum nibh vehicula finibus. Consectetur magnis
|
||||
netus vulputate augue sem interdum curabitur turpis. Hendrerit diam
|
||||
imperdiet inceptos, nec at suscipit.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
Integer sagittis penatibus elementum semper nulla facilisis eleifend
|
||||
erat mauris. Litora vitae orci gravida; sagittis nam maecenas justo.
|
||||
Donec integer neque nulla ullamcorper mi commodo sodales leo tortor.
|
||||
Ligula bibendum inceptos netus tellus turpis nam aliquet. Pharetra
|
||||
bibendum libero orci aptent sit conubia. Condimentum non netus semper
|
||||
placerat luctus curae ullamcorper. Facilisi himenaeos urna ac ante
|
||||
commodo dapibus. Congue curabitur senectus tellus urna ullamcorper duis
|
||||
non blandit. Litora at facilisis dui curae vulputate fringilla fusce.
|
||||
Conubia natoque iaculis ac; suscipit nisi posuere.
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="blog-footer">YYYY-MM-DD</footer>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
348
blog/pieces-of-me-in-magnetic-form.html
Normal file
348
blog/pieces-of-me-in-magnetic-form.html
Normal file
|
|
@ -0,0 +1,348 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="blog-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="An expansion on the creation of 'Pieces Of Me In Magnetic Form'"
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//B/Pieces-Of-Me-In-Magnetic-Form</title>
|
||||
|
||||
<meta
|
||||
property="og:title"
|
||||
content="nnwhen On: Pieces Of Me In Magnetic Form"
|
||||
/>
|
||||
<meta
|
||||
property="og:description"
|
||||
content="nnwhen writes on Pieces Of Itself In Magnetic Form"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="Pieces Of Me In Magnetic Form" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="nnwhen writes on Pieces Of Itself In Magnetic Form"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#blog-post">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li id="parent">
|
||||
<a aria-label="Go to my Blog" href="index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="blog-post">
|
||||
<hr />
|
||||
<h1>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://soundcloud.com/nnwhen/sets/20240830-piecesofmeinmagneticform"
|
||||
>Pieces Of Me In Magnetic Form</a
|
||||
>
|
||||
</h1>
|
||||
|
||||
<hr />
|
||||
|
||||
<audio class="sc-preview" preload="none" controls>
|
||||
<source
|
||||
src="../res/mus-nnwhen-20240830_PiecesOfMeInMagneticForm.ogg"
|
||||
type="audio/ogg"
|
||||
title="'20240830-PiecesOfMeInMagneticForm' by nnwhen"
|
||||
/>
|
||||
<source
|
||||
src="../res/mus-nnwhen-20240830_PiecesOfMeInMagneticForm.mp3"
|
||||
type="audio/mpeg"
|
||||
title="'20240830-PiecesOfMeInMagneticForm' by nnwhen"
|
||||
/>
|
||||
</audio>
|
||||
|
||||
<hr />
|
||||
|
||||
<h3>Background:</h3>
|
||||
<p>
|
||||
I have had a cassette deck for about a year now but only recently
|
||||
managed to get my hands on actual cassette tapes. A few days of
|
||||
tinkering with tape saturation went by with nothing really to show for
|
||||
it - though I did send a few videos of awful bass-saturated tracks to a
|
||||
couple friends.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
On <b>30 Aug 2024</b> I was using the connected amplifier to peruse the
|
||||
FM/AM radiowaves. I decided to sample the static and turned on my PC,
|
||||
which immediately sent the signal spiralling into absolute chaos.
|
||||
<em>Perfect</em>.
|
||||
</p>
|
||||
<br />
|
||||
|
||||
<h2>Let me state my Agenda explicitly:</h2>
|
||||
|
||||
<p>
|
||||
<span class="highlight"
|
||||
>I am concerned that I, as nnwhen, will fall into a cycle of caring
|
||||
more about nurturing a mystique than the act of freely creating music
|
||||
and art.</span
|
||||
>
|
||||
This blog-post is about what <b>proactive</b> steps I take to make sure
|
||||
that never happens. And why I think it's important for you to find your
|
||||
own methods too.
|
||||
</p>
|
||||
|
||||
<h3>The Why:</h3>
|
||||
|
||||
<p>
|
||||
My previous week had been devoid of any real creative or even mundane
|
||||
action. It was becoming easy to just let things happen at me. Though it
|
||||
must be acknowledged that I was quite fatigued and disheartened. I had
|
||||
taken care of myself well, but the next step was making sure I didn't
|
||||
remain stagnant once the extended rest was no longer needed.
|
||||
</p>
|
||||
<p>
|
||||
And so: Beyond me wanting to remain authentic and avoid the allure of a
|
||||
perfect facade, this was a great way to practice not only making an
|
||||
Album/EP but starting, finishing and uploading one too. I have quite
|
||||
literally made dozens of Albums that have not yet seen the light of day.
|
||||
<span class="highlight"
|
||||
>My problem is: Sticking to my decision to <b>make something</b> and
|
||||
committing to <b>putting my creations out into the world</b>.</span
|
||||
>
|
||||
</p>
|
||||
|
||||
<h3>The What:</h3>
|
||||
<p>
|
||||
<em>
|
||||
<a
|
||||
target="_blank"
|
||||
aria-label="2024 08 30 Pieces of Me In Magnetic Form"
|
||||
href="https://soundcloud.com/nnwhen/sets/20240830-piecesofmeinmagneticform"
|
||||
>'20240830-PiecesOfMeInMagneticForm'</a
|
||||
>
|
||||
</em>
|
||||
was an intentional choice to engage in an intuitive and somewhat manic
|
||||
act of music creation. The goal being:
|
||||
<span class="highlight"
|
||||
>To create a 'completed' piece of art <b>within a day</b>,
|
||||
<b>pushing past perfectionism</b>, and having <b>full faith</b> in the
|
||||
process.</span
|
||||
>
|
||||
I was to hit record on the cassette deck and tune through the
|
||||
frequencies on my radio. Then to record from my PC as I dug up and
|
||||
played media and found-footage of myself and friends. Everything had to
|
||||
be on my disk already, or from the radio: Easy, Accessible, Ready.
|
||||
</p>
|
||||
|
||||
<h3>The How:</h3>
|
||||
<p>
|
||||
I was much too scared to twist the knobs and dials on my receiver as
|
||||
well as randomly opening video and audio files on my PC at first; it was
|
||||
a non-scripted performance and anything could have happened. I was
|
||||
scared of making a mistake, <b>being 'cringe'</b>. I kept this in mind.
|
||||
I made sure I intentionally usurped that fear.
|
||||
<span class="highlight">I must be afraid and do it anyway.</span>
|
||||
</p>
|
||||
<p>
|
||||
Instead of letting the dislike of the early stages of garbled static,
|
||||
distorted voices and contextless media stop me, I held my judgement and
|
||||
kept experimenting. I listened back to my recordings with a different
|
||||
ear. Before I was preoccupied with pushing through the anxiety, now I
|
||||
could listen to what I recorded.
|
||||
<span class="highlight"
|
||||
>It wasn't long until the arrangement became something I couldn't help
|
||||
but find fascinating.</span
|
||||
>
|
||||
I am still genuinely surprised at the coherent and beautiful story it
|
||||
became.
|
||||
</p>
|
||||
<br />
|
||||
|
||||
<hr />
|
||||
<h2>Credits and Contexts:</h2>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>
|
||||
I wrote this blog-post to credit the things that were not recordings of
|
||||
my friends or ephemeral radio recordings. And more importantly: Point
|
||||
you toward other media that didn't make it in or I was reminded of.
|
||||
</p>
|
||||
|
||||
<h3>
|
||||
<a target="_blank" href="https://letterboxd.com/film/neptune-frost/"
|
||||
>Neptune Frost</a
|
||||
>
|
||||
</h3>
|
||||
<p>
|
||||
<b>Neptune Frost</b> was what made up the backbone of
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://soundcloud.com/nnwhen/20240830-03?in=nnwhen/sets/20240830-piecesofmeinmagneticform"
|
||||
>the last track</a
|
||||
>. I remember watching this with a friend of mine. I really enjoyed it,
|
||||
they adored it.
|
||||
</p>
|
||||
|
||||
<h3>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://youtu.be/m8ePxYdY-l8"
|
||||
aria-label="Dohdohdoh Live at Ground Zero"
|
||||
>Doddodo live @ Grrrnd Zero</a
|
||||
>
|
||||
</h3>
|
||||
<p>
|
||||
This didn't actually make it into the EP despite me having sampled it on
|
||||
my <em>PiecesOfMeInMagneticForm</em> tape. Doddodo has been great
|
||||
inspiration with regards to making messy and fun music. I first found
|
||||
her
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://youtu.be/j938Xr38k08"
|
||||
aria-label="Exercise Of Mouth"
|
||||
>'口の運動 / exciesise of mouth'</a
|
||||
>
|
||||
track, which remains my absolute favourite.
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
<hr />
|
||||
<p>
|
||||
As it turns out, most of this EP was random static and my friends
|
||||
chatting shit. Hope you enjoyed it!
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="blog-footer">2024-08-30</footer>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
BIN
blog/res/2024-08-18-review-redemption-tour-klein.jpg
Normal file
BIN
blog/res/2024-08-18-review-redemption-tour-klein.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 139 KiB |
52
feed.xml
Normal file
52
feed.xml
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
|
||||
<title>nnwhen</title>
|
||||
<subtitle>Blog and Thought-Box of nnwhen</subtitle>
|
||||
<link rel="self" href="feed.xml" />
|
||||
<link rel="alternate" href="https://nnwhen.com/" />
|
||||
<updated>2024-08-17T20:03:14Z</updated>
|
||||
|
||||
<icon>/resources/favicon.png</icon>
|
||||
|
||||
<author>
|
||||
<name>nnwhen</name>
|
||||
<email>contact@nnwhen.com</email>
|
||||
</author>
|
||||
<id>https://nnwhen.com/</id>
|
||||
|
||||
<entry>
|
||||
<id>https://nnwhen.com/blog/2024-08-18-review-redemption-tour-klein</id>
|
||||
<title>nnwhen: Review of Klein's 'redemption tour'</title>
|
||||
<updated>2024-08-18T22:47:14Z</updated>
|
||||
|
||||
<content src="https://nnwhen.com/blog/2024-08-18-review-redemption-tour-klein"
|
||||
type="text/html"></content>
|
||||
|
||||
<link rel="alternate" href="https://nnwhen.com/blog/2024-08-18-review-redemption-tour-klein" />
|
||||
<summary>NN's review of 'redemption tour' by Klein: 5/5 - One of my all-time favourites.</summary>
|
||||
|
||||
<category term="Music" />
|
||||
<category term="Review" />
|
||||
<category term="nnwhen" />
|
||||
<published>2024-08-18T20:03:14Z</published>
|
||||
</entry>
|
||||
|
||||
<entry>
|
||||
<id>https://nnwhen.com/blog/pieces-of-me-in-magnetic-form</id>
|
||||
<title>nnwhen: Expansion on my EP, '20240830-PiecesOfMeInMagneticForm'</title>
|
||||
<updated>2024-08-30T22:10:14Z</updated>
|
||||
|
||||
<content src="https://nnwhen.com/blog/pieces-of-me-in-magnetic-form"
|
||||
type="text/html"></content>
|
||||
|
||||
<link rel="alternate" href="https://nnwhen.com/blog/pieces-of-me-in-magnetic-form" />
|
||||
<summary>NN talks about Why, What and How they made '20240830-PiecesOfMeInMagneticForm'</summary>
|
||||
|
||||
<category term="Music" />
|
||||
<category term="Essay" />
|
||||
<category term="nnwhen" />
|
||||
<published>2024-08-30T22:10:14Z</published>
|
||||
</entry>
|
||||
|
||||
</feed>
|
||||
128
free.css
Normal file
128
free.css
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
#link-list.support {
|
||||
width: 95%;
|
||||
font-size: 20px;
|
||||
margin: auto;
|
||||
|
||||
-webkit-columns: 2;
|
||||
|
||||
-moz-columns: 2;
|
||||
|
||||
columns: 2;
|
||||
}
|
||||
|
||||
.support h2 {
|
||||
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
|
||||
1px 1px 0 #000;
|
||||
}
|
||||
|
||||
.link-branch {
|
||||
-webkit-column-break-inside: avoid;
|
||||
-moz-column-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
width: 100%;
|
||||
aspect-ratio: 3/2;
|
||||
background-color: var(--load-dark);
|
||||
padding: 20px;
|
||||
border-radius: 15px;
|
||||
-webkit-filter: drop-shadow(black 5px 5px 5px);
|
||||
filter: drop-shadow(black 5px 5px 5px);
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.link-branch h2 {
|
||||
margin: 5px;
|
||||
margin-left: 40px;
|
||||
|
||||
color: var(--max-light);
|
||||
}
|
||||
|
||||
.link-branch ul {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
.link-branch ul h3 {
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 0;
|
||||
|
||||
background-color: var(--light);
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
.link-branch ul a {
|
||||
margin: 10px auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.link-branch ul a li {
|
||||
text-align: center;
|
||||
background-color: var(--text-background);
|
||||
padding: 15px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.link-branch ul a:hover li {
|
||||
background-color: var(--light);
|
||||
color: var(--dark);
|
||||
}
|
||||
|
||||
#link-list.support .link-branch {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
#link-list.support .link-branch:nth-child(1) {
|
||||
background-image: url(res/img-flg-drctact.jpg);
|
||||
}
|
||||
|
||||
#link-list.support .link-branch:nth-child(2) {
|
||||
background-image: url(res/img-flg-flstn.jpg);
|
||||
background-position: top;
|
||||
}
|
||||
|
||||
#link-list.support .link-branch:nth-child(3) {
|
||||
background-image: url(res/img-flg-sdn.jpg);
|
||||
background-position: top;
|
||||
}
|
||||
|
||||
#link-list.support .link-branch:nth-child(4) {
|
||||
background-image: url(res/img-flg-ethpa.jpg);
|
||||
}
|
||||
|
||||
#link-list.support .link-branch:nth-child(5) {
|
||||
background-image: url(res/img-flg-cng.jpg);
|
||||
}
|
||||
|
||||
#link-list.support .link-branch:nth-child(6) {
|
||||
background-image: url(res/img-flg-ngria.jpg);
|
||||
}
|
||||
|
||||
#link-list.support .link-branch:nth-child(7) {
|
||||
background-image: url(res/img-flg-msk.jpg);
|
||||
}
|
||||
|
||||
#link-list.support .link-branch:nth-child(8) {
|
||||
background-image: url(res/img-flg-msc.jpg);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 850px) {
|
||||
#link-list.support {
|
||||
-webkit-columns: 1;
|
||||
|
||||
-moz-columns: 1;
|
||||
|
||||
columns: 1;
|
||||
}
|
||||
}
|
||||
221
index.html
Normal file
221
index.html
Normal file
|
|
@ -0,0 +1,221 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
href="res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="I am nnwhen. I make Music, Soundtracks and Other-Art."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<title>nnwhen</title>
|
||||
|
||||
<meta
|
||||
property="og:title"
|
||||
content="The Homepage of nnwhen: Soundtracks, Music, Other-Media"
|
||||
/>
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Contact me for Soundtracking Movies, Series and any Other-Media"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta
|
||||
name="twitter:title"
|
||||
content="The Homepage of nnwhen: Soundtracks, Music, Other-Media"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Contact me for Soundtracking Movies, Series and any Other-Media"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a
|
||||
rel="me"
|
||||
href="https://mstdn.nnwhen.com/@nnwhen"
|
||||
style="display: none"
|
||||
aria-hidden="true"
|
||||
tabindex="-1"
|
||||
>Mastodon</a
|
||||
>
|
||||
<a class="skip-to-content" href="#hero">Skip to main content</a>
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" tabindex="-1" href="#">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li 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>
|
||||
<main id="hero">
|
||||
<section id="hero-headshot">
|
||||
<picture>
|
||||
<source srcset="res/img-home-headshot.avif" type="image/avif" />
|
||||
<source srcset="res/img-home-headshot.webp" type="image/webp" />
|
||||
<img
|
||||
src="res/img-home-headshot.jpg"
|
||||
alt="An image of nnwhen; their face obscured with paints"
|
||||
/>
|
||||
</picture>
|
||||
<p>It/Its; They/Them; Noi/Noise</p>
|
||||
</section>
|
||||
<section id="hero-info">
|
||||
<h1>I am <b>nnwhen</b></h1>
|
||||
<p>
|
||||
I also <span aria-label="honor or co-opt">Honor / Co-Opt</span>
|
||||
<i>'nwhen'</i>, <i>'when'</i>; Sometimes <i>'nn'</i>
|
||||
</p>
|
||||
<p>
|
||||
<a href="sound-design.html">
|
||||
My <span>Body / Music</span> is stored here
|
||||
</a>
|
||||
<br />
|
||||
<a href="blog/index.html">
|
||||
I <span>Write / Die</span> within these walls
|
||||
</a>
|
||||
<br />
|
||||
<a href="blog/2024-09-28-about-me.html"
|
||||
><span>Study / Bury</span> me here
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
I am a <span>Proponent / Result</span> of art <br />
|
||||
<b>nnwhen</b> is bodiless euphoria
|
||||
</p>
|
||||
|
||||
<nav id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="https://nnwhen.bandcamp.com/"
|
||||
target="_blank"
|
||||
title="Bandcamp"
|
||||
>
|
||||
<img src="res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="socials.html" target="_blank" title="Other Socials">
|
||||
<img src="res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</nav>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
217
mirror.html
Normal file
217
mirror.html
Normal file
|
|
@ -0,0 +1,217 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="Mirror, look at oneself. A directory. Here are links to files that nnwhen holds dear"
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer, blog"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//Mirror</title>
|
||||
|
||||
<meta property="og:title" content="nnwhen's link directory" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Where content important to nnwhen can be found"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="nnwhen's link directory" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Where content important to nnwhen can be found"
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#main">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li 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>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="socials.html" target="_blank" title="Other Socials">
|
||||
<img src="res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<h1
|
||||
style="
|
||||
width: min(90%, 600px);
|
||||
margin: 15px auto;
|
||||
font-family: 'mono', monospace;
|
||||
"
|
||||
>
|
||||
The Mirror
|
||||
</h1>
|
||||
<main id="main" class="list">
|
||||
<!-- <section class="list-entity">
|
||||
<div class="list-entity-info">
|
||||
<hgroup>
|
||||
<h2>
|
||||
<a aria-label="Les" href="">LES::</a>
|
||||
</h2>
|
||||
<h3>Photography, Music, Art.</h3>
|
||||
</hgroup>
|
||||
<p>Les is a multi-talented artist</p>
|
||||
<a href="">Direct Link to Les' website</a>
|
||||
</div>
|
||||
<picture>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl" />
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="res/img-artwork-42.jpg" alt="Portrait of Les" />
|
||||
</picture>
|
||||
</section>
|
||||
<h2>nnwhen</h2>
|
||||
<h3>Torrents</h3>
|
||||
<p>
|
||||
Download using the bittorrent protocol and support nnwhen by making sure
|
||||
their art is always available and decentralised.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Music Torrent" href="">Music</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Artwork Torrent" href="">Artwork</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Poetry Torrent" href="">Poetry</a>
|
||||
</li>
|
||||
</ul> -->
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
36
moye.html
Normal file
36
moye.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link rel="icon" href="img/favicon.webp" type="image/icon type" />
|
||||
<title>\r\n</title>
|
||||
</head>
|
||||
<body>
|
||||
<div style="text-align: center">
|
||||
<p>
|
||||
You are currently being redirected <br />
|
||||
If it takes too long
|
||||
</p>
|
||||
<a href="https://tally.so/r/3EQXyr">Click Here</a>
|
||||
</div>
|
||||
|
||||
<div class="spacer"></div>
|
||||
<div class="spacer"></div>
|
||||
|
||||
<div style="text-align: center">
|
||||
<p>
|
||||
Do you want to <a href="https://www.nnwhen.com/">Go Home</a> instead?
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
465
our-siblings.html
Normal file
465
our-siblings.html
Normal file
|
|
@ -0,0 +1,465 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="free.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
href="res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="description" content="Resources to Help Those In Need." />
|
||||
<meta name="keywords" content="nnwhen, Donate, Help" />
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
|
||||
<title>NN//Praxis</title>
|
||||
|
||||
<meta property="og:title" content="Praxis!" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Resources to Help Those In Need."
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="Praxis!" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Resources to Help Those In Need."
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#main">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="index.html">home</a>
|
||||
</li>
|
||||
<li id="music">
|
||||
<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>
|
||||
|
||||
<h1 id="main" style="text-align: center">
|
||||
None Are Free Until We Are All Free
|
||||
</h1>
|
||||
<main id="link-list" class="support">
|
||||
<section class="link-branch">
|
||||
<h2>
|
||||
Direct Action
|
||||
</h2>
|
||||
|
||||
<ul>
|
||||
<h3>Link Lists</h3>
|
||||
|
||||
<a
|
||||
href="https://docs.google.com/document/d/1iZT1m6qiWYIXlZx4KdzhR5pMbiqefnAuP31j16y-X-o/"
|
||||
>
|
||||
<li>
|
||||
Mutual Aim
|
||||
</li>
|
||||
</a>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
<h3>Hubs</h3>
|
||||
|
||||
<a
|
||||
href="https://waawfoundation.org/"
|
||||
>
|
||||
<li>
|
||||
Working to Advance Science and Technology Education for African Women
|
||||
</li>
|
||||
</a>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="link-branch">
|
||||
<h2>Falastin</h2>
|
||||
<ul>
|
||||
<h3>Hubs</h3>
|
||||
<a
|
||||
href="https://docs.google.com/spreadsheets/d/1vtMLLOzuc6GpkFySyVtKQOY2j-Vvg0UsChMCFst_WLA"
|
||||
>
|
||||
<li>
|
||||
Operation Olive Branch
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.thepalestineacademy.com/"
|
||||
>
|
||||
<li>
|
||||
The Palestine Academy
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://bdsmovement.net/get-involved"
|
||||
>
|
||||
<li>
|
||||
BDS Movement
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.protectpalestine.org/"
|
||||
>
|
||||
<li>
|
||||
Protect Palestine
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.jewishvoiceforpeace.org/"
|
||||
>
|
||||
<li>
|
||||
Jewish Voice For Peace
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://againstapartheid.art/"
|
||||
>
|
||||
<li>
|
||||
Artists Against Apartheid
|
||||
</li>
|
||||
</a>
|
||||
|
||||
<h3>
|
||||
Resource Lists
|
||||
</h3>
|
||||
<a
|
||||
href="https://docs.google.com/document/d/1qh_wqyDdsFWjkAm4Yqq-5McCngp0W5hZGRTsuUCIUQM/"
|
||||
>
|
||||
<li>
|
||||
List for Palestine by Paul Nabil Matthis
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://docs.google.com/document/d/1YjTNUyWbAGUWDmhARcNNM-zjaJ1uuyCFyccx1UfY1ZE/"
|
||||
>
|
||||
<li>
|
||||
Black For Palestine: Political Education Resources
|
||||
</li>
|
||||
</a>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="link-branch">
|
||||
<h2>Sudan</h2>
|
||||
<ul>
|
||||
<h3>Hubs</h3>
|
||||
<a
|
||||
href="https://eyesonsudan.net/"
|
||||
>
|
||||
<li>
|
||||
Eyes On Sudan
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.sdn.world/"
|
||||
>
|
||||
<li>
|
||||
Sudanese Diaspora Network
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.sapaa.org/"
|
||||
>
|
||||
<li>
|
||||
Sudanese American Public Affairs Association
|
||||
</li>
|
||||
</a>
|
||||
|
||||
<h3>Donate</h3>
|
||||
<a
|
||||
href="https://www.darfurwomenaction.org/donate/"
|
||||
>
|
||||
<li>
|
||||
Darfur Women Action Group
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.paypal.com/donate/?hosted_button_id=C9GCHUJN37MCG"
|
||||
>
|
||||
<li>
|
||||
Sudan Solidarity Collective
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://fundly.com/urgent-relief-campaign-for-sudan-bho"
|
||||
>
|
||||
<li>
|
||||
Barana Hanabneiho
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://sapa-usa.org/sudan-war-crisis-emergency-relief/"
|
||||
>
|
||||
<li>
|
||||
Sudanese American Physicians Association
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.gofundme.com/f/for-sudanhelp-support-families-in-kassab-idp-camp"
|
||||
>
|
||||
<li>
|
||||
Help Support Families in Kalma IDP Camp
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.gofundme.com/f/fight-hunger-in-sudan-the-khartoum-kitchen-appeal?lang=en_US"
|
||||
>
|
||||
<li>
|
||||
The Khartoum Kitchen, Fight Hunger in Sudan
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.gofundme.com/f/37bp8k7p0o"
|
||||
>
|
||||
<li>
|
||||
One Million Sustainable Pads
|
||||
</li>
|
||||
</a>
|
||||
|
||||
<h3>Stay Updated</h3>
|
||||
<a
|
||||
href="https://sudanwarmonitor.com/"
|
||||
>
|
||||
<li>
|
||||
Sudan War Monitor
|
||||
</li>
|
||||
</a>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="link-branch">
|
||||
<h2>Ethiopia</h2>
|
||||
<ul>
|
||||
<h3>Hubs</h3>
|
||||
<a
|
||||
href="https://omnatigray.org/"
|
||||
>
|
||||
<li>
|
||||
Omna Tigray; Stop The Genocide in Tigray
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://tigrayyouthnetwork.org/"
|
||||
>
|
||||
<li>
|
||||
Tigray Youth Network
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://standwithtigray.com/"
|
||||
>
|
||||
<li>
|
||||
Stand With Tigray
|
||||
</li>
|
||||
</a>
|
||||
|
||||
<h3>Donate</h3>
|
||||
<a
|
||||
href="https://omnatigray.org/projects/"
|
||||
>
|
||||
<li>
|
||||
Omna Tigray; Projects
|
||||
</li>
|
||||
</a>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="link-branch">
|
||||
<h2>Congo</h2>
|
||||
<ul>
|
||||
<h3>Hubs</h3>
|
||||
<a
|
||||
href="https://www.focuscongo.com/en/"
|
||||
>
|
||||
<li>
|
||||
Focus Congo
|
||||
</li>
|
||||
</a>
|
||||
|
||||
<h3>Donate</h3>
|
||||
<a
|
||||
href="https://www.gofundme.com/f/nurses-for-humanity?attribution_id=sl:fb0df7f6-e039-4f92-8482-ff1287f3a4b7"
|
||||
>
|
||||
<li>
|
||||
Nurses For Humanity
|
||||
</li>
|
||||
</a>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="link-branch">
|
||||
<h2>Nigeria</h2>
|
||||
<ul>
|
||||
<h3>Donate</h3>
|
||||
<a
|
||||
href="https://www.gofundme.com/f/znxzm-humanitarian-crisis"
|
||||
>
|
||||
<li>
|
||||
Humanitarian Crisis in Northwest Nigeria
|
||||
</li>
|
||||
</a>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="link-branch">
|
||||
<h2>Covid</h2>
|
||||
<ul>
|
||||
<h3>Hubs</h3>
|
||||
<a
|
||||
href="https://whn.global/long-covid/"
|
||||
>
|
||||
<li>
|
||||
World Health Network: Long Covid
|
||||
</li>
|
||||
</a>
|
||||
|
||||
<h3>Reading</h3>
|
||||
<a
|
||||
href="https://medium.com/@cdl.tuebingen/covid-19-is-killing-performers-a81d1cf209a2"
|
||||
>
|
||||
<li>
|
||||
Covid-19 is Killing Performers
|
||||
</li>
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="https://www.nature.com/articles/s41579-022-00846-2"
|
||||
>
|
||||
<li>
|
||||
Long COVID: major findings, mechanisms and recommendations
|
||||
</li>
|
||||
</a>
|
||||
|
||||
<h3>
|
||||
What COVID Does To The Body
|
||||
</h3>
|
||||
<a
|
||||
href="https://www.panaccindex.info/p/what-covid-does-to-the-body"
|
||||
>
|
||||
<li>November 2022</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.panaccindex.info/p/what-sars-cov-2-does-to-the-body"
|
||||
>
|
||||
<li>July 2023</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.panaccindex.info/p/what-sars-cov-2-does-to-the-body-548"
|
||||
>
|
||||
<li>December 2023</li>
|
||||
</a>
|
||||
|
||||
<h3>Podcast</h3>
|
||||
<a
|
||||
href="https://voicesoflongcovid.buzzsprout.com/"
|
||||
>
|
||||
<li>
|
||||
Voices of Long COVID
|
||||
</li>
|
||||
</a>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="link-branch">
|
||||
<h2>Misc.</h2>
|
||||
<ul>
|
||||
<a
|
||||
href="https://docs.google.com/spreadsheets/d/1T5KXnMLA6eqxD--KqxgCB4De8uSFipcNbwaZaxTYTO4"
|
||||
>
|
||||
<li>
|
||||
Links Shared in OFC
|
||||
</li>
|
||||
</a>
|
||||
<a
|
||||
href="https://cryptpad.fr/file/#/3/file/98a95b3b482ccc82cac9a3dcfb6cf5adaea49219a077f2bf/"
|
||||
>
|
||||
<li>
|
||||
Riseup: Digital Security for Activists
|
||||
</li>
|
||||
</a>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
192
poetry/an-obsidian.html
Normal file
192
poetry/an-obsidian.html
Normal file
|
|
@ -0,0 +1,192 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/An-Obsidian</title>
|
||||
|
||||
<meta property="og:title" content="An Obsidian" />
|
||||
<meta property="og:description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="An Obsidian" />
|
||||
<meta name="twitter:description" content="A poem by nnwhen" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>An Obsidian</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>
|
||||
I was Obsidian<br />
|
||||
A pitch-black Oblivion
|
||||
</p>
|
||||
<p>
|
||||
"I'd grab you like this" -<br />
|
||||
And I was tugged by the belt buckle<br />
|
||||
His hands wandered to places he's been near before<br />
|
||||
But it was when he brushed my sternum that I shook the most
|
||||
</p>
|
||||
<p>
|
||||
"..."<br />
|
||||
My mouth opened<br />
|
||||
" - "<br />
|
||||
And when it closed his close-shaven head turned away<br />
|
||||
"You wouldn't like that though, would you?"
|
||||
</p>
|
||||
<p>
|
||||
no<br />
|
||||
not really
|
||||
</p>
|
||||
<br />
|
||||
<p>
|
||||
Then we wept<br />
|
||||
The whole time refusing to look me in the eyes<br />
|
||||
In my stupid fucking crying eyes
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
221
poetry/blackened-dust.html
Normal file
221
poetry/blackened-dust.html
Normal file
|
|
@ -0,0 +1,221 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/Blackened-Dust</title>
|
||||
|
||||
<meta property="og:title" content="Stars" />
|
||||
<meta property="og:description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="nnwhen poem: Stars" />
|
||||
<meta name="twitter:description" content="A poem by nnwhen" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>Blackened Dust</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>
|
||||
It is entirely unassuming<br />
|
||||
The heap of blackened dust sits ever-silent in the vase
|
||||
</p>
|
||||
<p>
|
||||
The urge to blow it into a thin mist of ash up in the air arises<br />
|
||||
I press it into the back of my skull
|
||||
</p>
|
||||
<p>...</p>
|
||||
<p>The silence from it scares me</p>
|
||||
<p>
|
||||
He was never silent<br />
|
||||
Never silent until now<br />
|
||||
He never had so little passion<br />
|
||||
Never so little until now<br />
|
||||
He never stopped enriching our lives<br />
|
||||
Never stopped until now
|
||||
</p>
|
||||
<p>
|
||||
A rebellious child when rebelling against house rules makes for a
|
||||
stressed mother<br />
|
||||
When it's against the empire, it makes for a broken one
|
||||
</p>
|
||||
<p>
|
||||
He knew he would get himself killed<br />
|
||||
He knew the whole way through<br />
|
||||
He knew it until he knew it firsthand
|
||||
</p>
|
||||
<p>He died knowing it</p>
|
||||
<br />
|
||||
<p>
|
||||
I feel him comforting me: the ash smiles a sad smile to me<br />
|
||||
The ash sighs a soft sigh to me<br />
|
||||
The ash loves a soft love for me
|
||||
</p>
|
||||
<p>
|
||||
I am beyond too old to continue what he started.<br />
|
||||
My little body cannot hold his anger<br />
|
||||
My bones too broken and too shrivelled to carry his weight<br />
|
||||
I stand hunched and too short to fly his flag
|
||||
</p>
|
||||
<p>  However</p>
|
||||
<p>
|
||||
The young who surround me, their hands on my shoulders, their eyes on my
|
||||
son in my hands.<br />
|
||||
They are filled with his anger.<br />
|
||||
Their bones are bolstered with his immense strength.<br />
|
||||
They stand tall, bold and ready to fly his flag.
|
||||
</p>
|
||||
<p>
|
||||
And in that moment I know the change my boy has brought.<br />
|
||||
My boy sits in his vase and knows it too.
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
186
poetry/brazen-word-token-i.html
Normal file
186
poetry/brazen-word-token-i.html
Normal file
|
|
@ -0,0 +1,186 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/Brazen-Word-Token-I</title>
|
||||
|
||||
<meta property="og:title" content="Brazen Word (Token I)" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="A poem by nnwhen: 'Brazen Word (Token I)'."
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="Brazen Word (Token I)" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="A poem by nnwhen: 'Brazen Word (Token I)'."
|
||||
/>
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>Brazen Word (Token I)</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>The bang came fast. You dither - robbed of senses.</p>
|
||||
<p>
|
||||
<b>Inland Empire</b>: "In your eye: Nurseries, children; You. What would
|
||||
it take to go back there? Back to then."
|
||||
</p>
|
||||
<p><b>Resolve</b>: "That place is no more. Focus."</p>
|
||||
<p><b>Limbic System</b>: "Breathe."</p>
|
||||
<p>
|
||||
Vapours choke your lungs. Acrid gunpowder, kicked up dust<br />
|
||||
- blood.<br />
|
||||
The <i>Metal-Thing</i> sits heavy in your hands.
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
191
poetry/crackle.html
Normal file
191
poetry/crackle.html
Normal file
|
|
@ -0,0 +1,191 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/Crackle</title>
|
||||
|
||||
<meta property="og:title" content="Crackle" />
|
||||
<meta property="og:description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="Crackle" />
|
||||
<meta name="twitter:description" content="A poem by nnwhen" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>Crackle</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>
|
||||
The radio crackling.<br />
|
||||
Speaker like gaping mouth – lungs deflating<br />
|
||||
Words push disjointed polyrhythms
|
||||
</p>
|
||||
<p>
|
||||
Radiation clicks the static stripping layers from drums<br />
|
||||
Needles black, white and blue noise into my back<br />
|
||||
  image push through hertz<br />
|
||||
Glare throws my reflection in place<br />
|
||||
X marks the spot – aimed to kill me<br />
|
||||
</p>
|
||||
<p>
|
||||
  COAT HANGAR – hood and tarp<br />
|
||||
Under shoulder blades tendon wrench<br />
|
||||
  Hi hat opens – hit 1/8<br />
|
||||
    Lengthening white–noise prickle at fascia
|
||||
</p>
|
||||
<p>
|
||||
granulargranulargranulargranular<br />
|
||||
Into my skin<br />
|
||||
Bubbles dug and craters made
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
230
poetry/destroy-the-map.html
Normal file
230
poetry/destroy-the-map.html
Normal file
|
|
@ -0,0 +1,230 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/Destroy-The-Map</title>
|
||||
|
||||
<meta property="og:title" content="Destroy The Map" />
|
||||
<meta property="og:description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="Destroy The Map" />
|
||||
<meta name="twitter:description" content="A poem by nnwhen" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
|
||||
<style>
|
||||
.c {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>Destroy The Map</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>
|
||||
Destroy the map. Who, blinding line, send you spiralling.<br />
|
||||
Crush paper, meaning and intent.<br />
|
||||
Poisoned sea, words of water.
|
||||
</p>
|
||||
<p>
|
||||
No hum, the whispers erupt from Mastoid<br />
|
||||
Inprint, scarred art whittled on arm<br />
|
||||
Whale bone charms, canals. Ear and lock
|
||||
</p>
|
||||
<p>
|
||||
Invalue on.<br />
|
||||
Drenched in hydrochloric<br />
|
||||
Ossien<br />
|
||||
Distraught taut tendon
|
||||
</p>
|
||||
<p>
|
||||
No fear<br />
|
||||
Wrought and inundated
|
||||
</p>
|
||||
<p>The silence will ruin you</p>
|
||||
|
||||
<p class="c">↚</p>
|
||||
|
||||
<p>
|
||||
the send the Mastoid Inprint, on<br />
|
||||
send spiralling. Crush paper, of hum, ruin you
|
||||
</p>
|
||||
<p>
|
||||
you sea, the canals. silence<br />
|
||||
Who, send and sea, hum, tendon No you<br />
|
||||
map. intent. Poisoned sea, charms, in
|
||||
</p>
|
||||
<p>meaning whittled on arm Whale canals. lock Invalue on. Drenched</p>
|
||||
|
||||
<p class="c">↛</p>
|
||||
|
||||
<p>
|
||||
Intent you whittled.<br />
|
||||
No charms ear canals invalue words;
|
||||
</p>
|
||||
<p>
|
||||
Silence and lock;<br />
|
||||
Scarred send will and.
|
||||
</p>
|
||||
<p>
|
||||
From on fear mastoid map tendon spiralling line the in arm of art bone
|
||||
wrought distraught.<br />
|
||||
Inundated ossien poisoned;
|
||||
</p>
|
||||
<p>
|
||||
Hum meaning;<br />
|
||||
Who water paper whispers ruin no and taut crush inprint whale the
|
||||
drenched blinding sea.<br />
|
||||
On you erupt the destroy hydrochloric
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
226
poetry/i-am-art.html
Normal file
226
poetry/i-am-art.html
Normal file
|
|
@ -0,0 +1,226 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/I-am-art</title>
|
||||
|
||||
<meta property="og:title" content="I am art" />
|
||||
<meta property="og:description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="I am art" />
|
||||
<meta name="twitter:description" content="A poem by nnwhen" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>I am art</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>
|
||||
I am art<br />
|
||||
Art art and canvas<br />
|
||||
Spray me with droplets of paint<br />
|
||||
Glow and splatter and shatter my frame<br />
|
||||
Cool wires and coiled flame<br />
|
||||
Send pulses through me<br />
|
||||
Retinas blister - I want to see slave<br />
|
||||
Drum drum on them and send needles through skin<br />
|
||||
Leather straps enter body like foreign objects<br />
|
||||
Break bones, shift form<br />
|
||||
Hang from atop and swing up way down<br />
|
||||
Drip on frayed layers, between fingers and hum<br />
|
||||
My body is canvas, my life: display<br />
|
||||
Paint paint paint paint on canvas<br />
|
||||
Drop angle, pray
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Computer - machine<br />
|
||||
Send my life into electronic dream<br />
|
||||
Exist to estrange<br />
|
||||
Token and broken and working none a day<br />
|
||||
Twirl twirl
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Poison — array<br />
|
||||
I am machine<br />
|
||||
I am a way<br />
|
||||
Send send signal / send hand and a play<br />
|
||||
The theory the theory of that <br />
|
||||
Jdjdjdkdkdititirifjfusoowhvihfhdhjwkjujdjes<br />
|
||||
Didiiruurujjdjjjjjjjj
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Colour color and kitten lay<br />
|
||||
Rae<br />
|
||||
Uh<br />
|
||||
Burn
|
||||
</p>
|
||||
|
||||
<br />
|
||||
|
||||
<p>
|
||||
There is underlain bass — overload and overtone<br />
|
||||
Hear until silence the same<br />
|
||||
Thrhre release<br />
|
||||
I am arrt<br />
|
||||
Art art and canvas<br />
|
||||
Split my fingers my fingers and hey
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Doddodododdodododdodo<br />
|
||||
Ahhahhaa
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
219
poetry/index.html
Normal file
219
poetry/index.html
Normal file
|
|
@ -0,0 +1,219 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="nnwhen's poetry. It posts beautiful scrawling here."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer, blog"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//Poetry</title>
|
||||
|
||||
<meta property="og:title" content="NN//POETRY" />
|
||||
<meta property="og:description" content="Where nnwhen's Poems Wait" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="NN//POETRY" />
|
||||
<meta name="twitter:description" content="Where nnwhen's Poems Wait" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#main">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li 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>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<h1
|
||||
style="
|
||||
width: min(90%, 600px);
|
||||
margin: 15px auto;
|
||||
font-family: 'mono', monospace;
|
||||
"
|
||||
>
|
||||
Poetry
|
||||
</h1>
|
||||
<main id="main" class="list">
|
||||
<h2>Purple Haze</h2>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="red-and-purple-and-amber-and-black.html"
|
||||
>Red and Purple and Amber and Black</a
|
||||
>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h2>Red Planet</h2>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="into-the-dunes.html">Into The Dunes</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="blackened-dust.html">Blackened Dust</a>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h2>Non-Series Poems</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="you-remind-me-of-it.html">You Remind Me Of It</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="this-will-destroy-you.html">This Will Destroy You</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="i-am-art.html">I am art</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="destroy-the-map.html">Destroy The Map</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="crackle.html">Crackle</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="an-obsidian.html">An Obsidian</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="inspiring.html">Inspiring</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2>More Experimental Than Usual</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="stars.html">Stars</a>
|
||||
</li>
|
||||
</ul>
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
185
poetry/inspiring.html
Normal file
185
poetry/inspiring.html
Normal file
|
|
@ -0,0 +1,185 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/Inspiring</title>
|
||||
|
||||
<meta property="og:title" content="Inspiring" />
|
||||
<meta property="og:description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="Inspiring" />
|
||||
<meta name="twitter:description" content="A poem by nnwhen" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>Inspiring</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>You've always been most inspiring when what you did was beyond me</p>
|
||||
<p>
|
||||
>/ ...<br />
|
||||
"And on that note, my dream for this church that I want to start is to
|
||||
have each room have at least one aspect that is unique."
|
||||
</p>
|
||||
<p>
|
||||
I OPEN THE DOOR<br />
|
||||
I CLOSE THE DOOR<br />
|
||||
I AM THE DOOR<br />
|
||||
  i missed it
|
||||
</p>
|
||||
<p>
|
||||
BesideNNBesideNN<br />
|
||||
  Where the — —
|
||||
</p>
|
||||
<p>thinking a lot about the point of <<\\\>></p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
202
poetry/into-the-dunes.html
Normal file
202
poetry/into-the-dunes.html
Normal file
|
|
@ -0,0 +1,202 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/Into-The-Dunes</title>
|
||||
|
||||
<meta property="og:title" content="Into The Dunes" />
|
||||
<meta property="og:description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="Into The Dunes" />
|
||||
<meta name="twitter:description" content="A poem by nnwhen" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>Into The Dunes</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>  run</p>
|
||||
<p>Into the dunes I run</p>
|
||||
<p>
|
||||
Trailed by 5 dark blotches into an unending sand<br />
|
||||
With an unrelenting sun<br />
|
||||
  irradiating the landscape till it dances
|
||||
</p>
|
||||
<p>
|
||||
My tongue lies dumb in my mouth<br />
|
||||
  Fat and useless
|
||||
</p>
|
||||
<p>
|
||||
If words could help me now I'd only muster a single string of
|
||||
incoherence
|
||||
</p>
|
||||
<p>Hearing finally escapes me</p>
|
||||
<p>
|
||||
Tiny little jabs push at my back like little lines that shove me forward
|
||||
and nearly drop me to my knees
|
||||
</p>
|
||||
<p>
|
||||
I find that a number of new little holes litter my chest<br />
|
||||
Mini inverted craters - or volcanoes<br />
|
||||
  They are bursting with red hot lava
|
||||
</p>
|
||||
<p>
|
||||
The ground falls from my feet?<br />
|
||||
Slowly spinning, I see the horizon shift from its usual place to -
|
||||
entirely vertical
|
||||
</p>
|
||||
<p>
|
||||
The sand slams my skull<br />
|
||||
  I have no choice but to watch the sky
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
13
poetry/poem-style.css
Normal file
13
poetry/poem-style.css
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
#poem {
|
||||
width: min(95%, 750px);
|
||||
margin: auto;
|
||||
font-family: "mono", monospace;
|
||||
font-size: 14px;
|
||||
}
|
||||
#poem h1 {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
#poem p {
|
||||
font-size: 18px;
|
||||
}
|
||||
231
poetry/red-and-purple-and-amber-and-black.html
Normal file
231
poetry/red-and-purple-and-amber-and-black.html
Normal file
|
|
@ -0,0 +1,231 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/Red-and-Purple-and-Amber-and-Black</title>
|
||||
|
||||
<meta property="og:title" content="Red and Purple and Amber and Black" />
|
||||
<meta property="og:description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="Red and Purple and Amber and Black" />
|
||||
<meta name="twitter:description" content="A poem by nnwhen" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>Red and Purple and Amber and Black</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>
|
||||
The winch creaks<br />
|
||||
Bore more weight than we thought<br />
|
||||
Day in<br />
|
||||
Day out<br />
|
||||
We lift bodies from barges and rivers and reeds
|
||||
</p>
|
||||
<p>Comrades find comrades</p>
|
||||
<p>
|
||||
Ache<br />
|
||||
My arms pull, grapple and pull<br />
|
||||
More corpses<br />
|
||||
More remains
|
||||
</p>
|
||||
<p>
|
||||
"Violet Rot"<br />
|
||||
If their lungs haven't burst they'll overflow with Rot<br />
|
||||
The water runs red and purple<br />
|
||||
Red and purple and amber and black
|
||||
</p>
|
||||
<p>
|
||||
Before we go home the preacher man will spray us down<br />
|
||||
"Hands to your face!" He shrieks<br />
|
||||
My face stays buried in my hands<br />
|
||||
I do not break the shield<br />
|
||||
Not until I reach home<br />
|
||||
Down my streets I will walk blind<br />
|
||||
Not until my feet reach my door
|
||||
</p>
|
||||
<p>
|
||||
Then I make it: to my love<br />
|
||||
They wait for me in the dark<br />
|
||||
They do not look at my Rot<br />
|
||||
The purple on my knuckles<br />
|
||||
The purple in my eyes<br />
|
||||
"No, you will not leave me here."
|
||||
</p>
|
||||
<p>So we lay</p>
|
||||
<p>
|
||||
I brace myself to them<br />
|
||||
I pray not to hurt them, gripping so close<br />
|
||||
My eyes wide in a purple haze<br />
|
||||
  In the dark
|
||||
</p>
|
||||
<p>We lay for days</p>
|
||||
<p>
|
||||
And when we stand up<br />
|
||||
  No longer ourselves<br />
|
||||
We stumble to the river
|
||||
</p>
|
||||
<p>
|
||||
Still holding each other<br />
|
||||
   Hand in hand
|
||||
</p>
|
||||
<p>
|
||||
Drawn to the water<br />
|
||||
Red and purple and amber and black
|
||||
</p>
|
||||
<p>We sink in its cold</p>
|
||||
<p>
|
||||
And then we perish<br />
|
||||
And then we Rot
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
213
poetry/stars.html
Normal file
213
poetry/stars.html
Normal file
|
|
@ -0,0 +1,213 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/Stars</title>
|
||||
|
||||
<meta property="og:title" content="Stars" />
|
||||
<meta property="og:description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="nnwhen poem: Stars" />
|
||||
<meta name="twitter:description" content="A poem by nnwhen" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
|
||||
<style>
|
||||
.star-sep {
|
||||
height: 2px;
|
||||
width: 70%;
|
||||
background-color: #ffffff25;
|
||||
margin: auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>Stars</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p style="margin: 0; margin-right: 20px; text-align: right">
|
||||
<a href="#">More About This Poem</a> (Not yet done)
|
||||
</p>
|
||||
<hr />
|
||||
<p>
|
||||
Just because you know objectively that the stars don't revolve around
|
||||
the earth Doesn't mean that on the nights when you gaze into the night
|
||||
sky it isn't true that it was painted for you
|
||||
</p>
|
||||
<div class="star-sep"></div>
|
||||
<p>
|
||||
Just because you know the stars don't revolve around the Earth Doesn't
|
||||
mean that on the nights that you gaze into the sky they weren't placed
|
||||
there just for you
|
||||
</p>
|
||||
<div class="star-sep"></div>
|
||||
<p>
|
||||
Even if you knew the universe didn't revolve around the Earth and
|
||||
Humanity; why would you not let the moments, gazing into the sky, feel
|
||||
like it were a painting made just for us.
|
||||
</p>
|
||||
<div class="star-sep"></div>
|
||||
<p>
|
||||
Why, if the stars were not painted for us, would they be placed so
|
||||
perfectly with us on our backs and hand in hand?
|
||||
</p>
|
||||
<div class="star-sep"></div>
|
||||
<p>
|
||||
The way the stars shine now, are unequivocally for us. Were we anywhere
|
||||
else, they would not be so.
|
||||
</p>
|
||||
<div class="star-sep"></div>
|
||||
<p>
|
||||
"Look at the stars. They are so pretty.<br />
|
||||
They are so pretty. They make me think of you"
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
181
poetry/this-will-destroy-you.html
Normal file
181
poetry/this-will-destroy-you.html
Normal file
|
|
@ -0,0 +1,181 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/This-Will-Destroy-You</title>
|
||||
|
||||
<meta property="og:title" content="This Will Destroy You" />
|
||||
<meta property="og:description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="This Will Destroy You" />
|
||||
<meta name="twitter:description" content="A poem by nnwhen" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>This Will Destroy You</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>This Will Destroy You</p>
|
||||
<p>
|
||||
Your word - your waves, I cannot write it.<br />
|
||||
I fear that pen to paper will - like the ink - run my brain dry - and I
|
||||
will no longer remember you.<br />
|
||||
It is admittance for what I cannot yet bear; if you were still here
|
||||
you'd smile at me knowingly: how I struggle to swallow my pride and live
|
||||
in the real world - the present world.<br />
|
||||
Despite the deadened nerves I feel boxes and photographs between the
|
||||
folds of my mind - your memories. If I do nothing you will die with me;
|
||||
write you down and I may live and then die without you — for a
|
||||
second time.
|
||||
</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
195
poetry/you-remind-me-of-it.html
Normal file
195
poetry/you-remind-me-of-it.html
Normal file
|
|
@ -0,0 +1,195 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta name="CCBot" content="nofollow" />
|
||||
<meta name="robots" content="noai, noimageai" />
|
||||
<meta name="tdm-reservation" content="1" />
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
<link rel="stylesheet" href="poem-style.css" />
|
||||
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="description"
|
||||
content="My name is nnwhen. I make music, soundtracks and other 'sound-based things'."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
|
||||
/>
|
||||
<meta name="author" content="nnwhen" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="height=device-height, width=device-width, initial-scale=1"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
href="../res/asset-sitewide-favicon.png"
|
||||
type="image/icon type"
|
||||
/>
|
||||
<title>NN//P/You-Remind-Me-Of-It</title>
|
||||
|
||||
<meta property="og:title" content="You Remind Me Of It" />
|
||||
<meta property="og:description" content="A poem by nnwhen" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta property="og:url" content="https://www.nnwhen.com/" />
|
||||
<meta property="og:locale" content="en_US" />
|
||||
|
||||
<meta name="twitter:title" content="You Remind Me Of It" />
|
||||
<meta name="twitter:description" content="A poem by nnwhen" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:site" content="@nnwhen_" />
|
||||
<meta name="twitter:creator" content="@nnwhen_" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image:alt"
|
||||
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-to-content" href="#poem">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
|
||||
<picture id="header-img-group-banner">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img src="../res/asset-sitewide-header-banner.png" alt="" />
|
||||
</picture>
|
||||
<a aria-label="Return to the Homepage" href="../index.html">
|
||||
<picture id="header-img-group-logo">
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.jxl"
|
||||
type="image/jxl"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.avif"
|
||||
type="image/avif"
|
||||
/>
|
||||
<source
|
||||
srcset="../res/asset-sitewide-header-ennspace.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="../res/asset-sitewide-header-ennspace.png"
|
||||
alt="Return to the Homepage"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a aria-label="Go Back to Homepage" href="../index.html">home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Listen to my music" href="../sound-design.html"
|
||||
>music</a
|
||||
>
|
||||
</li>
|
||||
<div aria-hidden="true" id="whitespace"></div>
|
||||
<li>
|
||||
<a
|
||||
aria-label="The Hub that links to my Art, Poetry and Other-Media"
|
||||
href="../archive.html"
|
||||
>archive</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-label="Go to my Blog" href="../blog/index.html">blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<aside id="socials">
|
||||
<a
|
||||
href="https://www.soundcloud.com/nnwhen"
|
||||
target="_blank"
|
||||
title="Soundcloud"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-soundcloud.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
|
||||
<img src="../res/asset-sitewide-nav-bandcamp.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="mailto:contact@nnwhen.com"
|
||||
title="Email Me"
|
||||
>
|
||||
<img src="../res/asset-sitewide-nav-mail.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../socials.html" target="_blank" title="Other Socials">
|
||||
<img src="../res/asset-sitewide-nav-at.svg" alt="" />
|
||||
</a>
|
||||
|
||||
<a href="../feed.xml" target="_blank" title="RSS Feed">
|
||||
<img src="../res/asset-sitewide-nav-rss.svg" alt="" />
|
||||
</a>
|
||||
</aside>
|
||||
|
||||
<main id="poem">
|
||||
<p style="text-align: right; margin: 0; margin-right: 30px">
|
||||
<a href="index.html" aria-label="Go back to poem-list">↵ Back</a>
|
||||
</p>
|
||||
<hr />
|
||||
<h1>You Remind Me Of It</h1>
|
||||
<hr />
|
||||
<hr />
|
||||
<p>There was an exhaustive Grotowskian dancing.</p>
|
||||
<p>
|
||||
When it - by you - was first imparted on me: my most outer layer of mind
|
||||
recoiled in fear — in shame.
|
||||
</p>
|
||||
<p>
|
||||
When I - to it - coaxed to relax, no longer locked in paralysis, the
|
||||
vicarious sense: earnest and fervour.
|
||||
</p>
|
||||
<p>
|
||||
Locked eyes now —<br />
|
||||
You smile —<br />
|
||||
betrayed absolutely —<br />
|
||||
without second thought.
|
||||
</p>
|
||||
<br />
|
||||
<p>
|
||||
It simply reminds me -<br />
|
||||
of moments not lost,<br />
|
||||
spaces I occupy<br />
|
||||
and the significance thereof.
|
||||
</p>
|
||||
<p>
|
||||
Joy — borne from oneself.<br />
|
||||
Legitimacy and validity inherent.
|
||||
</p>
|
||||
<p>you remind me of it.</p>
|
||||
<hr />
|
||||
</main>
|
||||
|
||||
<footer id="free">
|
||||
<a href="../our-siblings.html"
|
||||
>Free Our People</a
|
||||
>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
82
res/asset-blog-emptystar.svg
Normal file
82
res/asset-blog-emptystar.svg
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="800px"
|
||||
height="800px"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
viewBox="0 0 24 24"
|
||||
id="svg3"
|
||||
sodipodi:docname="emptystar.svg"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview3"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:zoom="0.35974985"
|
||||
inkscape:cx="175.12169"
|
||||
inkscape:cy="-44.475349"
|
||||
inkscape:window-width="951"
|
||||
inkscape:window-height="1070"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg3" />
|
||||
<defs
|
||||
id="defs2">
|
||||
<mask
|
||||
id="mask50"
|
||||
maskUnits="userSpaceOnUse">
|
||||
<g
|
||||
transform="matrix(.99542 0 0 .98775 .056932 .14427)"
|
||||
id="g2">
|
||||
<rect
|
||||
x="1.1981"
|
||||
y="1.1975"
|
||||
width="21.604"
|
||||
height="21.604"
|
||||
fill="#fff"
|
||||
stroke-width=".027005"
|
||||
id="rect1" />
|
||||
<g
|
||||
transform="matrix(.58196 0 0 .55773 5.0154 5.3086)"
|
||||
fill="#000"
|
||||
id="g1">
|
||||
<path
|
||||
d="m14.401 3.175c-0.5293-1.0636-1.3565-1.8478-2.4025-1.8478-1.0448 0-1.8746 0.78285-2.4088 1.8457l-1.7607 3.5214-0.00273 0.00551c-0.05283 0.10785-0.17911 0.26135-0.3694 0.40244-0.18965 0.14061-0.37362 0.21756-0.49155 0.23786l-0.00106 1.8e-4 -3.1874 0.52956c-1.1501 0.19168-2.116 0.75139-2.429 1.7317-0.31282 0.9796 0.14862 1.9955 0.97163 2.8185l2.48 2.48c0.0976 0.0976 0.20696 0.2815 0.27554 0.5211 0.06816 0.2381 0.07392 0.454 0.04338 0.5926l-4.3e-4 0.0019-0.70885 3.065c-0.29555 1.2772-0.19304 2.5453 0.71611 3.2087 0.90859 0.6629 2.1482 0.3754 3.2773-0.2947l2.9844-1.7667 0.0019-0.0011c0.1342-0.0774 0.3553-0.1372 0.6147-0.1372 0.2613 0 0.4779 0.0606 0.6039 0.1353l2.9903 1.7701c1.1305 0.6678 2.3716 0.9605 3.2801 0.2982 0.9098-0.6633 1.0074-1.9337 0.7128-3.212l-0.709-3.0656-4e-4 -0.0019c-0.0306-0.1386-0.0248-0.3545 0.0434-0.5926 0.0685-0.2396 0.1779-0.4235 0.2755-0.5211l2.4792-2.4792c0.8282-0.823 1.2911-1.8397 0.9757-2.8207-0.3149-0.9797-1.2826-1.5387-2.4319-1.7303l-3.19-0.53"
|
||||
clip-rule="evenodd"
|
||||
fill="#000"
|
||||
fill-rule="evenodd"
|
||||
id="path1" />
|
||||
</g>
|
||||
</g>
|
||||
</mask>
|
||||
</defs>
|
||||
<g
|
||||
id="style=fill"
|
||||
transform="matrix(1.1109,0,0,1.1109,-1.3309,-1.3303)"
|
||||
style="display:inline">
|
||||
<g
|
||||
id="star"
|
||||
transform="matrix(1.0046,0,0,1.0124,-0.057194,-0.14606)"
|
||||
fill="#ffffff"
|
||||
mask="url(#mask50)"
|
||||
style="display:inline">
|
||||
<path
|
||||
id="vector (Stroke)"
|
||||
d="M 14.401,3.175 C 13.8717,2.1114 13.0445,1.3272 11.9985,1.3272 c -1.0448,0 -1.8746,0.78285 -2.4088,1.8457 L 7.829,6.6943 7.82627,6.69981 C 7.77344,6.80766 7.64716,6.96116 7.45687,7.10225 7.26722,7.24286 7.08325,7.31981 6.96532,7.34011 l -0.00106,1.8e-4 -3.1874,0.52956 c -1.1501,0.19168 -2.116,0.75139 -2.429,1.7317 -0.31282,0.9796 0.14862,1.9955 0.97163,2.8185 l 2.48,2.48 c 0.0976,0.0976 0.20696,0.2815 0.27554,0.5211 0.06816,0.2381 0.07392,0.454 0.04338,0.5926 l -4.3e-4,0.0019 -0.70885,3.065 c -0.29555,1.2772 -0.19304,2.5453 0.71611,3.2087 0.90859,0.6629 2.1482,0.3754 3.2773,-0.2947 l 2.9844,-1.7667 0.0019,-0.0011 c 0.1342,-0.0774 0.3553,-0.1372 0.6147,-0.1372 0.2613,0 0.4779,0.0606 0.6039,0.1353 l 2.9903,1.7701 c 1.1305,0.6678 2.3716,0.9605 3.2801,0.2982 0.9098,-0.6633 1.0074,-1.9337 0.7128,-3.212 l -0.709,-3.0656 -4e-4,-0.0019 c -0.0306,-0.1386 -0.0248,-0.3545 0.0434,-0.5926 0.0685,-0.2396 0.1779,-0.4235 0.2755,-0.5211 l 2.4792,-2.4792 c 0.8282,-0.823 1.2911,-1.8397 0.9757,-2.8207 -0.3149,-0.9797 -1.2826,-1.5387 -2.4319,-1.7303 l -3.19,-0.53"
|
||||
clip-rule="evenodd"
|
||||
fill="#ffffff"
|
||||
fill-rule="evenodd"
|
||||
style="display:inline" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
4
res/asset-blog-fullstar.svg
Normal file
4
res/asset-blog-fullstar.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="800px" height="800px" fill="none" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path transform="matrix(1.116 0 0 1.1247 -1.3944 -1.4926)" d="m14.401 3.175c-0.5293-1.0636-1.3565-1.8478-2.4025-1.8478-1.0448 0-1.8746 0.78285-2.4088 1.8457l-1.7607 3.5214-0.00273 0.00551c-0.05283 0.10785-0.17911 0.26135-0.3694 0.40244-0.18965 0.14061-0.37362 0.21756-0.49155 0.23786l-0.00106 1.8e-4 -3.1874 0.52956c-1.1501 0.19168-2.116 0.75139-2.429 1.7317-0.31282 0.9796 0.14862 1.9955 0.97163 2.8185l2.48 2.48c0.0976 0.0976 0.20696 0.2815 0.27554 0.5211 0.06816 0.2381 0.07392 0.454 0.04338 0.5926l-4.3e-4 0.0019-0.70885 3.065c-0.29555 1.2772-0.19304 2.5453 0.71611 3.2087 0.90859 0.6629 2.1482 0.3754 3.2773-0.2947l2.9844-1.7667 0.0019-0.0011c0.1342-0.0774 0.3553-0.1372 0.6147-0.1372 0.2613 0 0.4779 0.0606 0.6039 0.1353l2.9903 1.7701c1.1305 0.6678 2.3716 0.9605 3.2801 0.2982 0.9098-0.6633 1.0074-1.9337 0.7128-3.212l-0.709-3.0656-4e-4 -0.0019c-0.0306-0.1386-0.0248-0.3545 0.0434-0.5926 0.0685-0.2396 0.1779-0.4235 0.2755-0.5211l2.4792-2.4792c0.8282-0.823 1.2911-1.8397 0.9757-2.8207-0.3149-0.9797-1.2826-1.5387-2.4319-1.7303l-3.19-0.53" clip-rule="evenodd" fill="#fff" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
96
res/asset-blog-halfstar.svg
Normal file
96
res/asset-blog-halfstar.svg
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="800px"
|
||||
height="800px"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
viewBox="0 0 24 24"
|
||||
id="svg3"
|
||||
sodipodi:docname="halfstar.svg"
|
||||
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview3"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:zoom="0.9225"
|
||||
inkscape:cx="400"
|
||||
inkscape:cy="400"
|
||||
inkscape:window-width="951"
|
||||
inkscape:window-height="1070"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg3" />
|
||||
<defs
|
||||
id="defs3">
|
||||
<mask
|
||||
id="mask52"
|
||||
maskUnits="userSpaceOnUse">
|
||||
<g
|
||||
transform="matrix(.99542 0 0 .98775 .056932 .14427)"
|
||||
id="g3">
|
||||
<rect
|
||||
x="1.1981"
|
||||
y="1.1975"
|
||||
width="21.604"
|
||||
height="21.604"
|
||||
fill="#fff"
|
||||
stroke-width=".027005"
|
||||
id="rect1" />
|
||||
<g
|
||||
transform="matrix(.58196 0 0 .55773 5.0154 5.3086)"
|
||||
fill="#000"
|
||||
id="g1">
|
||||
<path
|
||||
d="m14.401 3.175c-0.5293-1.0636-1.3565-1.8478-2.4025-1.8478-1.0448 0-1.8746 0.78285-2.4088 1.8457l-1.7607 3.5214-0.00273 0.00551c-0.05283 0.10785-0.17911 0.26135-0.3694 0.40244-0.18965 0.14061-0.37362 0.21756-0.49155 0.23786l-0.00106 1.8e-4 -3.1874 0.52956c-1.1501 0.19168-2.116 0.75139-2.429 1.7317-0.31282 0.9796 0.14862 1.9955 0.97163 2.8185l2.48 2.48c0.0976 0.0976 0.20696 0.2815 0.27554 0.5211 0.06816 0.2381 0.07392 0.454 0.04338 0.5926l-4.3e-4 0.0019-0.70885 3.065c-0.29555 1.2772-0.19304 2.5453 0.71611 3.2087 0.90859 0.6629 2.1482 0.3754 3.2773-0.2947l2.9844-1.7667 0.0019-0.0011c0.1342-0.0774 0.3553-0.1372 0.6147-0.1372 0.2613 0 0.4779 0.0606 0.6039 0.1353l2.9903 1.7701c1.1305 0.6678 2.3716 0.9605 3.2801 0.2982 0.9098-0.6633 1.0074-1.9337 0.7128-3.212l-0.709-3.0656-4e-4 -0.0019c-0.0306-0.1386-0.0248-0.3545 0.0434-0.5926 0.0685-0.2396 0.1779-0.4235 0.2755-0.5211l2.4792-2.4792c0.8282-0.823 1.2911-1.8397 0.9757-2.8207-0.3149-0.9797-1.2826-1.5387-2.4319-1.7303l-3.19-0.53"
|
||||
clip-rule="evenodd"
|
||||
fill="#000"
|
||||
fill-rule="evenodd"
|
||||
id="path1" />
|
||||
</g>
|
||||
<rect
|
||||
x="1.1981"
|
||||
y="1.1975"
|
||||
width="10.802"
|
||||
height="21.604"
|
||||
fill="#fff"
|
||||
stroke-width=".027005"
|
||||
id="rect2" />
|
||||
<rect
|
||||
x="12"
|
||||
y="1.1975"
|
||||
width="10.802"
|
||||
height="21.604"
|
||||
display="none"
|
||||
fill="#000"
|
||||
stroke-width=".027005"
|
||||
id="rect3" />
|
||||
</g>
|
||||
</mask>
|
||||
</defs>
|
||||
<g
|
||||
id="style=fill"
|
||||
transform="matrix(1.1109 0 0 1.1109 -1.3309 -1.3303)">
|
||||
<g
|
||||
id="star"
|
||||
transform="matrix(1.0046 0 0 1.0124 -.057194 -.14606)"
|
||||
fill="#fff"
|
||||
mask="url(#mask52)">
|
||||
<path
|
||||
id="vector (Stroke)"
|
||||
d="m14.401 3.175c-0.5293-1.0636-1.3565-1.8478-2.4025-1.8478-1.0448 0-1.8746 0.78285-2.4088 1.8457l-1.7607 3.5214-0.00273 0.00551c-0.05283 0.10785-0.17911 0.26135-0.3694 0.40244-0.18965 0.14061-0.37362 0.21756-0.49155 0.23786l-0.00106 1.8e-4 -3.1874 0.52956c-1.1501 0.19168-2.116 0.75139-2.429 1.7317-0.31282 0.9796 0.14862 1.9955 0.97163 2.8185l2.48 2.48c0.0976 0.0976 0.20696 0.2815 0.27554 0.5211 0.06816 0.2381 0.07392 0.454 0.04338 0.5926l-4.3e-4 0.0019-0.70885 3.065c-0.29555 1.2772-0.19304 2.5453 0.71611 3.2087 0.90859 0.6629 2.1482 0.3754 3.2773-0.2947l2.9844-1.7667 0.0019-0.0011c0.1342-0.0774 0.3553-0.1372 0.6147-0.1372 0.2613 0 0.4779 0.0606 0.6039 0.1353l2.9903 1.7701c1.1305 0.6678 2.3716 0.9605 3.2801 0.2982 0.9098-0.6633 1.0074-1.9337 0.7128-3.212l-0.709-3.0656-4e-4 -0.0019c-0.0306-0.1386-0.0248-0.3545 0.0434-0.5926 0.0685-0.2396 0.1779-0.4235 0.2755-0.5211l2.4792-2.4792c0.8282-0.823 1.2911-1.8397 0.9757-2.8207-0.3149-0.9797-1.2826-1.5387-2.4319-1.7303l-3.19-0.53"
|
||||
clip-rule="evenodd"
|
||||
fill="#fff"
|
||||
fill-rule="evenodd" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
BIN
res/asset-blog-music_post.png
Normal file
BIN
res/asset-blog-music_post.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
res/asset-blog-poetry_post.png
Normal file
BIN
res/asset-blog-poetry_post.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
BIN
res/asset-blog-thought_post.png
Normal file
BIN
res/asset-blog-thought_post.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6 KiB |
BIN
res/asset-blog-written_post.png
Normal file
BIN
res/asset-blog-written_post.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
res/asset-font-Inconsolata.woff2
Normal file
BIN
res/asset-font-Inconsolata.woff2
Normal file
Binary file not shown.
BIN
res/asset-font-NotoSansMono.woff2
Normal file
BIN
res/asset-font-NotoSansMono.woff2
Normal file
Binary file not shown.
BIN
res/asset-font-Redaction-Regular.woff2
Normal file
BIN
res/asset-font-Redaction-Regular.woff2
Normal file
Binary file not shown.
BIN
res/asset-font-SyneMono-Regular.woff2
Normal file
BIN
res/asset-font-SyneMono-Regular.woff2
Normal file
Binary file not shown.
19
res/asset-js-audio.js
Normal file
19
res/asset-js-audio.js
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
function onlyPlayOneIn(container) {
|
||||
container.addEventListener(
|
||||
"play",
|
||||
function (event) {
|
||||
audio_elements = container.getElementsByTagName("audio");
|
||||
for (i = 0; i < audio_elements.length; i++) {
|
||||
audio_element = audio_elements[i];
|
||||
if (audio_element !== event.target) {
|
||||
audio_element.pause();
|
||||
}
|
||||
}
|
||||
},
|
||||
true
|
||||
);
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
onlyPlayOneIn(document.body);
|
||||
});
|
||||
BIN
res/asset-sitewide-favicon.avif
Normal file
BIN
res/asset-sitewide-favicon.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
res/asset-sitewide-favicon.png
Normal file
BIN
res/asset-sitewide-favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
res/asset-sitewide-favicon.webp
Normal file
BIN
res/asset-sitewide-favicon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
res/asset-sitewide-header-banner.avif
Normal file
BIN
res/asset-sitewide-header-banner.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
res/asset-sitewide-header-banner.png
Normal file
BIN
res/asset-sitewide-header-banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 253 KiB |
BIN
res/asset-sitewide-header-banner.webp
Normal file
BIN
res/asset-sitewide-header-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
res/asset-sitewide-header-ennspace.avif
Normal file
BIN
res/asset-sitewide-header-ennspace.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
res/asset-sitewide-header-ennspace.png
Normal file
BIN
res/asset-sitewide-header-ennspace.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
res/asset-sitewide-header-ennspace.webp
Normal file
BIN
res/asset-sitewide-header-ennspace.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9 KiB |
6
res/asset-sitewide-nav-at.svg
Normal file
6
res/asset-sitewide-nav-at.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="800px" height="800px" fill="#FFFFFF" stroke="#FFFFFF" version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(.95021 0 0 .95021 .52014 .47281)">
|
||||
<path d="m13.6 13.47a4.99 4.99 0 0 1-8.6-3.47 5 5 0 0 1 8-4v-1h2v6.5a1.5 1.5 0 0 0 3 0v-1.5a8 8 0 1 0-4.42 7.16l0.9 1.79a10 10 0 1 1 5.52-8.95h-0.18 0.17v1.5a3.5 3.5 0 0 1-6.4 1.97zm-3.6-0.47a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 471 B |
6
res/asset-sitewide-nav-bandcamp.svg
Normal file
6
res/asset-sitewide-nav-bandcamp.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="512pt" height="512pt" version="1.0" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="translate(0 512) scale(.1 -.1)" fill="#fff">
|
||||
<path d="m2240 5105c-524-65-1020-294-1405-647-464-427-747-974-821-1588-17-148-17-472 0-620 74-614 357-1161 821-1588 388-357 884-584 1415-648 148-17 472-17 620 0 531 64 1027 291 1415 648 464 427 747 974 821 1588 17 148 17 472 0 620-74 614-357 1161-821 1588-388 357-884 584-1415 648-143 17-488 16-630-1zm1653-1823c-26-49-223-413-438-810l-390-721-943-1h-943l48 88c26 49 224 413 438 810l390 721 943 1h943l-48-88z" fill="#fff"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 644 B |
4
res/asset-sitewide-nav-bluesky.svg
Normal file
4
res/asset-sitewide-nav-bluesky.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="568" height="568" fill="none" version="1.1" viewBox="0 0 568 568" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m123.12 67.605c65.12 48.889 135.16 148.02 160.88 201.21 25.719-53.192 95.759-152.32 160.88-201.21 46.987-35.276 123.12-62.57 123.12 24.283 0 17.345-9.945 145.71-15.778 166.55-20.275 72.453-94.155 90.933-159.88 79.748 114.88 19.551 144.1 84.311 80.986 149.07-119.86 122.99-172.27-30.859-185.7-70.281-2.462-7.227-3.614-10.608-3.631-7.733-0.017-2.875-1.169 0.506-3.631 7.733-13.43 39.422-65.842 193.27-185.7 70.281-63.111-64.76-33.889-129.52 80.986-149.07-65.72 11.185-139.6-7.295-159.88-79.748-5.8326-20.842-15.778-149.21-15.778-166.55 0-86.853 76.134-59.558 123.12-24.283z" fill="#fff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 757 B |
8
res/asset-sitewide-nav-home.svg
Normal file
8
res/asset-sitewide-nav-home.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="800" height="800" fill="#ffffff" version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="translate(0,18.138)">
|
||||
<path d="m434.16 275.24v200.48h-125.84v-125.28h-104.64v125.28h-125.84v-200.48l178.16-139.52z"/>
|
||||
<path d="m0 224.54 256-203.75 256 203.75-29.79 43.082-226.21-180.04-226.21 180.04z"/>
|
||||
<path d="m439.85 0v130.4l-63.28-50.4v-80z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 439 B |
4
res/asset-sitewide-nav-instagram.svg
Normal file
4
res/asset-sitewide-nav-instagram.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="700" height="700" version="1.1" viewBox="0 0 700 700" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m205.05 2.4478c-37.24 1.757-62.672 7.7-84.904 16.436-23.009 8.967-42.511 21-61.916 40.474s-31.353 38.99-40.257 62.034c-8.6171 22.281-14.455 47.733-16.1 84.994s-2.009 49.238-1.827 144.28c0.182 95.046 0.60201 106.96 2.408 144.3 1.778 37.233 7.7001 62.657 16.436 84.896 8.9811 23.009 21 42.504 40.481 61.915s38.983 31.332 62.084 40.25c22.26 8.603 47.719 14.469 84.974 16.1 37.254 1.631 49.245 2.009 144.26 1.827 95.019-0.182 106.98-0.60201 144.31-2.373 37.331-1.771 62.623-7.735 84.869-16.429 23.009-9.002 42.518-21 61.916-40.488 19.397-19.488 31.339-39.018 40.236-62.076 8.6241-22.26 14.483-47.719 16.1-84.945 1.631-37.359 2.016-49.287 1.834-144.32-0.182-95.032-0.60901-106.95-2.38-144.27-1.771-37.324-7.7001-62.671-16.429-84.924-8.9951-23.009-21-42.49-40.474-61.915s-39.018-31.36-62.07-40.236c-22.274-8.617-47.719-14.49-84.974-16.1-37.254-1.61-49.246-2.023-144.3-1.841s-106.95 0.588-144.29 2.408m4.088 632.72c-34.125-1.484-52.655-7.154-65.003-11.9-16.352-6.3-28-13.916-40.306-26.103s-19.866-23.877-26.25-40.194c-4.795-12.348-10.57-30.856-12.166-64.981-1.736-36.883-2.1-47.957-2.303-141.4s0.154-104.5 1.771-141.4c1.456-34.097 7.1611-52.647 11.9-64.988 6.3001-16.373 13.888-28 26.103-40.299s23.87-19.873 40.201-26.257c12.334-4.816 30.842-10.542 64.954-12.166 36.911-1.75 47.971-2.1 141.4-2.303 93.43-0.203 104.52 0.147 141.44 1.771 34.097 1.484 52.655 7.133 64.982 11.9 16.359 6.3 28 13.867 40.299 26.103s19.88 23.849 26.264 40.215c4.823 12.299 10.549 30.8 12.159 64.932 1.757 36.911 2.156 47.978 2.324 141.4s-0.161 104.52-1.778 141.4c-1.491 34.125-7.1471 52.661-11.9 65.023-6.3001 16.345-13.895 28-26.117 40.292s-23.863 19.866-40.201 26.25c-12.32 4.809-30.849 10.549-64.933 12.173-36.911 1.736-47.971 2.1-141.44 2.303-93.465 0.20299-104.49-0.175-141.4-1.771m285.32-472.23a42 42 0 1 0 41.916-42.07 42 42 0 0 0-41.916 42.07m-324.17 187.41c0.196 99.26 80.809 179.54 180.05 179.35 99.24-0.18901 179.58-80.794 179.39-180.05-0.189-99.26-80.823-179.56-180.08-179.37-99.254 0.19599-179.55 80.822-179.36 180.07m63.043-0.126a116.67 116.67 0 1 1 116.9 116.44 116.66 116.66 0 0 1-116.9-116.44" fill="#fff" stroke-width=".7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
BIN
res/asset-sitewide-nav-kofi.png
Normal file
BIN
res/asset-sitewide-nav-kofi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
4
res/asset-sitewide-nav-linkedin.svg
Normal file
4
res/asset-sitewide-nav-linkedin.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="65" height="65" version="1.1" viewBox="0 0 65 65" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m55.31 55.31h-9.6v-15.034c0-3.585-0.064-8.2-4.993-8.2-5 0-5.765 3.906-5.765 7.939v15.294h-9.6v-30.916h9.216v4.225h0.129a10.1 10.1 0 0 1 9.093-4.994c9.73 0 11.524 6.4 11.524 14.726zm-40.79-35.143a5.571 5.571 0 1 1 5.57-5.572 5.571 5.571 0 0 1-5.57 5.572m4.8 35.143h-9.61v-30.917h9.61zm40.776-55.2h-55.21a4.728 4.728 0 0 0-4.781 4.67v55.439a4.731 4.731 0 0 0 4.781 4.675h55.21a4.741 4.741 0 0 0 4.8-4.675v-55.443a4.738 4.738 0 0 0-4.8-4.67" fill="#fff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 607 B |
9
res/asset-sitewide-nav-mail.svg
Normal file
9
res/asset-sitewide-nav-mail.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="800" height="800" fill="#ffffff" version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="translate(0,63.519)">
|
||||
<path d="m512 231.68-66.08-68.64 66.08-56.959z"/>
|
||||
<path d="m66.16 163.04-66.16 68.72v-125.68z"/>
|
||||
<path d="m512 294.08v63.199c0 15.281-12.4 27.682-27.68 27.682h-456.64c-15.281 0-27.68-12.4-27.68-27.682v-63.199l98.959-102.72 113.04 97.359c11.76 10.082 27.359 15.682 44 15.682s32.32-5.6 44.08-15.682l112.96-97.359z"/>
|
||||
<path d="m512 27.6v27.68l-241.44 208c-7.76 6.72-21.359 6.72-29.119 0l-241.44-208v-27.68c0-15.279 12.398-27.6 27.68-27.6h456.64c15.28 0 27.68 12.321 27.68 27.6z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 692 B |
4
res/asset-sitewide-nav-mastodon.svg
Normal file
4
res/asset-sitewide-nav-mastodon.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="80" height="80" fill="#ffffff" version="1.1" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m77.832 17.711c-1.1749-8.5957-8.7865-15.37-17.81-16.682-1.5223-0.2218-7.2901-1.029-20.651-1.029h-0.09978c-13.365 0-16.232 0.80721-17.754 1.029-8.7718 1.2763-16.782 7.363-18.726 16.06-0.93482 4.2833-1.0346 9.032-0.86092 13.388 0.24756 6.2467 0.29559 12.483 0.872 18.704 0.39849 4.1325 1.0936 8.2321 2.0802 12.268 1.8475 7.4539 9.326 13.657 16.653 16.188 7.8447 2.6392 16.281 3.0773 24.364 1.2654 0.88917-0.20369 1.7686-0.43994 2.6381-0.70909 1.962-0.61446 4.264-1.3017 5.9563-2.5089 0.02319-0.0169 0.04226-0.03876 0.05566-0.06401 0.0134-0.02515 0.02093-0.05298 0.02185-0.08143v-6.0285c-4.13e-4 -0.02659-0.0068-0.05278-0.01886-0.07659-0.01196-0.02381-0.02917-0.04463-0.05051-0.06102-0.02123-0.01639-0.04597-0.02783-0.07226-0.0336-0.02639-0.0058-0.05371-0.0057-0.07999 3.09e-4 -5.1789 1.2174-10.486 1.8276-15.811 1.818-9.1634 0-11.628-4.2797-12.334-6.0613-0.56725-1.5398-0.92751-3.1461-1.0715-4.7779-0.0014-0.02732 0.0037-0.05474 0.01495-0.07978 0.01123-0.02515 0.02845-0.04721 0.04999-0.06463 0.02165-0.01732 0.04711-0.02938 0.07432-0.03525 0.02721-0.0059 0.05546-0.0054 0.08246 0.0015 5.0927 1.2091 10.313 1.8194 15.552 1.818 1.2599 0 2.5162 0 3.7762-0.03268 5.2689-0.14545 10.822-0.41088 16.006-1.4072 0.12936-0.02536 0.25863-0.04721 0.36954-0.07999 8.1768-1.5453 15.958-6.3958 16.749-18.678 0.02958-0.48355 0.10349-5.065 0.10349-5.5668 0.0037-1.7052 0.55797-12.097-0.08133-18.482zm-12.585 30.648h-8.598v-20.726c0-4.3633-1.8475-6.5886-5.6053-6.5886-4.1309 0-6.2 2.6325-6.2 7.8321v11.344h-8.5464v-11.344c0-5.1997-2.0728-7.8321-6.2038-7.8321-3.7356 0-5.6016 2.2253-5.6053 6.5886v20.726h-8.5907v-21.355c0-4.3633 1.1319-7.8296 3.3957-10.399 2.3352-2.5634 5.3983-3.8796 9.2004-3.8796 4.4006 0 7.726 1.6653 9.943 4.9923l2.1394 3.5343 2.143-3.5343c2.2169-3.327 5.5424-4.9923 9.9357-4.9923 3.7984 0 6.8614 1.3162 9.204 3.8796 2.2638 2.5671 3.3957 6.0335 3.3957 10.399z" fill="inherit" stroke-width="1.0308"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2 KiB |
6
res/asset-sitewide-nav-rss.svg
Normal file
6
res/asset-sitewide-nav-rss.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="800px" height="800px" version="1.1" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>rss [#1028]</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<path transform="matrix(.84341 0 0 .84341 -6.808 -2937.7)" d="m9.0141 3492v1.0024c0 0.5533 0.44988 1.0023 1.0042 1.0023h1.0042c0-1.1076-0.89875-2.0047-2.0084-2.0047m-0.014059-4.0094v2.0047c2.2153 0 4.0168 2.0478 4.0168 4.0525h2.0084c0-3.0071-2.6973-6.0572-6.0252-6.0572m9.9937 4.9095c0.06628 0.5984-0.40168 1.1477-1.0042 1.1477h-0.94193c0-4.0094-4.0308-8.0619-8.0476-8.0619v-0.9402c0-0.6014 0.53624-1.0585 1.1347-0.9913 4.6454 0.5182 8.3398 4.2098 8.859 8.8457" fill="#fff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 690 B |
4
res/asset-sitewide-nav-soundcloud.svg
Normal file
4
res/asset-sitewide-nav-soundcloud.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="800" height="800" fill="#ffffff" version="1.1" viewBox="0 -4.5 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m8.5857 10.748v-10.028c0-0.3189 0.09595-0.5101 0.28886-0.5715 3.2124-0.7596 6.4578 1.4816 6.7526 4.8578 3.1404-1.3261 5.8711 2.67 3.4373 5.0696-0.61669 0.6081-1.3563 0.9121-2.2189 0.9121l-8.093-0.01c-0.10695-0.036-0.16692-0.1465-0.16692-0.2307zm-2.1769-0.2952c0 0.725 1.3773 0.7339 1.3773 0v-9.6481c0-0.9131-1.3773-0.9091-1.3773 0zm-2.1389 0c0 0.7081 1.3763 0.7359 1.3763 0v-5.6866c0-0.9131-1.3763-0.9092-1.3763 0zm-2.1309-0.2951c0 0.7289 1.3683 0.7408 1.3683 0v-6.2303c0-0.8825-1.3683-0.8934-1.3683 0zm-2.1389-1.1429c0 0.8508 1.3673 1.0657 1.3673 0v-2.6729c0-0.9052-1.3673-0.8973-1.3673 0z" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 788 B |
7
res/asset-sitewide-nav-threads.svg
Normal file
7
res/asset-sitewide-nav-threads.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="800" height="800" version="1.1" viewBox="0 0 800 800" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<path class="st0" transform="matrix(.8 0 0 .8 48.84 0)" d="m446.7 1e3h-0.3c-149.2-1-263.9-50.2-341-146.2-68.5-85.5-103.9-204.4-105.1-353.4v-0.7c1.2-149.1 36.6-267.9 105.2-353.4 77-96.1 191.8-145.3 340.9-146.3h0.6c114.4 0.8 210.1 30.2 284.4 87.4 69.9 53.8 119.1 130.4 146.2 227.8l-85 23.7c-46-165-162.4-249.3-346-250.6-121.2 0.9-212.9 39-272.5 113.2-55.7 69.5-84.5 169.9-85.6 298.5 1.1 128.6 29.9 229 85.7 298.5 59.6 74.3 151.3 112.4 272.5 113.2 109.3-0.8 181.6-26.3 241.7-85.2 68.6-67.2 67.4-149.7 45.4-199.9-12.9-29.6-36.4-54.2-68.1-72.9-8 56.3-25.9 101.9-53.5 136.3-36.9 45.9-89.2 71-155.4 74.6-50.1 2.7-98.4-9.1-135.8-33.4-44.3-28.7-70.2-72.5-73-123.5-2.7-49.6 17-95.2 55.4-128.4 36.7-31.7 88.3-50.3 149.3-53.8 44.9-2.5 87-0.5 125.8 5.9-5.2-30.9-15.6-55.5-31.2-73.2-21.4-24.4-54.5-36.8-98.3-37.1h-1.2c-35.2 0-83 9.7-113.4 55l-73.2-49.1c40.8-60.6 107-94 186.6-94h1.8c133.1 0.8 212.4 82.3 220.3 224.5 4.5 1.9 9 3.9 13.4 5.9 62.1 29.2 107.5 73.4 131.4 127.9 33.2 75.9 36.3 199.6-64.5 298.3-77.1 75.4-170.6 109.5-303.2 110.4zm41.8-487.1c-10.1 0-20.3 0.3-30.8 0.9-76.5 4.3-124.2 39.4-121.5 89.3 2.8 52.3 60.5 76.6 116 73.6 51-2.7 117.4-22.6 128.6-154.6-28.2-6.1-59.1-9.2-92.3-9.2z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
14
res/asset-sitewide-nav-twitch.svg
Normal file
14
res/asset-sitewide-nav-twitch.svg
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="2800" height="2800" version="1.1" viewBox="0 0 2800 2800" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<title>Asset 3</title>
|
||||
<g transform="translate(200)">
|
||||
|
||||
<path class="st0" d="m500 0-500 500v1800h600v500l500-500h400l900-900v-1400zm1700 1300-400 400h-400l-350 350v-350h-450v-1500h1600z"/>
|
||||
<rect class="st0" x="1700" y="550" width="200" height="600"/>
|
||||
<rect class="st0" x="1150" y="550" width="200" height="600"/>
|
||||
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 553 B |
4
res/asset-sitewide-nav-twitter.svg
Normal file
4
res/asset-sitewide-nav-twitter.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="800" height="800" fill="#ffffff" version="1.1" viewBox="0 -2 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m6.29 16c7.547 0 11.675-6.1564 11.675-11.495 0-0.1753 0-0.3496-0.012-0.5228 0.803-0.5711 1.496-1.2799 2.047-2.0912-0.748 0.3269-1.543 0.5415-2.356 0.636 0.856-0.5051 1.497-1.2986 1.804-2.2349-0.806 0.4706-1.687 0.8024-2.606 0.9806-1.554-1.6265-4.153-1.7052-5.806-0.1752-1.065 0.9865-1.518 2.4574-1.187 3.8603-3.299-0.1634-6.373-1.6973-8.457-4.2207-1.089 1.846-0.532 4.207 1.271 5.3924-0.653-0.019-1.292-0.192-1.863-0.5051v0.051c1e-3 1.9228 1.378 3.5788 3.292 3.9598-0.604 0.1625-1.238 0.1861-1.852 0.069 0.537 1.6462 2.078 2.7735 3.833 2.806-1.453 1.1243-3.248 1.7347-5.096 1.7328-0.326 0-0.652-0.02-0.977-0.058 1.877 1.1854 4.06 1.8145 6.29 1.8115" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 844 B |
7
res/asset-sitewide-nav-youtube.svg
Normal file
7
res/asset-sitewide-nav-youtube.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="240" height="240" fill="#ffffff" version="1.1" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg">
|
||||
<clipPath>
|
||||
<path d="m0 192h192v-192h-192z"/>
|
||||
</clipPath>
|
||||
<path transform="matrix(1.3607 0 0 -1.3607 95.507 155.61)" d="m0 0v52.338l46-26.17zm102.32 68.806c-2.024 7.622-7.988 13.624-15.56 15.661-13.725 3.702-68.762 3.702-68.762 3.702s-55.037 0-68.762-3.702c-7.572-2.037-13.536-8.039-15.56-15.661-3.678-13.814-3.678-42.637-3.678-42.637s0-28.822 3.678-42.637c2.024-7.622 7.988-13.624 15.56-15.662 13.725-3.701 68.762-3.701 68.762-3.701s55.037 0 68.762 3.701c7.572 2.038 13.536 8.04 15.56 15.662 3.678 13.815 3.678 42.637 3.678 42.637s0 28.823-3.678 42.637"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 724 B |
BIN
res/img-404-errorlogo.avif
Normal file
BIN
res/img-404-errorlogo.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
res/img-404-errorlogo.png
Normal file
BIN
res/img-404-errorlogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
BIN
res/img-404-errorlogo.webp
Normal file
BIN
res/img-404-errorlogo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
res/img-artchive-artwork.avif
Normal file
BIN
res/img-artchive-artwork.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
res/img-artchive-artwork.jpg
Normal file
BIN
res/img-artchive-artwork.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
BIN
res/img-artchive-artwork.webp
Normal file
BIN
res/img-artchive-artwork.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
BIN
res/img-artchive-mirror.avif
Normal file
BIN
res/img-artchive-mirror.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
res/img-artchive-mirror.jpg
Normal file
BIN
res/img-artchive-mirror.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
res/img-artchive-mirror.webp
Normal file
BIN
res/img-artchive-mirror.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
res/img-artchive-poetry.avif
Normal file
BIN
res/img-artchive-poetry.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
res/img-artchive-poetry.jpg
Normal file
BIN
res/img-artchive-poetry.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
res/img-artchive-poetry.webp
Normal file
BIN
res/img-artchive-poetry.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
res/img-artwork-42.avif
Normal file
BIN
res/img-artwork-42.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
res/img-artwork-42.jpg
Normal file
BIN
res/img-artwork-42.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 254 KiB |
BIN
res/img-artwork-42.webp
Normal file
BIN
res/img-artwork-42.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
res/img-artwork-7140.avif
Normal file
BIN
res/img-artwork-7140.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9 KiB |
BIN
res/img-artwork-7140.jpg
Normal file
BIN
res/img-artwork-7140.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 182 KiB |
BIN
res/img-artwork-7140.webp
Normal file
BIN
res/img-artwork-7140.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
res/img-artwork-draft.avif
Normal file
BIN
res/img-artwork-draft.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
res/img-artwork-draft.jpg
Normal file
BIN
res/img-artwork-draft.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 248 KiB |
BIN
res/img-artwork-draft.webp
Normal file
BIN
res/img-artwork-draft.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 151 KiB |
BIN
res/img-artwork-eye.avif
Normal file
BIN
res/img-artwork-eye.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
res/img-artwork-eye.jpg
Normal file
BIN
res/img-artwork-eye.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
BIN
res/img-artwork-eye.webp
Normal file
BIN
res/img-artwork-eye.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
BIN
res/img-artwork-faceshop.avif
Normal file
BIN
res/img-artwork-faceshop.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
BIN
res/img-artwork-faceshop.jpg
Normal file
BIN
res/img-artwork-faceshop.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 445 KiB |
BIN
res/img-artwork-faceshop.webp
Normal file
BIN
res/img-artwork-faceshop.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 296 KiB |
BIN
res/img-artwork-portal.avif
Normal file
BIN
res/img-artwork-portal.avif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
res/img-artwork-portal.jpg
Normal file
BIN
res/img-artwork-portal.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
res/img-artwork-portal.webp
Normal file
BIN
res/img-artwork-portal.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue