<!DOCTYPE html>
<html lang="en">
<head>
<meta name="CCBot" content="nofollow" />
<meta name="robots" content="noai, noimageai" />
<meta name="tdm-reservation" content="1" />
<link rel="stylesheet" href="style.css" />
<script src="res/asset-js-audio.js"></script>
<link
rel="icon"
href="res/asset-sitewide-favicon.png"
type="image/icon type"
/>
<meta charset="UTF-8" />
<meta name="description" content="This is where NN hosts its Artwork." />
<meta
name="keywords"
content="Soundtrack, Music Syncing, Movie Music, nnwhen, Sound Design, Sound Designer"
/>
<meta name="author" content="nnwhen" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="viewport"
content="height=device-height, width=device-width, initial-scale=1"
/>
<title>NN//Art</title>
<meta property="og:title" content="nnwhen's Artworks" />
<meta
property="og:description"
content="A Safe Place for NN's Visible-Art"
/>
<meta
property="og:image"
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
/>
<meta property="og:url" content="https://www.nnwhen.com/" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:title" content="nnwhen's Artworks" />
<meta
name="twitter:description"
content="A Safe Place for NN's Visible-Art"
/>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@nnwhen_" />
<meta name="twitter:creator" content="@nnwhen_" />
<meta
name="twitter:image"
content="https://www.nnwhen.com/res/img-offsite-preview.jpg"
/>
<meta
name="twitter:image:alt"
content="A dithered Peach and Maroon image of flowers superimposed ontop of a skyline photo"
/>
</head>
<body>
<a class="skip-to-content" href="#ly-body">Skip to main content</a>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
<picture id="header-img-group-banner">
<source
srcset="res/asset-sitewide-header-banner.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>
<nav>
<ul>
<li>
<a aria-label="Go Back to Homepage" href="index.html">home</a>
</li>
<li>
<a aria-label="Listen to my music" href="sound-design.html"
>music</a
>
</li>
<div aria-hidden="true" id="whitespace"></div>
<li id="parent">
<a
aria-label="The Hub that links to my Art, Poetry and Other-Media"
href="archive.html"
>archive</a
>
</li>
<li>
<a aria-label="Go to my Blog" href="blog/index.html">blog</a>
</li>
</ul>
</nav>
</header>
<aside id="socials">
<a
href="https://www.soundcloud.com/nnwhen"
target="_blank"
title="Soundcloud"
>
<img src="res/asset-sitewide-nav-soundcloud.svg" alt="" />
</a>
<a href="https://nnwhen.bandcamp.com/" target="_blank" title="Bandcamp">
<img src="res/asset-sitewide-nav-bandcamp.svg" alt="" />
</a>
<a
href="mailto:contact@nnwhen.com"
title="Email Me"
>
<img src="res/asset-sitewide-nav-mail.svg" alt="" />
</a>
<a href="socials.html" target="_blank" title="Other Socials">
<img src="res/asset-sitewide-nav-at.svg" alt="" />
</a>
<a href="feed.xml" target="_blank" title="RSS Feed">
<img src="res/asset-sitewide-nav-rss.svg" alt="" />
</a>
</aside>
<main id="ly-body" class="load-enable">
<section class="ly-sect">
<h1>Artwork</h1>
<div class="ly-cont">
<section class="ly-item ly-square">
<h1>'rings'</h1>
<picture>
<source srcset="res/img-artwork-ring.avif" type="image/avif" />
<source srcset="res/img-artwork-ring.webp" type="image/webp" />
<img
src="res/img-artwork-ring.jpg"
alt="Low-contrast image of text, diamonds and other textures"
title="'rings' by nnwhen"
/>
</picture>
</section>
<section class="ly-item ly-square">
<h1>'42'</h1>
<picture>
<source srcset="res/img-artwork-42.avif" type="image/avif" />
<source srcset="res/img-artwork-42.webp" type="image/webp" />
<img
src="res/img-artwork-42.jpg"
alt="The right-half of the image blue with a 42. The main subject is obscured and blurry"
title="'42' by nnwhen"
/>
</picture>
</section>
<section class="ly-item ly-square">
<h1>'faceshop'</h1>
<picture>
<source
srcset="res/img-artwork-faceshop.avif"
type="image/avif"
/>
<source
srcset="res/img-artwork-faceshop.webp"
type="image/webp"
/>
<img
src="res/img-artwork-faceshop.jpg"
alt="Grey, Blue and Pink image of a face; framed by a box, glitches and doodles"
title="'faceshop' by nnwhen"
/>
</picture>
</section>
<section class="ly-item ly-square">
<h1>'portal'</h1>
<picture>
<source srcset="res/img-artwork-portal.avif" type="image/avif" />
<source srcset="res/img-artwork-portal.webp" type="image/webp" />
<img
src="res/img-artwork-portal.jpg"
alt="An elevator with a green glow and a white smoke-like trail within"
title="'portal' by nnwhen"
/>
</picture>
</section>
<section class="ly-item ly-square">
<h1>'radio'</h1>
<picture>
<source srcset="res/img-artwork-radio.avif" type="image/avif" />
<source srcset="res/img-artwork-radio.webp" type="image/webp" />
<img
src="res/img-artwork-radio.jpg"
alt="An image of a person sitting silhouetted to the camera with a styled Gregorian 'Jani' over their face"
title="'radio' by nnwhen"
/>
</picture>
</section>
<section class="ly-item ly-square">
<h1>'eye'</h1>
<picture>
<source srcset="res/img-artwork-eye.avif" type="image/avif" />
<source srcset="res/img-artwork-eye.webp" type="image/webp" />
<img
src="res/img-artwork-eye.jpg"
alt="Grungy duotone image of dark and light grey with an abstract symbol"
title="'eye' by nnwhen"
/>
</picture>
</section>
<section class="ly-item ly-square">
<h1>'7140'</h1>
<picture>
<source srcset="res/img-artwork-7140.avif" type="image/avif" />
<source srcset="res/img-artwork-7140.webp" type="image/webp" />
<img
src="res/img-artwork-7140.jpg"
alt="A pastel pink image with soft cyan shapes and a lone line and blotch of white paint"
title="'7140' by nnwhen"
/>
</picture>
</section>
<section class="ly-item ly-square">
<h1>'draft'</h1>
<picture>
<source srcset="res/img-artwork-draft.avif" type="image/avif" />
<source srcset="res/img-artwork-draft.webp" type="image/webp" />
<img
src="res/img-artwork-draft.jpg"
alt="The inverted nnwhen logo superimposed on glitched image of an arm. The draft logo for nnwhen"
title="'draft' by nnwhen"
/>
</picture>
</section>
</div>
</section>
</main>
<footer id="free">
<a href="our-siblings.html"
>Free Our People</a
>
</footer>
</body>
</html>