commit b97d271223aa9e25c73fd2e9ca851cb72b7b5203a3e7e43593f646ac3e02ef3a Author: NNWHEN Date: Fri Jan 10 22:32:49 2025 +0200 Initial Upload diff --git a/404.html b/404.html new file mode 100644 index 0000000..029b525 --- /dev/null +++ b/404.html @@ -0,0 +1,86 @@ + + + + + + + + + + + + + \n\n + + +
+ + +
+ +
+

P A N I K

+
+

>> 404 404 404 404 <<

+
+

You have encountered a non-existent page

+
+

+ ↩ Go Home +

+
+ + diff --git a/README.md b/README.md new file mode 100644 index 0000000..413a9c1 --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# nnwhen.com + +My website source code at https://nnwhen.com \ No newline at end of file diff --git a/ai.txt b/ai.txt new file mode 100644 index 0000000..45a83f7 --- /dev/null +++ b/ai.txt @@ -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: * \ No newline at end of file diff --git a/archive.html b/archive.html new file mode 100644 index 0000000..2f36ffe --- /dev/null +++ b/archive.html @@ -0,0 +1,225 @@ + + + + + + + + + + + + + + + + + NN//Archive + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+
+

The Artchive

+
+
+ +

Artworks

+

Selected works of my art-imagery

+ + + + + + + +
+ +
+ +

Poetry

+

My Word Art

+ + + + + + + +
+ +
+ +

Mirror

+

Currently unavailable

+ + + + + + + +
+
+
+
+ + + + diff --git a/artwork.html b/artwork.html new file mode 100644 index 0000000..cd922c7 --- /dev/null +++ b/artwork.html @@ -0,0 +1,277 @@ + + + + + + + + + + + + + + + + + NN//Art + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+
+

Artwork

+
+
+

'rings'

+ + + + Low-contrast image of text, diamonds and other textures + +
+ +
+

'42'

+ + + + The right-half of the image blue with a 42. The main subject is obscured and blurry + +
+ +
+

'faceshop'

+ + + + + Grey, Blue and Pink image of a face; framed by a box, glitches and doodles + +
+ +
+

'portal'

+ + + + An elevator with a green glow and a white smoke-like trail within + +
+ +
+

'radio'

+ + + + An image of a person sitting silhouetted to the camera with a styled Gregorian 'Jani' over their face + +
+ +
+

'eye'

+ + + + Grungy duotone image of dark and light grey with an abstract symbol + +
+ +
+

'7140'

+ + + + A pastel pink image with soft cyan shapes and a lone line and blotch of white paint + +
+ +
+

'draft'

+ + + + The inverted nnwhen logo superimposed on glitched image of an arm. The draft logo for nnwhen + +
+
+
+
+ + + + diff --git a/blog/2024-08-18-review-redemption-tour-klein.html b/blog/2024-08-18-review-redemption-tour-klein.html new file mode 100644 index 0000000..e789b0e --- /dev/null +++ b/blog/2024-08-18-review-redemption-tour-klein.html @@ -0,0 +1,263 @@ + + + + + + + + + + + + + + + + + + NN//B/R/review-redemption-tour-klein + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+
+
+

+ + redemption tour - Klein + +

+

5/5

+
+ + + + + +
+
+
+
+

+ 'redemption tour' is a song I come back to over and over again. +

+

+ Encountering the song for the first time was a beautiful experience. I + fell in love with the production and atmosphere of the song instantly. +

+

+ 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 + 'redemption tour' 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. +

+

+

+ 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. +

+

+ It is a track that sits remarkably well in the negative-space within any + emotional state I am in: +

+ +

+ As I write this, I discover there are lyrics listed on her + + Bandcamp release of the track, 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. +

+

+ All-in-all, 'redemption tour' is a track that enhances the + experience of the moment. Whatever it is I am to feel, this track + is sure to multiply and encourage me to experience the happening in full + sincerity.
+ Something, I find, to be so very important in our current world full of + irony-poisoning. +

+
+
+ + + + + diff --git a/blog/2024-09-20-nn-music-recommendations.html b/blog/2024-09-20-nn-music-recommendations.html new file mode 100644 index 0000000..887680d --- /dev/null +++ b/blog/2024-09-20-nn-music-recommendations.html @@ -0,0 +1,258 @@ + + + + + + + + + + + + + + + + + + NN//B/Music-Recommendations + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+
+

Music Recommendations

+
+

+ 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. +

+

Legend:

+ +

The List:

+

Beautiful; Soft

+ + + + + + + + + + + + + + + + + + + + + + + + +
KeyNameArtistLinks
{A}ObsidianBaths + [A] + [B] + [S] + [Y] +
{A}Turning SilverSirius + [A] + [B] + [S] + [Y] +
+
+
+ + + + + + diff --git a/blog/2024-09-28-about-me.html b/blog/2024-09-28-about-me.html new file mode 100644 index 0000000..0544e54 --- /dev/null +++ b/blog/2024-09-28-about-me.html @@ -0,0 +1,400 @@ + + + + + + + + + + + + + + + + + + NN//B/About-Me + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+
+

About Me

+
+
+ +

The Short Version

+ + +
+
+ +

The Long Version

+

'I am nnwhen'

+

+ 'nnwhen' would be best described as:
+ a moniker; a veil; a pseudonym; a body. +
+ The name I take in meatspace is different to the name I take here: + nnwhen is bodiless euphoria. +

+

+ The name was chosen in response to and inspired by: my intuition as well + as digital formatting errors. +

+

My intuition?

+

+ Yes.
+ The sound of 'nnwhen' (ɛnɛnwɛn) when spoken and the + symmetry of the letter 'n' on either side felt right. +

+ +

Formatting Errors?

+

+ 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.
+ It wasn't. At least not intentionally... +

+

+ You see, '\n' is an + escape sequence. Simply, it is the computer's equivalent to the Enter key: a new line; + \n; newline. +

+ +

+ 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". +

+ + + + + + +
"\n\nwhen""nnwhen"
+ +

A glitch; an error.

+ +

'I make Music and Other-Art'

+

+ The main focus of this site is my passion for the + music I make. The aim + of this site being a repository and CV for those who are looking for + Soundtracking and Sound Design.
+ Though I cannot completely disentangle the rest of my art from my music. +

+ +

+ As for Other-Art: my imagery, + my poetry, + my blog + and little experimental things (like this website itself) also make an + appearance. +

+ +

'I am part of Umbutho WokuThintana'

+ +

+ Umbutho WokuThintana
+ + Phantsi noHlelo, phantsi!
+ Singumbutho wabaqambi abasebenzela ubuciko obuningi, kuqukethe inoveli + yesiZulu yohlobo lweSci-Fi; umdlalo weshashalazi; ifilimu; umbukiso + ozwakalayo: “UkuThintana”. +
+ Singababonanhle ngokwemvelo. Singabazimelegeqe neziphekulankuni + ngokwezenzo. Impokophelo yethu ngumPhakathi. + +

+ +

+ The Contact Collective
+ + Down with the System, down!
+ We are a Collective of Creatives working on an isiZulu Sci-Fi novel; + theatre piece; film; audio-visual experience: "UkuThintana". +
+ Optimistic in Nature. Anarchist in Practice. Our goal is Community. + +

+ +

+ The Contact Collective - Umbutho WokuThintana - is an Artist + Collective +

+

+ I take on many roles within this Anarchic Collective; though my official + job + - a 'job' as 'official' as anarchism could allow + - + is 'Creative Lead' and 'Production Manager'. +

+

I take care of:

+ + +

Links for The Collective:

+ + + + + + + + + + + + + + + + +
+ Instagram + + TikTok + + Website +
//--//
+ Ko-Fi + + Facebook + + Twitter +
+
+ + +
+
+ + + + + + diff --git a/blog/blog-post-template.html b/blog/blog-post-template.html new file mode 100644 index 0000000..e634cfb --- /dev/null +++ b/blog/blog-post-template.html @@ -0,0 +1,170 @@ + + + + + + + + + + + + + + + + + + NN//B/Template + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+
+

Something about music

+
+ +
+
+ + + + + + diff --git a/blog/blog-style.css b/blog/blog-style.css new file mode 100644 index 0000000..de1e083 --- /dev/null +++ b/blog/blog-style.css @@ -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); +} diff --git a/blog/index.html b/blog/index.html new file mode 100644 index 0000000..ac05f7a --- /dev/null +++ b/blog/index.html @@ -0,0 +1,190 @@ + + + + + + + + + + + + + + + + + + NN//Blog + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

BLOG-SPACE

+ + +
+

Expansion on '20240830-PiecesOfMeInMagneticForm'

+

Why, What and How? An excuse to write.

+

2024-08-30

+
+ + + +
+

Review: Klein's "redemption tour"

+

One of my all time favourites.

+

2024-08-18

+
+ + + + + +
+
+ +
+ + + + diff --git a/blog/music-review-template.html b/blog/music-review-template.html new file mode 100644 index 0000000..e586e1f --- /dev/null +++ b/blog/music-review-template.html @@ -0,0 +1,246 @@ + + + + + + + + + + + + + + + + + + NN//B/R/review-TTTT-AAAA + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+
+
+

+ + TTTT - AAAA + +

+

1.5/5

+
+ + + +
+
+
+
+

+ 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. +

+

+ 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. +

+ + +

+ 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. +

+
+
+ + + + + + diff --git a/blog/pieces-of-me-in-magnetic-form.html b/blog/pieces-of-me-in-magnetic-form.html new file mode 100644 index 0000000..91b0efa --- /dev/null +++ b/blog/pieces-of-me-in-magnetic-form.html @@ -0,0 +1,348 @@ + + + + + + + + + + + + + + + + + + NN//B/Pieces-Of-Me-In-Magnetic-Form + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+
+

+ Pieces Of Me In Magnetic Form +

+ +
+ + + +
+ +

Background:

+

+ 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. +

+ +

+ On 30 Aug 2024 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. + Perfect. +

+
+ +

Let me state my Agenda explicitly:

+ +

+ 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. + This blog-post is about what proactive steps I take to make sure + that never happens. And why I think it's important for you to find your + own methods too. +

+ +

The Why:

+ +

+ 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. +

+

+ 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. + My problem is: Sticking to my decision to make something and + committing to putting my creations out into the world. +

+ +

The What:

+

+ + '20240830-PiecesOfMeInMagneticForm' + + was an intentional choice to engage in an intuitive and somewhat manic + act of music creation. The goal being: + To create a 'completed' piece of art within a day, + pushing past perfectionism, and having full faith in the + process. + 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. +

+ +

The How:

+

+ 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, being 'cringe'. I kept this in mind. + I made sure I intentionally usurped that fear. + I must be afraid and do it anyway. +

+

+ 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. + It wasn't long until the arrangement became something I couldn't help + but find fascinating. + I am still genuinely surprised at the coherent and beautiful story it + became. +

+
+ +
+

Credits and Contexts:

+
+
+

+ 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. +

+ +

+ Neptune Frost +

+

+ Neptune Frost was what made up the backbone of + the last track. I remember watching this with a friend of mine. I really enjoyed it, + they adored it. +

+ +

+ Doddodo live @ Grrrnd Zero +

+

+ This didn't actually make it into the EP despite me having sampled it on + my PiecesOfMeInMagneticForm tape. Doddodo has been great + inspiration with regards to making messy and fun music. I first found + her + '口の運動 / exciesise of mouth' + track, which remains my absolute favourite. +

+ +
+
+

+ As it turns out, most of this EP was random static and my friends + chatting shit. Hope you enjoyed it! +

+
+
+ + + + + + diff --git a/blog/res/2024-08-18-review-redemption-tour-klein.jpg b/blog/res/2024-08-18-review-redemption-tour-klein.jpg new file mode 100644 index 0000000..f79807a Binary files /dev/null and b/blog/res/2024-08-18-review-redemption-tour-klein.jpg differ diff --git a/feed.xml b/feed.xml new file mode 100644 index 0000000..177884b --- /dev/null +++ b/feed.xml @@ -0,0 +1,52 @@ + + + + nnwhen + Blog and Thought-Box of nnwhen + + + 2024-08-17T20:03:14Z + + /resources/favicon.png + + + nnwhen + contact@nnwhen.com + + https://nnwhen.com/ + + + https://nnwhen.com/blog/2024-08-18-review-redemption-tour-klein + nnwhen: Review of Klein's 'redemption tour' + 2024-08-18T22:47:14Z + + + + + NN's review of 'redemption tour' by Klein: 5/5 - One of my all-time favourites. + + + + + 2024-08-18T20:03:14Z + + + + https://nnwhen.com/blog/pieces-of-me-in-magnetic-form + nnwhen: Expansion on my EP, '20240830-PiecesOfMeInMagneticForm' + 2024-08-30T22:10:14Z + + + + + NN talks about Why, What and How they made '20240830-PiecesOfMeInMagneticForm' + + + + + 2024-08-30T22:10:14Z + + + \ No newline at end of file diff --git a/free.css b/free.css new file mode 100644 index 0000000..3e4fefe --- /dev/null +++ b/free.css @@ -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; + } +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..6f3f6ec --- /dev/null +++ b/index.html @@ -0,0 +1,221 @@ + + + + + + + + + + + + + + + + + nnwhen + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+ + + + An image of nnwhen; their face obscured with paints + +

It/Its; They/Them; Noi/Noise

+
+
+

I am nnwhen

+

+ I also Honor / Co-Opt + 'nwhen', 'when'; Sometimes 'nn' +

+

+ + My Body / Music is stored here + +
+ + I Write / Die within these walls + +
+ Study / Bury me here + +

+

+ I am a Proponent / Result of art
+ nnwhen is bodiless euphoria +

+ + +
+
+ + + + diff --git a/mirror.html b/mirror.html new file mode 100644 index 0000000..89dd299 --- /dev/null +++ b/mirror.html @@ -0,0 +1,217 @@ + + + + + + + + + + + + + + + + + NN//Mirror + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +

+ The Mirror +

+
+ +
+ + + + diff --git a/moye.html b/moye.html new file mode 100644 index 0000000..cf2206c --- /dev/null +++ b/moye.html @@ -0,0 +1,36 @@ + + + + + + + + + + + + + \r\n + + +
+

+ You are currently being redirected
+ If it takes too long +

+ Click Here +
+ +
+
+ +
+

+ Do you want to Go Home instead? +

+
+ + diff --git a/our-siblings.html b/our-siblings.html new file mode 100644 index 0000000..d325df5 --- /dev/null +++ b/our-siblings.html @@ -0,0 +1,465 @@ + + + + + + + + + + + + + + + + + + NN//Praxis + + + + + + + + + + + + + + + + + + +
+ + +
+ +

+ None Are Free Until We Are All Free +

+
+
+

+ Direct Action +

+ + + + +
+ +
+

Falastin

+ +
+ +
+

Sudan

+ +
+ +
+

Ethiopia

+ +
+ +
+

Congo

+ +
+ +
+

Nigeria

+ +
+ +
+

Covid

+ +
+ +
+

Misc.

+ +
+
+ + diff --git a/poetry/an-obsidian.html b/poetry/an-obsidian.html new file mode 100644 index 0000000..ae96ea6 --- /dev/null +++ b/poetry/an-obsidian.html @@ -0,0 +1,192 @@ + + + + + + + + + + + + + + + + + + NN//P/An-Obsidian + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

An Obsidian

+
+
+

+ I was Obsidian
+ A pitch-black Oblivion +

+

+ "I'd grab you like this" -
+ And I was tugged by the belt buckle
+ His hands wandered to places he's been near before
+ But it was when he brushed my sternum that I shook the most +

+

+  "..."
+ My mouth opened
+  " - "
+ And when it closed his close-shaven head turned away
+ "You wouldn't like that though, would you?" +

+

+ no
+  not really +

+
+

+ Then we wept
+ The whole time refusing to look me in the eyes
+ In my stupid fucking crying eyes +

+
+
+ + + + diff --git a/poetry/blackened-dust.html b/poetry/blackened-dust.html new file mode 100644 index 0000000..39b9f42 --- /dev/null +++ b/poetry/blackened-dust.html @@ -0,0 +1,221 @@ + + + + + + + + + + + + + + + + + + NN//P/Blackened-Dust + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

Blackened Dust

+
+
+

+ It is entirely unassuming
+ The heap of blackened dust sits ever-silent in the vase +

+

+ The urge to blow it into a thin mist of ash up in the air arises
+ I press it into the back of my skull +

+

...

+

The silence from it scares me

+

+ He was never silent
+ Never silent until now
+ He never had so little passion
+ Never so little until now
+ He never stopped enriching our lives
+ Never stopped until now +

+

+ A rebellious child when rebelling against house rules makes for a + stressed mother
+ When it's against the empire, it makes for a broken one +

+

+ He knew he would get himself killed
+ He knew the whole way through
+ He knew it until he knew it firsthand +

+

He died knowing it

+
+

+ I feel him comforting me: the ash smiles a sad smile to me
+ The ash sighs a soft sigh to me
+ The ash loves a soft love for me +

+

+ I am beyond too old to continue what he started.
+ My little body cannot hold his anger
+ My bones too broken and too shrivelled to carry his weight
+ I stand hunched and too short to fly his flag +

+

  However

+

+ The young who surround me, their hands on my shoulders, their eyes on my + son in my hands.
+ They are filled with his anger.
+ Their bones are bolstered with his immense strength.
+ They stand tall, bold and ready to fly his flag. +

+

+ And in that moment I know the change my boy has brought.
+ My boy sits in his vase and knows it too. +

+
+
+ + + + diff --git a/poetry/brazen-word-token-i.html b/poetry/brazen-word-token-i.html new file mode 100644 index 0000000..f63954a --- /dev/null +++ b/poetry/brazen-word-token-i.html @@ -0,0 +1,186 @@ + + + + + + + + + + + + + + + + + + NN//P/Brazen-Word-Token-I + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

Brazen Word (Token I)

+
+
+

The bang came fast. You dither - robbed of senses.

+

+ Inland Empire: "In your eye: Nurseries, children; You. What would + it take to go back there? Back to then." +

+

Resolve: "That place is no more. Focus."

+

Limbic System: "Breathe."

+

+ Vapours choke your lungs. Acrid gunpowder, kicked up dust
+ - blood.
+ The Metal-Thing sits heavy in your hands. +

+
+
+ + + + diff --git a/poetry/crackle.html b/poetry/crackle.html new file mode 100644 index 0000000..5f4e1b4 --- /dev/null +++ b/poetry/crackle.html @@ -0,0 +1,191 @@ + + + + + + + + + + + + + + + + + + NN//P/Crackle + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

Crackle

+
+
+

+ The radio crackling.
+ Speaker like gaping mouth – lungs deflating
+ Words push disjointed polyrhythms +

+

+ Radiation clicks the static stripping layers from drums
+ Needles black, white and blue noise into my back
+   image push through hertz
+ Glare throws my reflection in place
+ X marks the spot – aimed to kill me
+

+

+   COAT HANGAR – hood and tarp
+ Under shoulder blades tendon wrench
+   Hi hat opens – hit 1/8
+     Lengthening white–noise prickle at fascia +

+

+ granulargranulargranulargranular
+  Into my skin
+   Bubbles dug and craters made +

+
+
+ + + + diff --git a/poetry/destroy-the-map.html b/poetry/destroy-the-map.html new file mode 100644 index 0000000..524cb53 --- /dev/null +++ b/poetry/destroy-the-map.html @@ -0,0 +1,230 @@ + + + + + + + + + + + + + + + + + + NN//P/Destroy-The-Map + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

Destroy The Map

+
+
+

+ Destroy the map. Who, blinding line, send you spiralling.
+ Crush paper, meaning and intent.
+ Poisoned sea, words of water. +

+

+ No hum, the whispers erupt from Mastoid
+ Inprint, scarred art whittled on arm
+ Whale bone charms, canals. Ear and lock +

+

+ Invalue on.
+ Drenched in hydrochloric
+ Ossien
+ Distraught taut tendon +

+

+ No fear
+ Wrought and inundated +

+

The silence will ruin you

+ +

↚

+ +

+ the send the Mastoid Inprint, on
+ send spiralling. Crush paper, of hum, ruin you +

+

+ you sea, the canals. silence
+ Who, send and sea, hum, tendon No you
+ map. intent. Poisoned sea, charms, in +

+

meaning whittled on arm Whale canals. lock Invalue on. Drenched

+ +

↛

+ +

+ Intent you whittled.
+ No charms ear canals invalue words; +

+

+ Silence and lock;
+ Scarred send will and. +

+

+ From on fear mastoid map tendon spiralling line the in arm of art bone + wrought distraught.
+ Inundated ossien poisoned; +

+

+ Hum meaning;
+ Who water paper whispers ruin no and taut crush inprint whale the + drenched blinding sea.
+ On you erupt the destroy hydrochloric +

+
+
+ + + + diff --git a/poetry/i-am-art.html b/poetry/i-am-art.html new file mode 100644 index 0000000..f1a9dda --- /dev/null +++ b/poetry/i-am-art.html @@ -0,0 +1,226 @@ + + + + + + + + + + + + + + + + + + NN//P/I-am-art + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

I am art

+
+
+

+ I am art
+ Art art and canvas
+ Spray me with droplets of paint
+ Glow and splatter and shatter my frame
+ Cool wires and coiled flame
+ Send pulses through me
+ Retinas blister - I want to see slave
+ Drum drum on them and send needles through skin
+ Leather straps enter body like foreign objects
+ Break bones, shift form
+ Hang from atop and swing up way down
+ Drip on frayed layers, between fingers and hum
+ My body is canvas, my life: display
+ Paint paint paint paint on canvas
+ Drop angle, pray +

+ +

+ Computer - machine
+ Send my life into electronic dream
+ Exist to estrange
+ Token and broken and working none a day
+ Twirl twirl +

+ +

+ Poison — array
+ I am machine
+ I am a way
+ Send send signal / send hand and a play
+ The theory the theory of that
+ Jdjdjdkdkdititirifjfusoowhvihfhdhjwkjujdjes
+ Didiiruurujjdjjjjjjjj +

+ +

+ Colour color and kitten lay
+ Rae
+ Uh
+ Burn +

+ +
+ +

+ There is underlain bass — overload and overtone
+ Hear until silence the same
+ Thrhre release
+ I am arrt
+ Art art and canvas
+ Split my fingers my fingers and hey +

+ +

+ Doddodododdodododdodo
+ Ahhahhaa +

+
+
+ + + + diff --git a/poetry/index.html b/poetry/index.html new file mode 100644 index 0000000..6b5f1b6 --- /dev/null +++ b/poetry/index.html @@ -0,0 +1,219 @@ + + + + + + + + + + + + + + + + + + NN//Poetry + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +

+ Poetry +

+
+

Purple Haze

+
    +
  1. + Red and Purple and Amber and Black +
    2. +
+ +

Red Planet

+
    +
  1. + Into The Dunes +
    2. +
  2. + Blackened Dust +
    3. +
+ +

Non-Series Poems

+ + +

More Experimental Than Usual

+ +
+ + + + diff --git a/poetry/inspiring.html b/poetry/inspiring.html new file mode 100644 index 0000000..4de06a4 --- /dev/null +++ b/poetry/inspiring.html @@ -0,0 +1,185 @@ + + + + + + + + + + + + + + + + + + NN//P/Inspiring + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

Inspiring

+
+
+

You've always been most inspiring when what you did was beyond me

+

+ >/ ...
+ "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." +

+

+ I OPEN THE DOOR
+ I CLOSE THE DOOR
+ I AM THE DOOR
+   i missed it +

+

+ BesideNNBesideNN
+   Where the — — +

+

thinking a lot about the point of <<\\\>>

+
+
+ + + + diff --git a/poetry/into-the-dunes.html b/poetry/into-the-dunes.html new file mode 100644 index 0000000..bfefc81 --- /dev/null +++ b/poetry/into-the-dunes.html @@ -0,0 +1,202 @@ + + + + + + + + + + + + + + + + + + NN//P/Into-The-Dunes + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

Into The Dunes

+
+
+

  run

+

Into the dunes I run

+

+ Trailed by 5 dark blotches into an unending sand
+ With an unrelenting sun
+   irradiating the landscape till it dances +

+

+ My tongue lies dumb in my mouth
+   Fat and useless +

+

+ If words could help me now I'd only muster a single string of + incoherence +

+

Hearing finally escapes me

+

+ Tiny little jabs push at my back like little lines that shove me forward + and nearly drop me to my knees +

+

+ I find that a number of new little holes litter my chest
+ Mini inverted craters - or volcanoes
+   They are bursting with red hot lava +

+

+ The ground falls from my feet?
+ Slowly spinning, I see the horizon shift from its usual place to - + entirely vertical +

+

+ The sand slams my skull
+   I have no choice but to watch the sky +

+
+
+ + + + diff --git a/poetry/poem-style.css b/poetry/poem-style.css new file mode 100644 index 0000000..d53ff2f --- /dev/null +++ b/poetry/poem-style.css @@ -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; +} diff --git a/poetry/red-and-purple-and-amber-and-black.html b/poetry/red-and-purple-and-amber-and-black.html new file mode 100644 index 0000000..2276ad2 --- /dev/null +++ b/poetry/red-and-purple-and-amber-and-black.html @@ -0,0 +1,231 @@ + + + + + + + + + + + + + + + + + + NN//P/Red-and-Purple-and-Amber-and-Black + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

Red and Purple and Amber and Black

+
+
+

+ The winch creaks
+ Bore more weight than we thought
+ Day in
+ Day out
+ We lift bodies from barges and rivers and reeds +

+

Comrades find comrades

+

+ Ache
+ My arms pull, grapple and pull
+  More corpses
+   More remains +

+

+ "Violet Rot"
+ If their lungs haven't burst they'll overflow with Rot
+ The water runs red and purple
+ Red and purple and amber and black +

+

+ Before we go home the preacher man will spray us down
+ "Hands to your face!" He shrieks
+ My face stays buried in my hands
+ I do not break the shield
+ Not until I reach home
+ Down my streets I will walk blind
+ Not until my feet reach my door +

+

+ Then I make it: to my love
+ They wait for me in the dark
+ They do not look at my Rot
+ The purple on my knuckles
+ The purple in my eyes
+ "No, you will not leave me here." +

+

So we lay

+

+ I brace myself to them
+ I pray not to hurt them, gripping so close
+ My eyes wide in a purple haze
+   In the dark +

+

We lay for days

+

+ And when we stand up
+   No longer ourselves
+ We stumble to the river +

+

+ Still holding each other
+    Hand in hand +

+

+ Drawn to the water
+ Red and purple and amber and black +

+

We sink in its cold

+

+ And then we perish
+ And then we Rot +

+
+
+ + + + diff --git a/poetry/stars.html b/poetry/stars.html new file mode 100644 index 0000000..2b3863e --- /dev/null +++ b/poetry/stars.html @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + NN//P/Stars + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

Stars

+
+
+

+ More About This Poem (Not yet done) +

+
+

+ 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 +

+
+

+ 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 +

+
+

+ 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. +

+
+

+ Why, if the stars were not painted for us, would they be placed so + perfectly with us on our backs and hand in hand? +

+
+

+ The way the stars shine now, are unequivocally for us. Were we anywhere + else, they would not be so. +

+
+

+ "Look at the stars. They are so pretty.
+ They are so pretty. They make me think of you" +

+
+
+ + + + diff --git a/poetry/this-will-destroy-you.html b/poetry/this-will-destroy-you.html new file mode 100644 index 0000000..c13d0ee --- /dev/null +++ b/poetry/this-will-destroy-you.html @@ -0,0 +1,181 @@ + + + + + + + + + + + + + + + + + + NN//P/This-Will-Destroy-You + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

This Will Destroy You

+
+
+

This Will Destroy You

+

+ Your word - your waves, I cannot write it.
+ I fear that pen to paper will - like the ink - run my brain dry - and I + will no longer remember you.
+ 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.
+ 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. +

+
+
+ + + + diff --git a/poetry/you-remind-me-of-it.html b/poetry/you-remind-me-of-it.html new file mode 100644 index 0000000..4c675a6 --- /dev/null +++ b/poetry/you-remind-me-of-it.html @@ -0,0 +1,195 @@ + + + + + + + + + + + + + + + + + + NN//P/You-Remind-Me-Of-It + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+

+ ↵ Back +

+
+

You Remind Me Of It

+
+
+

There was an exhaustive Grotowskian dancing.

+

+ When it - by you - was first imparted on me: my most outer layer of mind + recoiled in fear — in shame. +

+

+ When I - to it - coaxed to relax, no longer locked in paralysis, the + vicarious sense: earnest and fervour. +

+

+ Locked eyes now —
+ You smile —
+ betrayed absolutely —
+ without second thought. +

+
+

+ It simply reminds me -
+ of moments not lost,
+ spaces I occupy
+ and the significance thereof. +

+

+ Joy — borne from oneself.
+ Legitimacy and validity inherent. +

+

you remind me of it.

+
+
+ + + + diff --git a/res/asset-blog-emptystar.svg b/res/asset-blog-emptystar.svg new file mode 100644 index 0000000..2081485 --- /dev/null +++ b/res/asset-blog-emptystar.svg @@ -0,0 +1,82 @@ + + + + + + + + + + + + + + + + + + + diff --git a/res/asset-blog-fullstar.svg b/res/asset-blog-fullstar.svg new file mode 100644 index 0000000..effabbe --- /dev/null +++ b/res/asset-blog-fullstar.svg @@ -0,0 +1,4 @@ + + + + diff --git a/res/asset-blog-halfstar.svg b/res/asset-blog-halfstar.svg new file mode 100644 index 0000000..bee13a7 --- /dev/null +++ b/res/asset-blog-halfstar.svg @@ -0,0 +1,96 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/res/asset-blog-music_post.png b/res/asset-blog-music_post.png new file mode 100644 index 0000000..965d3ca Binary files /dev/null and b/res/asset-blog-music_post.png differ diff --git a/res/asset-blog-poetry_post.png b/res/asset-blog-poetry_post.png new file mode 100644 index 0000000..9687d39 Binary files /dev/null and b/res/asset-blog-poetry_post.png differ diff --git a/res/asset-blog-thought_post.png b/res/asset-blog-thought_post.png new file mode 100644 index 0000000..353661f Binary files /dev/null and b/res/asset-blog-thought_post.png differ diff --git a/res/asset-blog-written_post.png b/res/asset-blog-written_post.png new file mode 100644 index 0000000..4badad2 Binary files /dev/null and b/res/asset-blog-written_post.png differ diff --git a/res/asset-font-Inconsolata.woff2 b/res/asset-font-Inconsolata.woff2 new file mode 100644 index 0000000..38413fe Binary files /dev/null and b/res/asset-font-Inconsolata.woff2 differ diff --git a/res/asset-font-NotoSansMono.woff2 b/res/asset-font-NotoSansMono.woff2 new file mode 100644 index 0000000..a5277d0 Binary files /dev/null and b/res/asset-font-NotoSansMono.woff2 differ diff --git a/res/asset-font-Redaction-Regular.woff2 b/res/asset-font-Redaction-Regular.woff2 new file mode 100644 index 0000000..e170388 Binary files /dev/null and b/res/asset-font-Redaction-Regular.woff2 differ diff --git a/res/asset-font-SyneMono-Regular.woff2 b/res/asset-font-SyneMono-Regular.woff2 new file mode 100644 index 0000000..284406d Binary files /dev/null and b/res/asset-font-SyneMono-Regular.woff2 differ diff --git a/res/asset-js-audio.js b/res/asset-js-audio.js new file mode 100644 index 0000000..e7acd59 --- /dev/null +++ b/res/asset-js-audio.js @@ -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); +}); diff --git a/res/asset-sitewide-favicon.avif b/res/asset-sitewide-favicon.avif new file mode 100644 index 0000000..a95dea7 Binary files /dev/null and b/res/asset-sitewide-favicon.avif differ diff --git a/res/asset-sitewide-favicon.png b/res/asset-sitewide-favicon.png new file mode 100644 index 0000000..603934f Binary files /dev/null and b/res/asset-sitewide-favicon.png differ diff --git a/res/asset-sitewide-favicon.webp b/res/asset-sitewide-favicon.webp new file mode 100644 index 0000000..3b05f44 Binary files /dev/null and b/res/asset-sitewide-favicon.webp differ diff --git a/res/asset-sitewide-header-banner.avif b/res/asset-sitewide-header-banner.avif new file mode 100644 index 0000000..757445f Binary files /dev/null and b/res/asset-sitewide-header-banner.avif differ diff --git a/res/asset-sitewide-header-banner.png b/res/asset-sitewide-header-banner.png new file mode 100644 index 0000000..4d02a9a Binary files /dev/null and b/res/asset-sitewide-header-banner.png differ diff --git a/res/asset-sitewide-header-banner.webp b/res/asset-sitewide-header-banner.webp new file mode 100644 index 0000000..e527d08 Binary files /dev/null and b/res/asset-sitewide-header-banner.webp differ diff --git a/res/asset-sitewide-header-ennspace.avif b/res/asset-sitewide-header-ennspace.avif new file mode 100644 index 0000000..7a652c4 Binary files /dev/null and b/res/asset-sitewide-header-ennspace.avif differ diff --git a/res/asset-sitewide-header-ennspace.png b/res/asset-sitewide-header-ennspace.png new file mode 100644 index 0000000..471556c Binary files /dev/null and b/res/asset-sitewide-header-ennspace.png differ diff --git a/res/asset-sitewide-header-ennspace.webp b/res/asset-sitewide-header-ennspace.webp new file mode 100644 index 0000000..306c435 Binary files /dev/null and b/res/asset-sitewide-header-ennspace.webp differ diff --git a/res/asset-sitewide-nav-at.svg b/res/asset-sitewide-nav-at.svg new file mode 100644 index 0000000..14133d1 --- /dev/null +++ b/res/asset-sitewide-nav-at.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/res/asset-sitewide-nav-bandcamp.svg b/res/asset-sitewide-nav-bandcamp.svg new file mode 100644 index 0000000..3640da5 --- /dev/null +++ b/res/asset-sitewide-nav-bandcamp.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/res/asset-sitewide-nav-bluesky.svg b/res/asset-sitewide-nav-bluesky.svg new file mode 100644 index 0000000..8d6d018 --- /dev/null +++ b/res/asset-sitewide-nav-bluesky.svg @@ -0,0 +1,4 @@ + + + + diff --git a/res/asset-sitewide-nav-home.svg b/res/asset-sitewide-nav-home.svg new file mode 100644 index 0000000..3949313 --- /dev/null +++ b/res/asset-sitewide-nav-home.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/res/asset-sitewide-nav-instagram.svg b/res/asset-sitewide-nav-instagram.svg new file mode 100644 index 0000000..6ee1bd9 --- /dev/null +++ b/res/asset-sitewide-nav-instagram.svg @@ -0,0 +1,4 @@ + + + + diff --git a/res/asset-sitewide-nav-kofi.png b/res/asset-sitewide-nav-kofi.png new file mode 100644 index 0000000..3fd38ca Binary files /dev/null and b/res/asset-sitewide-nav-kofi.png differ diff --git a/res/asset-sitewide-nav-linkedin.svg b/res/asset-sitewide-nav-linkedin.svg new file mode 100644 index 0000000..f12aef6 --- /dev/null +++ b/res/asset-sitewide-nav-linkedin.svg @@ -0,0 +1,4 @@ + + + + diff --git a/res/asset-sitewide-nav-mail.svg b/res/asset-sitewide-nav-mail.svg new file mode 100644 index 0000000..3a188aa --- /dev/null +++ b/res/asset-sitewide-nav-mail.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/res/asset-sitewide-nav-mastodon.svg b/res/asset-sitewide-nav-mastodon.svg new file mode 100644 index 0000000..9efe01c --- /dev/null +++ b/res/asset-sitewide-nav-mastodon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/res/asset-sitewide-nav-rss.svg b/res/asset-sitewide-nav-rss.svg new file mode 100644 index 0000000..8aaa740 --- /dev/null +++ b/res/asset-sitewide-nav-rss.svg @@ -0,0 +1,6 @@ + + + rss [#1028] + Created with Sketch. + + diff --git a/res/asset-sitewide-nav-soundcloud.svg b/res/asset-sitewide-nav-soundcloud.svg new file mode 100644 index 0000000..0825a51 --- /dev/null +++ b/res/asset-sitewide-nav-soundcloud.svg @@ -0,0 +1,4 @@ + + + + diff --git a/res/asset-sitewide-nav-threads.svg b/res/asset-sitewide-nav-threads.svg new file mode 100644 index 0000000..867ddaa --- /dev/null +++ b/res/asset-sitewide-nav-threads.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/res/asset-sitewide-nav-twitch.svg b/res/asset-sitewide-nav-twitch.svg new file mode 100644 index 0000000..a73f339 --- /dev/null +++ b/res/asset-sitewide-nav-twitch.svg @@ -0,0 +1,14 @@ + + + +Asset 3 + + + + + + + + diff --git a/res/asset-sitewide-nav-twitter.svg b/res/asset-sitewide-nav-twitter.svg new file mode 100644 index 0000000..98aacb9 --- /dev/null +++ b/res/asset-sitewide-nav-twitter.svg @@ -0,0 +1,4 @@ + + + + diff --git a/res/asset-sitewide-nav-youtube.svg b/res/asset-sitewide-nav-youtube.svg new file mode 100644 index 0000000..0a2be1e --- /dev/null +++ b/res/asset-sitewide-nav-youtube.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/res/img-404-errorlogo.avif b/res/img-404-errorlogo.avif new file mode 100644 index 0000000..4686615 Binary files /dev/null and b/res/img-404-errorlogo.avif differ diff --git a/res/img-404-errorlogo.png b/res/img-404-errorlogo.png new file mode 100644 index 0000000..dc8552e Binary files /dev/null and b/res/img-404-errorlogo.png differ diff --git a/res/img-404-errorlogo.webp b/res/img-404-errorlogo.webp new file mode 100644 index 0000000..ed7f735 Binary files /dev/null and b/res/img-404-errorlogo.webp differ diff --git a/res/img-artchive-artwork.avif b/res/img-artchive-artwork.avif new file mode 100644 index 0000000..49b8f2b Binary files /dev/null and b/res/img-artchive-artwork.avif differ diff --git a/res/img-artchive-artwork.jpg b/res/img-artchive-artwork.jpg new file mode 100644 index 0000000..6e2caec Binary files /dev/null and b/res/img-artchive-artwork.jpg differ diff --git a/res/img-artchive-artwork.webp b/res/img-artchive-artwork.webp new file mode 100644 index 0000000..a6bf8a1 Binary files /dev/null and b/res/img-artchive-artwork.webp differ diff --git a/res/img-artchive-mirror.avif b/res/img-artchive-mirror.avif new file mode 100644 index 0000000..528efa4 Binary files /dev/null and b/res/img-artchive-mirror.avif differ diff --git a/res/img-artchive-mirror.jpg b/res/img-artchive-mirror.jpg new file mode 100644 index 0000000..1dbbf37 Binary files /dev/null and b/res/img-artchive-mirror.jpg differ diff --git a/res/img-artchive-mirror.webp b/res/img-artchive-mirror.webp new file mode 100644 index 0000000..2f83881 Binary files /dev/null and b/res/img-artchive-mirror.webp differ diff --git a/res/img-artchive-poetry.avif b/res/img-artchive-poetry.avif new file mode 100644 index 0000000..e5a7527 Binary files /dev/null and b/res/img-artchive-poetry.avif differ diff --git a/res/img-artchive-poetry.jpg b/res/img-artchive-poetry.jpg new file mode 100644 index 0000000..f5dc709 Binary files /dev/null and b/res/img-artchive-poetry.jpg differ diff --git a/res/img-artchive-poetry.webp b/res/img-artchive-poetry.webp new file mode 100644 index 0000000..17b3cc0 Binary files /dev/null and b/res/img-artchive-poetry.webp differ diff --git a/res/img-artwork-42.avif b/res/img-artwork-42.avif new file mode 100644 index 0000000..169d244 Binary files /dev/null and b/res/img-artwork-42.avif differ diff --git a/res/img-artwork-42.jpg b/res/img-artwork-42.jpg new file mode 100644 index 0000000..31f87a7 Binary files /dev/null and b/res/img-artwork-42.jpg differ diff --git a/res/img-artwork-42.webp b/res/img-artwork-42.webp new file mode 100644 index 0000000..27c0782 Binary files /dev/null and b/res/img-artwork-42.webp differ diff --git a/res/img-artwork-7140.avif b/res/img-artwork-7140.avif new file mode 100644 index 0000000..6b31a54 Binary files /dev/null and b/res/img-artwork-7140.avif differ diff --git a/res/img-artwork-7140.jpg b/res/img-artwork-7140.jpg new file mode 100644 index 0000000..de39e68 Binary files /dev/null and b/res/img-artwork-7140.jpg differ diff --git a/res/img-artwork-7140.webp b/res/img-artwork-7140.webp new file mode 100644 index 0000000..4aeb8e7 Binary files /dev/null and b/res/img-artwork-7140.webp differ diff --git a/res/img-artwork-draft.avif b/res/img-artwork-draft.avif new file mode 100644 index 0000000..bce8374 Binary files /dev/null and b/res/img-artwork-draft.avif differ diff --git a/res/img-artwork-draft.jpg b/res/img-artwork-draft.jpg new file mode 100644 index 0000000..d213edd Binary files /dev/null and b/res/img-artwork-draft.jpg differ diff --git a/res/img-artwork-draft.webp b/res/img-artwork-draft.webp new file mode 100644 index 0000000..493bd0f Binary files /dev/null and b/res/img-artwork-draft.webp differ diff --git a/res/img-artwork-eye.avif b/res/img-artwork-eye.avif new file mode 100644 index 0000000..4c8df79 Binary files /dev/null and b/res/img-artwork-eye.avif differ diff --git a/res/img-artwork-eye.jpg b/res/img-artwork-eye.jpg new file mode 100644 index 0000000..a0f35df Binary files /dev/null and b/res/img-artwork-eye.jpg differ diff --git a/res/img-artwork-eye.webp b/res/img-artwork-eye.webp new file mode 100644 index 0000000..34de586 Binary files /dev/null and b/res/img-artwork-eye.webp differ diff --git a/res/img-artwork-faceshop.avif b/res/img-artwork-faceshop.avif new file mode 100644 index 0000000..cde9aff Binary files /dev/null and b/res/img-artwork-faceshop.avif differ diff --git a/res/img-artwork-faceshop.jpg b/res/img-artwork-faceshop.jpg new file mode 100644 index 0000000..67404c8 Binary files /dev/null and b/res/img-artwork-faceshop.jpg differ diff --git a/res/img-artwork-faceshop.webp b/res/img-artwork-faceshop.webp new file mode 100644 index 0000000..a0354ed Binary files /dev/null and b/res/img-artwork-faceshop.webp differ diff --git a/res/img-artwork-portal.avif b/res/img-artwork-portal.avif new file mode 100644 index 0000000..4df30ec Binary files /dev/null and b/res/img-artwork-portal.avif differ diff --git a/res/img-artwork-portal.jpg b/res/img-artwork-portal.jpg new file mode 100644 index 0000000..87f8167 Binary files /dev/null and b/res/img-artwork-portal.jpg differ diff --git a/res/img-artwork-portal.webp b/res/img-artwork-portal.webp new file mode 100644 index 0000000..3a51e75 Binary files /dev/null and b/res/img-artwork-portal.webp differ diff --git a/res/img-artwork-radio.avif b/res/img-artwork-radio.avif new file mode 100644 index 0000000..c296b5a Binary files /dev/null and b/res/img-artwork-radio.avif differ diff --git a/res/img-artwork-radio.jpg b/res/img-artwork-radio.jpg new file mode 100644 index 0000000..1e153d5 Binary files /dev/null and b/res/img-artwork-radio.jpg differ diff --git a/res/img-artwork-radio.webp b/res/img-artwork-radio.webp new file mode 100644 index 0000000..05ed426 Binary files /dev/null and b/res/img-artwork-radio.webp differ diff --git a/res/img-artwork-ring.avif b/res/img-artwork-ring.avif new file mode 100644 index 0000000..64d9846 Binary files /dev/null and b/res/img-artwork-ring.avif differ diff --git a/res/img-artwork-ring.jpg b/res/img-artwork-ring.jpg new file mode 100644 index 0000000..aea1b6e Binary files /dev/null and b/res/img-artwork-ring.jpg differ diff --git a/res/img-artwork-ring.webp b/res/img-artwork-ring.webp new file mode 100644 index 0000000..3e36c2d Binary files /dev/null and b/res/img-artwork-ring.webp differ diff --git a/res/img-flg-cng.jpg b/res/img-flg-cng.jpg new file mode 100644 index 0000000..59ccd52 Binary files /dev/null and b/res/img-flg-cng.jpg differ diff --git a/res/img-flg-drctact.jpg b/res/img-flg-drctact.jpg new file mode 100644 index 0000000..d871d94 Binary files /dev/null and b/res/img-flg-drctact.jpg differ diff --git a/res/img-flg-ethpa.jpg b/res/img-flg-ethpa.jpg new file mode 100644 index 0000000..72c05d0 Binary files /dev/null and b/res/img-flg-ethpa.jpg differ diff --git a/res/img-flg-flstn.jpg b/res/img-flg-flstn.jpg new file mode 100644 index 0000000..f2931af Binary files /dev/null and b/res/img-flg-flstn.jpg differ diff --git a/res/img-flg-msc.jpg b/res/img-flg-msc.jpg new file mode 100644 index 0000000..50d62cf Binary files /dev/null and b/res/img-flg-msc.jpg differ diff --git a/res/img-flg-msk.jpg b/res/img-flg-msk.jpg new file mode 100644 index 0000000..1ffa28e Binary files /dev/null and b/res/img-flg-msk.jpg differ diff --git a/res/img-flg-ngria.jpg b/res/img-flg-ngria.jpg new file mode 100644 index 0000000..ff9ed6b Binary files /dev/null and b/res/img-flg-ngria.jpg differ diff --git a/res/img-flg-sdn.jpg b/res/img-flg-sdn.jpg new file mode 100644 index 0000000..87758ad Binary files /dev/null and b/res/img-flg-sdn.jpg differ diff --git a/res/img-home-dothis.avif b/res/img-home-dothis.avif new file mode 100644 index 0000000..85a184e Binary files /dev/null and b/res/img-home-dothis.avif differ diff --git a/res/img-home-dothis.png b/res/img-home-dothis.png new file mode 100644 index 0000000..1078f7e Binary files /dev/null and b/res/img-home-dothis.png differ diff --git a/res/img-home-dothis.webp b/res/img-home-dothis.webp new file mode 100644 index 0000000..c132f7f Binary files /dev/null and b/res/img-home-dothis.webp differ diff --git a/res/img-home-headshot.avif b/res/img-home-headshot.avif new file mode 100644 index 0000000..2cab12b Binary files /dev/null and b/res/img-home-headshot.avif differ diff --git a/res/img-home-headshot.jpg b/res/img-home-headshot.jpg new file mode 100644 index 0000000..f51da2d Binary files /dev/null and b/res/img-home-headshot.jpg differ diff --git a/res/img-home-headshot.webp b/res/img-home-headshot.webp new file mode 100644 index 0000000..083eb8f Binary files /dev/null and b/res/img-home-headshot.webp differ diff --git a/res/img-mus-nnwhen-20240830_PiecesOfMeInMagneticForm.avif b/res/img-mus-nnwhen-20240830_PiecesOfMeInMagneticForm.avif new file mode 100644 index 0000000..aeccfea Binary files /dev/null and b/res/img-mus-nnwhen-20240830_PiecesOfMeInMagneticForm.avif differ diff --git a/res/img-mus-nnwhen-20240830_PiecesOfMeInMagneticForm.jpg b/res/img-mus-nnwhen-20240830_PiecesOfMeInMagneticForm.jpg new file mode 100644 index 0000000..167fba6 Binary files /dev/null and b/res/img-mus-nnwhen-20240830_PiecesOfMeInMagneticForm.jpg differ diff --git a/res/img-mus-nnwhen-20240830_PiecesOfMeInMagneticForm.webp b/res/img-mus-nnwhen-20240830_PiecesOfMeInMagneticForm.webp new file mode 100644 index 0000000..2b1afbb Binary files /dev/null and b/res/img-mus-nnwhen-20240830_PiecesOfMeInMagneticForm.webp differ diff --git a/res/img-mus-nnwhen-circles.avif b/res/img-mus-nnwhen-circles.avif new file mode 100644 index 0000000..2fb0f28 Binary files /dev/null and b/res/img-mus-nnwhen-circles.avif differ diff --git a/res/img-mus-nnwhen-circles.jpg b/res/img-mus-nnwhen-circles.jpg new file mode 100644 index 0000000..eb9837f Binary files /dev/null and b/res/img-mus-nnwhen-circles.jpg differ diff --git a/res/img-mus-nnwhen-circles.webp b/res/img-mus-nnwhen-circles.webp new file mode 100644 index 0000000..2c5fd6b Binary files /dev/null and b/res/img-mus-nnwhen-circles.webp differ diff --git a/res/img-mus-nnwhen-disintegrate.avif b/res/img-mus-nnwhen-disintegrate.avif new file mode 100644 index 0000000..bacca80 Binary files /dev/null and b/res/img-mus-nnwhen-disintegrate.avif differ diff --git a/res/img-mus-nnwhen-disintegrate.jpg b/res/img-mus-nnwhen-disintegrate.jpg new file mode 100644 index 0000000..4493076 Binary files /dev/null and b/res/img-mus-nnwhen-disintegrate.jpg differ diff --git a/res/img-mus-nnwhen-disintegrate.webp b/res/img-mus-nnwhen-disintegrate.webp new file mode 100644 index 0000000..1b144b4 Binary files /dev/null and b/res/img-mus-nnwhen-disintegrate.webp differ diff --git a/res/img-mus-nnwhen-exe.avif b/res/img-mus-nnwhen-exe.avif new file mode 100644 index 0000000..7bdabef Binary files /dev/null and b/res/img-mus-nnwhen-exe.avif differ diff --git a/res/img-mus-nnwhen-exe.jpg b/res/img-mus-nnwhen-exe.jpg new file mode 100644 index 0000000..6f28a64 Binary files /dev/null and b/res/img-mus-nnwhen-exe.jpg differ diff --git a/res/img-mus-nnwhen-exe.webp b/res/img-mus-nnwhen-exe.webp new file mode 100644 index 0000000..04e6839 Binary files /dev/null and b/res/img-mus-nnwhen-exe.webp differ diff --git a/res/img-mus-nnwhen-in_radio__trust_.avif b/res/img-mus-nnwhen-in_radio__trust_.avif new file mode 100644 index 0000000..d39b9f4 Binary files /dev/null and b/res/img-mus-nnwhen-in_radio__trust_.avif differ diff --git a/res/img-mus-nnwhen-in_radio__trust_.jpg b/res/img-mus-nnwhen-in_radio__trust_.jpg new file mode 100644 index 0000000..2953175 Binary files /dev/null and b/res/img-mus-nnwhen-in_radio__trust_.jpg differ diff --git a/res/img-mus-nnwhen-in_radio__trust_.webp b/res/img-mus-nnwhen-in_radio__trust_.webp new file mode 100644 index 0000000..9db7cc6 Binary files /dev/null and b/res/img-mus-nnwhen-in_radio__trust_.webp differ diff --git a/res/img-mus-nnwhen-open_access.avif b/res/img-mus-nnwhen-open_access.avif new file mode 100644 index 0000000..df30b22 Binary files /dev/null and b/res/img-mus-nnwhen-open_access.avif differ diff --git a/res/img-mus-nnwhen-open_access.jpg b/res/img-mus-nnwhen-open_access.jpg new file mode 100644 index 0000000..54e46bf Binary files /dev/null and b/res/img-mus-nnwhen-open_access.jpg differ diff --git a/res/img-mus-nnwhen-open_access.webp b/res/img-mus-nnwhen-open_access.webp new file mode 100644 index 0000000..a35f2fc Binary files /dev/null and b/res/img-mus-nnwhen-open_access.webp differ diff --git a/res/img-mus-nnwhen-take_form.avif b/res/img-mus-nnwhen-take_form.avif new file mode 100644 index 0000000..3bea4e1 Binary files /dev/null and b/res/img-mus-nnwhen-take_form.avif differ diff --git a/res/img-mus-nnwhen-take_form.jpg b/res/img-mus-nnwhen-take_form.jpg new file mode 100644 index 0000000..bbc72d7 Binary files /dev/null and b/res/img-mus-nnwhen-take_form.jpg differ diff --git a/res/img-mus-nnwhen-take_form.webp b/res/img-mus-nnwhen-take_form.webp new file mode 100644 index 0000000..6335584 Binary files /dev/null and b/res/img-mus-nnwhen-take_form.webp differ diff --git a/res/img-mus-nnwhen-you.avif b/res/img-mus-nnwhen-you.avif new file mode 100644 index 0000000..2dec135 Binary files /dev/null and b/res/img-mus-nnwhen-you.avif differ diff --git a/res/img-mus-nnwhen-you.jpg b/res/img-mus-nnwhen-you.jpg new file mode 100644 index 0000000..41cda73 Binary files /dev/null and b/res/img-mus-nnwhen-you.jpg differ diff --git a/res/img-mus-nnwhen-you.webp b/res/img-mus-nnwhen-you.webp new file mode 100644 index 0000000..070cc22 Binary files /dev/null and b/res/img-mus-nnwhen-you.webp differ diff --git a/res/img-mus-noa-animal_expl.avif b/res/img-mus-noa-animal_expl.avif new file mode 100644 index 0000000..e4dd7a6 Binary files /dev/null and b/res/img-mus-noa-animal_expl.avif differ diff --git a/res/img-mus-noa-animal_expl.jpg b/res/img-mus-noa-animal_expl.jpg new file mode 100644 index 0000000..125632a Binary files /dev/null and b/res/img-mus-noa-animal_expl.jpg differ diff --git a/res/img-mus-noa-animal_expl.webp b/res/img-mus-noa-animal_expl.webp new file mode 100644 index 0000000..a134345 Binary files /dev/null and b/res/img-mus-noa-animal_expl.webp differ diff --git a/res/img-mus-noa-breathe.avif b/res/img-mus-noa-breathe.avif new file mode 100644 index 0000000..ec67f26 Binary files /dev/null and b/res/img-mus-noa-breathe.avif differ diff --git a/res/img-mus-noa-breathe.jpg b/res/img-mus-noa-breathe.jpg new file mode 100644 index 0000000..4037dd3 Binary files /dev/null and b/res/img-mus-noa-breathe.jpg differ diff --git a/res/img-mus-noa-breathe.webp b/res/img-mus-noa-breathe.webp new file mode 100644 index 0000000..5d3e49a Binary files /dev/null and b/res/img-mus-noa-breathe.webp differ diff --git a/res/img-mus-noa-disaster.avif b/res/img-mus-noa-disaster.avif new file mode 100644 index 0000000..bddc155 Binary files /dev/null and b/res/img-mus-noa-disaster.avif differ diff --git a/res/img-mus-noa-disaster.jpg b/res/img-mus-noa-disaster.jpg new file mode 100644 index 0000000..ab899bb Binary files /dev/null and b/res/img-mus-noa-disaster.jpg differ diff --git a/res/img-mus-noa-disaster.webp b/res/img-mus-noa-disaster.webp new file mode 100644 index 0000000..7bdb86c Binary files /dev/null and b/res/img-mus-noa-disaster.webp differ diff --git a/res/img-mus-ukuthintana-the_dream_sequence.avif b/res/img-mus-ukuthintana-the_dream_sequence.avif new file mode 100644 index 0000000..25d9314 Binary files /dev/null and b/res/img-mus-ukuthintana-the_dream_sequence.avif differ diff --git a/res/img-mus-ukuthintana-the_dream_sequence.jpg b/res/img-mus-ukuthintana-the_dream_sequence.jpg new file mode 100644 index 0000000..4608e26 Binary files /dev/null and b/res/img-mus-ukuthintana-the_dream_sequence.jpg differ diff --git a/res/img-mus-ukuthintana-the_dream_sequence.webp b/res/img-mus-ukuthintana-the_dream_sequence.webp new file mode 100644 index 0000000..6348e7b Binary files /dev/null and b/res/img-mus-ukuthintana-the_dream_sequence.webp differ diff --git a/res/img-mus-ukuthintana-the_lift.avif b/res/img-mus-ukuthintana-the_lift.avif new file mode 100644 index 0000000..fbdc706 Binary files /dev/null and b/res/img-mus-ukuthintana-the_lift.avif differ diff --git a/res/img-mus-ukuthintana-the_lift.jpg b/res/img-mus-ukuthintana-the_lift.jpg new file mode 100644 index 0000000..432b8af Binary files /dev/null and b/res/img-mus-ukuthintana-the_lift.jpg differ diff --git a/res/img-mus-ukuthintana-the_lift.webp b/res/img-mus-ukuthintana-the_lift.webp new file mode 100644 index 0000000..300dabb Binary files /dev/null and b/res/img-mus-ukuthintana-the_lift.webp differ diff --git a/res/img-mus-ukuthintana-the_message.avif b/res/img-mus-ukuthintana-the_message.avif new file mode 100644 index 0000000..7f43812 Binary files /dev/null and b/res/img-mus-ukuthintana-the_message.avif differ diff --git a/res/img-mus-ukuthintana-the_message.jpg b/res/img-mus-ukuthintana-the_message.jpg new file mode 100644 index 0000000..8ca0563 Binary files /dev/null and b/res/img-mus-ukuthintana-the_message.jpg differ diff --git a/res/img-mus-ukuthintana-the_message.webp b/res/img-mus-ukuthintana-the_message.webp new file mode 100644 index 0000000..6968b7e Binary files /dev/null and b/res/img-mus-ukuthintana-the_message.webp differ diff --git a/res/img-offsite-preview.jpg b/res/img-offsite-preview.jpg new file mode 100644 index 0000000..7b3516f Binary files /dev/null and b/res/img-offsite-preview.jpg differ diff --git a/res/img-sounddesign-circle-1.avif b/res/img-sounddesign-circle-1.avif new file mode 100644 index 0000000..6f24aa0 Binary files /dev/null and b/res/img-sounddesign-circle-1.avif differ diff --git a/res/img-sounddesign-circle-1.png b/res/img-sounddesign-circle-1.png new file mode 100644 index 0000000..8c6cf52 Binary files /dev/null and b/res/img-sounddesign-circle-1.png differ diff --git a/res/img-sounddesign-circle-1.webp b/res/img-sounddesign-circle-1.webp new file mode 100644 index 0000000..2371fe3 Binary files /dev/null and b/res/img-sounddesign-circle-1.webp differ diff --git a/res/img-sounddesign-circle-2.avif b/res/img-sounddesign-circle-2.avif new file mode 100644 index 0000000..36aa061 Binary files /dev/null and b/res/img-sounddesign-circle-2.avif differ diff --git a/res/img-sounddesign-circle-2.png b/res/img-sounddesign-circle-2.png new file mode 100644 index 0000000..514f36e Binary files /dev/null and b/res/img-sounddesign-circle-2.png differ diff --git a/res/img-sounddesign-circle-2.webp b/res/img-sounddesign-circle-2.webp new file mode 100644 index 0000000..11823cf Binary files /dev/null and b/res/img-sounddesign-circle-2.webp differ diff --git a/res/img-sounddesign-circle-3.avif b/res/img-sounddesign-circle-3.avif new file mode 100644 index 0000000..924404c Binary files /dev/null and b/res/img-sounddesign-circle-3.avif differ diff --git a/res/img-sounddesign-circle-3.png b/res/img-sounddesign-circle-3.png new file mode 100644 index 0000000..5871146 Binary files /dev/null and b/res/img-sounddesign-circle-3.png differ diff --git a/res/img-sounddesign-circle-3.webp b/res/img-sounddesign-circle-3.webp new file mode 100644 index 0000000..97ccad0 Binary files /dev/null and b/res/img-sounddesign-circle-3.webp differ diff --git a/res/mus-nnwhen-20240830_PiecesOfMeInMagneticForm.mp3 b/res/mus-nnwhen-20240830_PiecesOfMeInMagneticForm.mp3 new file mode 100644 index 0000000..2229399 Binary files /dev/null and b/res/mus-nnwhen-20240830_PiecesOfMeInMagneticForm.mp3 differ diff --git a/res/mus-nnwhen-20240830_PiecesOfMeInMagneticForm.ogg b/res/mus-nnwhen-20240830_PiecesOfMeInMagneticForm.ogg new file mode 100644 index 0000000..98224e8 Binary files /dev/null and b/res/mus-nnwhen-20240830_PiecesOfMeInMagneticForm.ogg differ diff --git a/res/mus-nnwhen-arc.mp3 b/res/mus-nnwhen-arc.mp3 new file mode 100644 index 0000000..151bc58 Binary files /dev/null and b/res/mus-nnwhen-arc.mp3 differ diff --git a/res/mus-nnwhen-arc.ogg b/res/mus-nnwhen-arc.ogg new file mode 100644 index 0000000..5767c3c Binary files /dev/null and b/res/mus-nnwhen-arc.ogg differ diff --git a/res/mus-nnwhen-circles.mp3 b/res/mus-nnwhen-circles.mp3 new file mode 100644 index 0000000..190909a Binary files /dev/null and b/res/mus-nnwhen-circles.mp3 differ diff --git a/res/mus-nnwhen-circles.ogg b/res/mus-nnwhen-circles.ogg new file mode 100644 index 0000000..4c0bc59 Binary files /dev/null and b/res/mus-nnwhen-circles.ogg differ diff --git a/res/mus-nnwhen-disintegrate.mp3 b/res/mus-nnwhen-disintegrate.mp3 new file mode 100644 index 0000000..2898f18 Binary files /dev/null and b/res/mus-nnwhen-disintegrate.mp3 differ diff --git a/res/mus-nnwhen-disintegrate.ogg b/res/mus-nnwhen-disintegrate.ogg new file mode 100644 index 0000000..24b13a3 Binary files /dev/null and b/res/mus-nnwhen-disintegrate.ogg differ diff --git a/res/mus-nnwhen-exe.mp3 b/res/mus-nnwhen-exe.mp3 new file mode 100644 index 0000000..4dea6e1 Binary files /dev/null and b/res/mus-nnwhen-exe.mp3 differ diff --git a/res/mus-nnwhen-exe.ogg b/res/mus-nnwhen-exe.ogg new file mode 100644 index 0000000..75450d5 Binary files /dev/null and b/res/mus-nnwhen-exe.ogg differ diff --git a/res/mus-nnwhen-in_radio__trust_.mp3 b/res/mus-nnwhen-in_radio__trust_.mp3 new file mode 100644 index 0000000..b2adeb4 Binary files /dev/null and b/res/mus-nnwhen-in_radio__trust_.mp3 differ diff --git a/res/mus-nnwhen-in_radio__trust_.ogg b/res/mus-nnwhen-in_radio__trust_.ogg new file mode 100644 index 0000000..ff72c43 Binary files /dev/null and b/res/mus-nnwhen-in_radio__trust_.ogg differ diff --git a/res/mus-nnwhen-open_access.mp3 b/res/mus-nnwhen-open_access.mp3 new file mode 100644 index 0000000..0a1a9ea Binary files /dev/null and b/res/mus-nnwhen-open_access.mp3 differ diff --git a/res/mus-nnwhen-open_access.ogg b/res/mus-nnwhen-open_access.ogg new file mode 100644 index 0000000..cd7bc01 Binary files /dev/null and b/res/mus-nnwhen-open_access.ogg differ diff --git a/res/mus-nnwhen-take-form.mp3 b/res/mus-nnwhen-take-form.mp3 new file mode 100644 index 0000000..f630655 Binary files /dev/null and b/res/mus-nnwhen-take-form.mp3 differ diff --git a/res/mus-nnwhen-take-form.ogg b/res/mus-nnwhen-take-form.ogg new file mode 100644 index 0000000..8551318 Binary files /dev/null and b/res/mus-nnwhen-take-form.ogg differ diff --git a/res/mus-nnwhen-you.mp3 b/res/mus-nnwhen-you.mp3 new file mode 100644 index 0000000..1dcc32a Binary files /dev/null and b/res/mus-nnwhen-you.mp3 differ diff --git a/res/mus-nnwhen-you.ogg b/res/mus-nnwhen-you.ogg new file mode 100644 index 0000000..fc8feeb Binary files /dev/null and b/res/mus-nnwhen-you.ogg differ diff --git a/res/mus-noa-animal_expl.mp3 b/res/mus-noa-animal_expl.mp3 new file mode 100644 index 0000000..1a7a109 Binary files /dev/null and b/res/mus-noa-animal_expl.mp3 differ diff --git a/res/mus-noa-animal_expl.ogg b/res/mus-noa-animal_expl.ogg new file mode 100644 index 0000000..7b54a20 Binary files /dev/null and b/res/mus-noa-animal_expl.ogg differ diff --git a/res/mus-noa-breathe.mp3 b/res/mus-noa-breathe.mp3 new file mode 100644 index 0000000..fac659b Binary files /dev/null and b/res/mus-noa-breathe.mp3 differ diff --git a/res/mus-noa-breathe.ogg b/res/mus-noa-breathe.ogg new file mode 100644 index 0000000..7751a7b Binary files /dev/null and b/res/mus-noa-breathe.ogg differ diff --git a/res/mus-noa-disaster.mp3 b/res/mus-noa-disaster.mp3 new file mode 100644 index 0000000..8bcf658 Binary files /dev/null and b/res/mus-noa-disaster.mp3 differ diff --git a/res/mus-noa-disaster.ogg b/res/mus-noa-disaster.ogg new file mode 100644 index 0000000..51542dd Binary files /dev/null and b/res/mus-noa-disaster.ogg differ diff --git a/res/mus-ukuthintana-the_dream_sequence.mp3 b/res/mus-ukuthintana-the_dream_sequence.mp3 new file mode 100644 index 0000000..20ac068 Binary files /dev/null and b/res/mus-ukuthintana-the_dream_sequence.mp3 differ diff --git a/res/mus-ukuthintana-the_dream_sequence.ogg b/res/mus-ukuthintana-the_dream_sequence.ogg new file mode 100644 index 0000000..8507fa5 Binary files /dev/null and b/res/mus-ukuthintana-the_dream_sequence.ogg differ diff --git a/res/mus-ukuthintana-the_lift.mp3 b/res/mus-ukuthintana-the_lift.mp3 new file mode 100644 index 0000000..77a31de Binary files /dev/null and b/res/mus-ukuthintana-the_lift.mp3 differ diff --git a/res/mus-ukuthintana-the_lift.ogg b/res/mus-ukuthintana-the_lift.ogg new file mode 100644 index 0000000..ba973d5 Binary files /dev/null and b/res/mus-ukuthintana-the_lift.ogg differ diff --git a/res/mus-ukuthintana-the_message.mp3 b/res/mus-ukuthintana-the_message.mp3 new file mode 100644 index 0000000..c87941d Binary files /dev/null and b/res/mus-ukuthintana-the_message.mp3 differ diff --git a/res/mus-ukuthintana-the_message.ogg b/res/mus-ukuthintana-the_message.ogg new file mode 100644 index 0000000..3eee343 Binary files /dev/null and b/res/mus-ukuthintana-the_message.ogg differ diff --git a/res/vid-nn_flash.mp4 b/res/vid-nn_flash.mp4 new file mode 100644 index 0000000..d60187c Binary files /dev/null and b/res/vid-nn_flash.mp4 differ diff --git a/res/vid-nn_flash.webm b/res/vid-nn_flash.webm new file mode 100644 index 0000000..c9439ec Binary files /dev/null and b/res/vid-nn_flash.webm differ diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..b8ba4d6 --- /dev/null +++ b/robots.txt @@ -0,0 +1,41 @@ +User-agent: AI2Bot +User-agent: Ai2Bot-Dolma +User-agent: Amazonbot +User-agent: anthropic-ai +User-agent: Applebot +User-agent: Applebot-Extended +User-agent: Bytespider +User-agent: CCBot +User-agent: ChatGPT-User +User-agent: Claude-Web +User-agent: ClaudeBot +User-agent: cohere-ai +User-agent: Diffbot +User-agent: FacebookBot +User-agent: facebookexternalhit +User-agent: FriendlyCrawler +User-agent: Google-Extended +User-agent: GoogleOther +User-agent: GoogleOther-Image +User-agent: GoogleOther-Video +User-agent: GPTBot +User-agent: iaskspider/2.0 +User-agent: ICC-Crawler +User-agent: ImagesiftBot +User-agent: img2dataset +User-agent: ISSCyberRiskCrawler +User-agent: Kangaroo Bot +User-agent: Meta-ExternalAgent +User-agent: Meta-ExternalFetcher +User-agent: OAI-SearchBot +User-agent: omgili +User-agent: omgilibot +User-agent: PerplexityBot +User-agent: PetalBot +User-agent: Scrapy +User-agent: Sidetrade indexer bot +User-agent: Timpibot +User-agent: VelenPublicWebCrawler +User-agent: Webzio-Extended +User-agent: YouBot +Disallow: / \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..3944960 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,67 @@ + + + + + + + https://nnwhen.com/index + 2024-10-18T17:19:10+00:00 + 1.00 + + + https://nnwhen.com/sound-design + 2024-10-18T17:22:24+00:00 + 0.90 + + + https://nnwhen.com/archive + 2024-10-18T17:19:00+00:00 + 0.80 + + + https://nnwhen.com/blog/index + 2024-10-21T14:06:22+00:00 + 0.80 + + + https://nnwhen.com/blog/2024-09-28-about-me + 2024-10-21T14:06:19+00:00 + 0.80 + + + https://nnwhen.com/socials + 2024-10-20T18:54:49+00:00 + 0.80 + + + https://nnwhen.com/our-siblings + 2024-10-18T17:19:13+00:00 + 0.80 + + + https://nnwhen.com/artwork + 2024-10-18T17:19:01+00:00 + 0.64 + + + https://nnwhen.com/blog/pieces-of-me-in-magnetic-form + 2024-10-21T14:06:25+00:00 + 0.40 + + + https://nnwhen.com/blog/2024-08-18-review-redemption-tour-klein + 2024-10-21T14:06:16+00:00 + 0.40 + + + https://nnwhen.com/404 + 2024-10-18T17:18:59+00:00 + 0.00 + + + + \ No newline at end of file diff --git a/socials.css b/socials.css new file mode 100644 index 0000000..eba4798 --- /dev/null +++ b/socials.css @@ -0,0 +1,90 @@ +#social-list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; + width: min(95%, 1000px); + margin: auto; +} + +.social-box { + width: min(70%, 220px); + margin: 15px 5px; + + -webkit-box-shadow: var(--title-background) 1px 1px 10px; + + box-shadow: var(--title-background) 1px 1px 10px; + + -webkit-transition: ease-out 200ms; + + -o-transition: ease-out 200ms; + + transition: ease-out 200ms; +} + +.social-box a:hover img { + -webkit-filter: drop-shadow(var(--accent) 5px 5px 0); + filter: drop-shadow(var(--accent) 5px 5px 0); +} + +.social-box a:hover p { + color: var(--accent-focus) !important; +} + +.social-box:hover { + -webkit-box-shadow: var(--title-background) 5px 5px 15px; + box-shadow: var(--title-background) 5px 5px 15px; + background-color: var(--blog-box); +} + +.social-box h1 { + text-justify: distribute; + text-align: justify; + -moz-text-align-last: justify; + text-align-last: justify; + font-family: "mono", monospace; + font-weight: bold; + text-transform: uppercase; + + margin: 5px 0; + padding: 0 20px; +} + +.social-box h2 { + text-justify: distribute; + text-align: justify; + -moz-text-align-last: justify; + text-align-last: justify; + font-size: 18px; + font-weight: lighter; + padding: 0 5px; + margin-bottom: 5px; + margin-top: -5px; + color: var(--load-light); + background-color: var(--title-background); +} + +.social-box p { + margin: 5px 0; + color: var(--light); + padding: 5px 25px 15px 25px; + text-shadow: var(--max-dark) 1px 1px 1px; +} + +.social-box img { + -o-object-fit: contain; + object-fit: contain; + margin: 20px auto; + width: min(100%, 220px); + height: 180px; + + -webkit-transition: ease-out 200ms; + + -o-transition: ease-out 200ms; + + transition: ease-out 200ms; +} diff --git a/socials.html b/socials.html new file mode 100644 index 0000000..815273a --- /dev/null +++ b/socials.html @@ -0,0 +1,268 @@ + + + + + + + + + + + + + + + + + + NN//Socials + + + + + + + + + + + + + + + + + + +
+ + +
+ +

My Socials

+ +
+ + + + + + + + + + + + + + + + + + + +
+ + diff --git a/sound-design.html b/sound-design.html new file mode 100644 index 0000000..97ee184 --- /dev/null +++ b/sound-design.html @@ -0,0 +1,693 @@ + + + + + + + + + + + + + + + + + NN//Music + + + + + + + + + + + + + + + + + + +
+ + +
+ + + +
+
+

+ Solo Work + + + + + + + + +

+
+
+ +

You

+ + + + + Chaotic image of a spectrogram and other images with the only discernable objects being two rows of audio waveforms in the bottom right + + + +
+ +
+ +

Open Access

+ + + + + A face refracted through water with a portion of the Guerilla Open Access Manifesto overlayed ontop. 'Everything up until now will have been lost.' and 'That is too high a price to pay.' are highlighted in red. + + + +
+ +
+ +

Take Form

+ + + + + An image of an old cellphone with the text: '1 message received' with the logo of SUBDRML + + + +
+ +
+ +

Pieces Of Me In Magnetic Form

+ + + + A deep red and black duotone image of a cassette tape, masking tape covering the holes that prevent recording over the tape. + + + +
+ +
+ +

Disintegrate

+ + + + + Pink-tinted image of flowers superimposed on a city-scape + + + +
+ +
+ +

In Radio, Trust.

+ + + + + Someone holding their hands up. Its shadow casts a dog-head. A title reads 'IN RADIO, TRUST.'. + + + +
+ +
+ +

Exe (Sands are Stones)

+ + + + + An image of a cat exploring its surroundings on a wooden walkway that leads into the distance. + + + +
+ +
+ +

Circles

+ + + + + An image of a person reaching toward a small casio-like sampler keyboard. The image is tinted green + + + +
+
+
+ +
+

+ ukuThintana + + + + + + + + +

+
+
+ +

The Message

+ + + + + A hazy and blue tinted image with amaPhimbo - The Voices - seen stalking + + + +
+ +
+ +

The Dream Sequence

+ + + + + A hazy and blurry image of 3 or more unidentified people and the glowing embers of a dying fire + + + +
+ +
+ +

The Lift

+ + + + + A silhouette stands in front of a plume of smoke and seems to be taken by a spirit. + + + +
+
+
+ +
+

+ 'Selfies' + + + + + + + + +

+
+
+ +

disaster

+ + + + + Purple-tinted image of a silhouetted person with their hands over their face being pelted with rain + + + +
+ +
+ +

animal expl

+ + + + + A shadow of a figure vignetted by torn newspaper clippings + + + +
+ +
+ +

breathe

+ + + + + A Purple-tinted and hazy image of a silhouetted person with a bucket hat on + + + +
+
+
+
+ + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..83e3559 --- /dev/null +++ b/style.css @@ -0,0 +1,800 @@ +/* +* Browsers: >0.3%,last 4 version +*/ + +/* overall */ +:root { + --max-0: #000000; + --max-1: #ffffff; + + --background: #181a1b; + --accent-0: #c8beb5; + --accent-1: #f18d74; + --accent-2: #e3beb3; + --subtitle: #aca4a0; + + --title-background: #00000075; + --text-background: #000000cc; + --text-highlight: #3c362e; + --blog-box: #2b2f32; + + --load-0: #abb5ba61; + --load-1: #4a525761; +} + +* { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +*::-moz-selection { + background-color: var(--accent-0); + color: var(--max-0); +} + +*::selection { + background-color: var(--accent-0); + color: var(--max-0); +} + +@font-face { + font-family: "Redaction"; + src: url("./res/asset-font-Redaction-Regular.woff2") format("woff2"); + font-display: swap; +} + +@font-face { + font-family: "mono"; + src: url("./res/asset-font-Inconsolata.woff2") format("woff2"); + font-display: swap; +} + +@font-face { + font-family: "syne"; + src: url("./res/asset-font-SyneMono-Regular.woff2") format("woff2"); + font-display: swap; +} + +body { + margin: 0; + padding: 0; + background-color: var(--background); + color: var(--accent-0); + + font-family: "Redaction", serif; + margin-bottom: 45px; +} + +a { + text-decoration: none; + color: var(--accent-1); +} + +a:hover { + color: var(--max-1); +} + +/* Header */ +/* Banner */ +header { + position: relative; + margin: 32px 0 40px 0; +} + +#header-img-group-banner img { + width: 100%; + height: 100px; + + -o-object-fit: cover; + + object-fit: cover; +} + +#header-img-group-logo img { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + + height: 170px; + width: 200px; + -o-object-fit: contain; + object-fit: contain; + + background-color: var(--background); +} + +/* NavList */ +header nav { + position: absolute; + bottom: -5px; + width: 100%; +} + +header nav ul { + margin: 0; + padding: 0; + + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; + + font-size: 22px; +} + +header nav ul li { + position: relative; + list-style: none; + padding: 2px 0; + + width: calc(100% / 5); + text-align: center; +} + +header nav #whitespace { + width: calc(100% / 5); +} + +header nav li#here a { + cursor: not-allowed; + background-color: var(--accent-2); + color: var(--background); + text-decoration: line-through; +} + +header nav li#parent a { + background-color: var(--accent-2); + color: var(--background); +} + +header nav li#parent a::after { + content: "*"; +} + +header nav li#parent a:hover { + background-color: var(--max-1) !important; +} + +header nav li a { + padding: 2px 10px; + color: var(--accent-2); + background-color: var(--max-0); +} + +header nav li:not(#here) a:hover { + color: var(--background); + background-color: var(--accent-2); +} + +#arrow img { + position: absolute; + margin: 35px 0 0 -100px; + + width: 250px; +} + +/* Socials */ +#socials { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; + margin: 25px 0; +} + +#socials img { + width: 40px; +} + +#socials a { + -webkit-transition: ease-in-out 100ms; + -o-transition: ease-in-out 100ms; + transition: ease-in-out 100ms; +} +#socials a:hover { + -webkit-filter: drop-shadow(var(--accent-2) 2px 2px 0); + filter: drop-shadow(var(--accent-2) 2px 2px 0); +} + +.no { + cursor: not-allowed; +} + +.no img { + -webkit-filter: brightness(20%); + filter: brightness(20%); +} + +.no:hover img { + -webkit-filter: brightness(20%) !important; + filter: brightness(20%) !important; +} + +/* ------------------------------------------------------ */ + +@media only screen and (max-width: 790px) { + header { + margin: 32px 0 80px 0; + } + + header nav { + position: absolute; + bottom: -50px; + } + + #whitespace, + #arrow { + display: none; + } + + li#music:not(#here) a { + -webkit-animation: nav-flash 1s ease-in-out infinite alternate; + animation: nav-flash 1s ease-in-out infinite alternate; + } +} + +/* ---------- ANIMATIONS ---------- */ +@-webkit-keyframes nav-flash { + from { + background-color: var(--max-0); + color: var(--accent-2); + } + to { + background-color: var(--accent-1); + color: var(--background); + } +} +@keyframes nav-flash { + from { + background-color: var(--max-0); + color: var(--accent-2); + } + to { + background-color: var(--accent-1); + color: var(--background); + } +} + +@-webkit-keyframes load { + from { + background-color: var(--load-0); + } + to { + background-color: var(--load-1); + } +} + +@keyframes load { + from { + background-color: var(--load-0); + } + to { + background-color: var(--load-1); + } +} + +/* --------------------------- */ + +footer#free { + position: fixed; + display: inline; + max-width: min(90%, 180px); + bottom: 5px; + left: 0; + right: 0; + text-align: center; + background-color: var(--text-background); + border-radius: 20px; + margin: auto; + padding: 5px; + + z-index: 100; +} + +/* index */ +#hero { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; + + text-align: center; + font-family: "Syne", monospace; +} + +#hero-headshot img { + width: 100%; + height: auto; + aspect-ratio: 1/1; + max-height: 700px; + min-width: 360px; + + -o-object-fit: contain; + + object-fit: contain; +} + +#hero-headshot p { + margin: 0; + color: var(--subtitle); + font-size: 22px; +} + +#hero-headshot p span { + text-wrap: nowrap; +} + +#hero-headshot aside.quote { + font-family: "mono", monospace; + text-transform: none; + max-width: 700px; +} + +#hero-info { + width: min(100%, 700px); + margin: auto 0; +} + +#hero-info p { + font-size: 22px; + margin: 30px 0; + line-height: 37px; +} + +#hero-info h1 { + color: var(--max-1); + font-size: 35px; +} + +#hero-info b { + color: var(--accent-2); +} + +#hero-info p a { + padding: 0 5px; + -webkit-transition: 150ms ease-in-out; + -o-transition: 150ms ease-in-out; + transition: 150ms ease-in-out; +} + +#hero-info p a:hover { + background-color: var(--accent-0); + color: var(--background); +} + +#hero-info span { + background-color: var(--accent-0); + color: var(--background); + + padding: 0 10px; + font-weight: bolder; + text-wrap: nowrap; +} +#hero-info span:hover { + cursor: not-allowed; + background-color: var(--max-0); + -webkit-transition: ease-in-out 100ms; + -o-transition: ease-in-out 100ms; + transition: ease-in-out 100ms; + + -webkit-animation: shake 2s linear alternate infinite; + + animation: shake 2s linear alternate infinite; +} + +/* asset layouts */ +.ly-sect { + margin: 40px 0; +} + +.ly-sect > h1 { + text-wrap: nowrap; + position: relative; + padding: 3px 8px; + margin: 0 20%; + + font-size: 32px; +} + +.ly-cont { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: space-evenly; + -ms-flex-pack: space-evenly; + justify-content: space-evenly; + margin: 10px auto; + width: min(95%, 2000px); +} + +.ly-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + + margin: 10px; +} + +.ly-item a h1 { + color: var(--accent-2); +} +.ly-item a:hover h1 { + background-color: var(--text-background); + color: var(--max-1); +} + +.ly-item h1 { + padding: 2px; + background-color: var(--title-background); + + -webkit-transition: ease-in-out 100ms; + + -o-transition: ease-in-out 100ms; + + transition: ease-in-out 100ms; +} + +.ly-sect.ly-square { + margin: 40px 0; +} + +.ly-sect.ly-square > h1 { + display: inline-block; + margin: 20px 20% 0 20%; + text-align: center; + background-color: var(--max-0); + color: var(--max-1); +} +.ly-sect.ly-square > h1:hover { + background-color: var(--accent-2); + color: var(--background); +} + +.ly-sect.ly-square .h1-circle img { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + width: 200px; +} + +.ly-item { + margin-bottom: 30px; +} + +.ly-item audio { + width: 100%; +} + +.ly-item.ly-square { + width: min(95%, 350px); +} + +.ly-item.ly-square h1 { + position: absolute; + top: 0; + left: 0; + right: 0; + margin: auto; + + text-align: center; + text-shadow: var(--background) 1px 1px 0; +} + +.ly-item.ly-square img { + width: 100%; + aspect-ratio: 1/1; + -o-object-fit: cover; + object-fit: cover; +} + +.ly-item.ly-rect { + width: 80%; + max-height: 160px; +} + +.ly-item.ly-rect.ly-archive h1 { + position: absolute; + display: inline; + bottom: 20px; + left: 25px; + margin: auto; + font-size: 22px; + + padding: 2px 8px; + background-color: var(--text-background); + + -webkit-transition: ease-in-out 100ms; + + -o-transition: ease-in-out 100ms; + + transition: ease-in-out 100ms; + z-index: 2; +} +.ly-item.ly-rect.ly-archive h2 { + position: absolute; + display: inline; + top: 15px; + right: 15px; + margin: auto; + font-size: 15px; + + padding: 5px 8px; + background-color: var(--text-background); + color: var(--max-1); + + -webkit-transition: ease-in-out 100ms; + + -o-transition: ease-in-out 100ms; + + transition: ease-in-out 100ms; + z-index: 2; +} +.ly-item.ly-rect.ly-dir h1 { + background-color: transparent; + text-shadow: 1px 1px 0 black; + font-size: 26px; + margin-top: 2px; + margin-bottom: 12px; + -webkit-transition: ease-in-out 100ms; + + -o-transition: ease-in-out 100ms; + + transition: ease-in-out 100ms; + z-index: 2; +} +.ly-item.ly-rect.ly-dir h2 { + background-color: transparent; + text-shadow: 1px 1px 0 black; + font-size: 21px; + margin-top: 2px; + margin-bottom: 12px; + margin-left: 35px; + -webkit-transition: ease-in-out 100ms; + + -o-transition: ease-in-out 100ms; + + transition: ease-in-out 100ms; + z-index: 2; +} +.ly-item.ly-rect a:hover h1, +.ly-item.ly-rect a:hover h2 { + background-color: var(--accent-2); + color: var(--background); +} +.ly-item.ly-rect a:hover img { + -webkit-filter: drop-shadow(var(--max-0) 5px 5px 5px); + filter: drop-shadow(var(--max-0) 5px 5px 5px); +} + +.ly-item.ly-rect img { + width: 100%; + max-height: 160px; + min-height: 160px; + aspect-ratio: 5/1; + -o-object-fit: cover; + object-fit: cover; + + -webkit-transition: ease-in-out 200ms; + + -o-transition: ease-in-out 200ms; + + transition: ease-in-out 200ms; +} + +/* Directory List Pages */ +.list { + width: min(95%, 850px); + margin: auto; + padding: 10px 2px; + + font-family: "mono"; +} +.list li { + font-size: 22px; + padding: 2px 0; +} +.list ul, +.list ol { + margin-top: 2px; + border-left: solid 2px var(--accent-2); +} +.list > h2 { + margin: auto; + margin-left: 2%; + font-family: "mono", monospace; +} +.list h3 { + margin-bottom: 5px; +} +.list-entity { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.list-entity picture img { + -o-object-fit: cover; + object-fit: cover; + -o-object-position: center; + object-position: center; + width: 100%; + height: 100%; +} +.list-entity picture { + width: min(250px, 100%); + min-width: 100px; +} +.list-entity .list-entity-info { + width: 100%; + min-width: 250px; + padding: 0 25px; +} +.list-entity-info hgroup h2, +.list-entity-info hgroup h3 { + margin: 5px 15px; +} + +/* 404 page */ +.fzf { + text-align: center; +} + +.fzf h1 { + color: var(--max-1); + font-family: "mono", monospace; + font-style: normal; +} + +.fzf h2 { + color: var(--max-1); + font-family: "Syne", monospace; + text-align: justify; + -moz-text-align-last: justify; + text-align-last: justify; + text-wrap: nowrap; + overflow-x: hidden; + padding: 0 10%; + margin: auto; + background-color: var(--accent-1); + color: var(--background); + text-decoration: line-through; +} + +/* animations */ +@-webkit-keyframes shake { + 0% { + text-shadow: #7eddcda5 1px 1px 1px, #d6d6d6a5 1px -1px; + color: #d6d6d645; + } + 13% { + text-shadow: #7eddcda5 1px -1px 1px, #d6d6d6a5 -1px 1px; + color: #d6d6d6a5; + } + 15% { + text-shadow: #7eddcda5 -1px 1px 1px, #d6d6d6a5 1px -1px; + color: #d6d6d675; + } + 38% { + text-shadow: #7eddcda5 1px -1px 1px, #d6d6d6a5 -1px 1px; + color: #d6d6d6f5; + } + 50% { + text-shadow: #7eddcda5 -1px -1px 1px, #d6d6d6a5 -1px 1px; + color: #d6d6d685; + } + 63% { + text-shadow: #7eddcda5 1px 1px 1px, #d6d6d6a5 1px -1px; + color: #d6d6d6a5; + } + 75% { + text-shadow: #7eddcda5 -1px -1px 1px, #d6d6d6a5 1px 0px; + color: #d6d6d6e5; + } + 88% { + text-shadow: #7eddcda5 1px 1px 1px, #d6d6d6a5 -1px 1px; + color: #d6d6d665; + } + 100% { + text-shadow: #7eddcda5 -1px 1px 1px, #d6d6d6a5 0px 1px; + color: #d6d6d6d5; + } +} + +@keyframes shake { + 0% { + text-shadow: #7eddcda5 1px 1px 1px, #d6d6d6a5 1px -1px; + color: #d6d6d645; + } + 13% { + text-shadow: #7eddcda5 1px -1px 1px, #d6d6d6a5 -1px 1px; + color: #d6d6d6a5; + } + 15% { + text-shadow: #7eddcda5 -1px 1px 1px, #d6d6d6a5 1px -1px; + color: #d6d6d675; + } + 38% { + text-shadow: #7eddcda5 1px -1px 1px, #d6d6d6a5 -1px 1px; + color: #d6d6d6f5; + } + 50% { + text-shadow: #7eddcda5 -1px -1px 1px, #d6d6d6a5 -1px 1px; + color: #d6d6d685; + } + 63% { + text-shadow: #7eddcda5 1px 1px 1px, #d6d6d6a5 1px -1px; + color: #d6d6d6a5; + } + 75% { + text-shadow: #7eddcda5 -1px -1px 1px, #d6d6d6a5 1px 0px; + color: #d6d6d6e5; + } + 88% { + text-shadow: #7eddcda5 1px 1px 1px, #d6d6d6a5 -1px 1px; + color: #d6d6d665; + } + 100% { + text-shadow: #7eddcda5 -1px 1px 1px, #d6d6d6a5 0px 1px; + color: #d6d6d6d5; + } +} + +/* Accessibility */ +.skip-to-content { + background-color: var(--max-0); + padding: 8px; + margin: 0; + position: absolute; + -webkit-transform: translateY(-70px); + -ms-transform: translateY(-70px); + transform: translateY(-70px); + -webkit-transition: -webkit-transform 0.2s; + transition: -webkit-transform 0.2s; + -o-transition: transform 0.2s; + transition: transform 0.2s; + transition: transform 0.2s, -webkit-transform 0.2s; + left: 40px; + z-index: 1; +} + +.skip-to-content:focus { + -webkit-transform: translateY(0%); + -ms-transform: translateY(0%); + transform: translateY(0%); +}