Initial Upload
This commit is contained in:
NNWHEN
commit
b97d271223
210 changed files with 8772 additions and 0 deletions
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 |
Loading…
Add table
Add a link
Reference in a new issue