<!DOCTYPE html>
<html lang="en">
<head>
<meta name="CCBot" content="nofollow" />
<meta name="robots" content="noai, noimageai" />
<meta name="tdm-reservation" content="1" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="socials.css" />
<link
rel="icon"
href="res/asset-sitewide-favicon.png"
type="image/icon type"
/>
<meta charset="UTF-8" />
<meta
name="description"
content="The social places you can interact with and follow nnwhen"
/>
<meta
name="keywords"
content="nnwhen, nnwhen twitter, nnwhen instagram, nnwhen music, nnwhen bandcamp"
/>
<meta name="author" content="nnwhen" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="viewport"
content="height=device-height, width=device-width, initial-scale=1"
/>
<title>NN//Socials</title>
<meta property="og:title" content="nn-when?! nn-where?!" />
<meta
property="og:description"
content="The places where nnwhen can be found online"
/>
<meta
property="og:image"
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
/>
<meta property="og:url" content="https://www.nnwhen.com/" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:title" content="nn-when?! nn-where?!" />
<meta
name="twitter:description"
content="The places where nnwhen can be found online"
/>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@nnwhen_" />
<meta name="twitter:creator" content="@nnwhen_" />
<meta
name="twitter:image"
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
/>
<meta
name="twitter:image:alt"
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
/>
</head>
<body>
<a class="skip-to-content" href="#main">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
<picture id="header-img-group-banner">
<source
srcset="res/asset-sitewide-header-banner.avif"
type="image/avif"
/>
<source
srcset="res/asset-sitewide-header-banner.webp"
type="image/webp"
/>
<img src="res/asset-sitewide-header-banner.png" alt="" />
</picture>
<a aria-label="Return to the Homepage" href="index.html">
<picture id="header-img-group-logo">
<source
srcset="res/asset-sitewide-header-ennspace.avif"
type="image/avif"
/>
<source
srcset="res/asset-sitewide-header-ennspace.webp"
type="image/webp"
/>
<img
src="res/asset-sitewide-header-ennspace.png"
alt="Return to the Homepage"
/>
</picture>
</a>
</div>
</header>
<nav id="navigation">
<ul>
<li>
<a aria-label="Go Back to Homepage" href="index.html">home</a>
</li>
<li id="music">
<a aria-label="Listen to my music" href="sound-design.html">music</a>
</li>
<div aria-hidden="true" id="whitespace"></div>
<li>
<a
aria-label="The Hub that links to my Art, Poetry and Other-Media"
href="archive.html"
>archive</a
>
</li>
<li>
<a aria-label="Go to my Blog" href="blog/index.html">blog</a>
</li>
</ul>
</nav>
<h1 id="main" style="text-align: center">My Socials</h1>
<main id="social-list">
<section
class="social-box"
style="box-shadow: var(--load-1) 5px 5px 15px"
>
<a href="https://nnwhen.bandcamp.com" target="_blank">
<img
src="res/asset-sitewide-nav-bandcamp.svg"
alt="The Logo for Bandcamp"
/>
<h1>Bandcamp</h1>
<p>
A place to donate if you'd like as well as download my tracks for
free.
</p>
</a>
</section>
<section class="social-box">
<a href="https://soundcloud.com/nnwhen" target="_blank">
<img
src="res/asset-sitewide-nav-soundcloud.svg"
alt="The Logo for Soundcloud"
/>
<h1>Soundcloud</h1>
<p>All my tracks, including some that I cannot make money off of.</p>
</a>
</section>
<section class="social-box">
<a href="https://bsky.app/profile/nnwhen.com" target="_blank">
<img
src="res/asset-sitewide-nav-bluesky.svg"
alt="The Logo for Bluesky"
/>
<h1>Bluesky</h1>
<p>
Decentralised micro-blogging. My thoughts and small artworks land up
here.
</p>
</a>
</section>
<section class="social-box">
<a href="https://mstdn.nnwhen.com/@nnwhen" target="_blank">
<img
src="res/asset-sitewide-nav-mastodon.svg"
alt="The Logo for Mastodon"
/>
<h1>Mastodon</h1>
<p>
The Other (OG) Decentralised micro-blogging. My thoughts and small
artworks land up here too.
</p>
</a>
</section>
<section class="social-box">
<a href="https://twitch.tv/nnwhen" target="_blank">
<img
src="res/asset-sitewide-nav-twitch.svg"
alt="The Logo for Twitch"
/>
<h1>Twitch</h1>
<p>
Where I livestream the creation of some songs. Sometimes I record
audiobooks or make art.
</p>
</a>
</section>
<section class="social-box">
<a href="https://bsky.app/profile/nnwhen.bsky.social" target="_blank">
<img
src="res/asset-sitewide-nav-kofi.png"
alt="The Logo for Bluesky"
/>
<h1>Ko-Fi</h1>
<p>
Where you can donate directly. I am yet to put anything up there
beyond a donation portal.
</p>
</a>
</section>
<section class="social-box">
<a
href="mailto:contact@nnwhen.com"
title="Email Me"
target="_blank"
>
<img src="res/asset-sitewide-nav-mail.svg" alt="" />
<h1> email</h1>
<p>If you'd like to reach out to me NewSchool-OldSchool style.</p>
</a>
</section>
<section class="social-box">
<a href="https://nnwhen.com/feed.xml" target="_blank">
<img
src="res/asset-sitewide-nav-rss.svg"
alt="An image implying a link to this site's RSS feed"
/>
<h1>RSS Feed</h1>
<p>
Atom feed to keep you updated about blog-posts made on this site!
</p>
</a>
</section>
<section class="social-box">
<a href="https://instagram.com/subdrml" target="_blank">
<img
src="res/asset-sitewide-nav-instagram.svg"
alt="The Logo for Instagram"
/>
<h1>Instagram</h1>
<h2>Less Active!</h2>
<p>Imagery. Declarations of Music Postings.</p>
</a>
</section>
<section class="social-box">
<a href="https://twitter.com/nnwhen_" target="_blank">
<img
src="res/asset-sitewide-nav-twitter.svg"
alt="The Logo for Twitter"
/>
<h1>Twitter</h1>
<h2>Less Active!</h2>
<p>
This one is just here for completeness sake. I no longer use this
app.
</p>
</a>
</section>
</main>
</body>
</html>