<!DOCTYPE html>
<html lang="en">
<head>
<meta name="CCBot" content="nofollow" />
<meta name="robots" content="noai, noimageai" />
<meta name="tdm-reservation" content="1" />
<link rel="stylesheet" href="style.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="viewport"
content="height=device-height, width=device-width, initial-scale=1"
/>
<link rel="icon" href="img/favicon.webp" type="image/icon type" />
<title>\n\n</title>
</head>
<body>
<header>
<div role="img" aria-label="nnwhen logo and banner" id="header-img-group">
<picture id="header-img-group-banner">
<source
srcset="res/asset-sitewide-header-banner.avif"
type="image/avif"
/>
<source
srcset="res/asset-sitewide-header-banner.webp"
type="image/webp"
/>
<img src="res/asset-sitewide-header-banner.png" alt="" />
</picture>
<a
tabindex="-1"
aria-hidden="true"
aria-label="Return to the Homepage"
href="index.html"
>
<picture id="header-img-group-logo">
<source srcset="res/img-404-errorlogo.avif" type="image/avif" />
<source srcset="res/img-404-errorlogo.webp" type="image/webp" />
<img src="res/img-404-errorlogo.png" alt="" />
</picture>
</a>
</div>
<nav>
<ul>
<li>
<a aria-label="Go Back to Homepage" href="index.html">home</a>
</li>
<li id="music">
<a aria-label="Listen to my music" href="sound-design.html"
>music</a
>
</li>
<div aria-hidden="true" id="whitespace"></div>
<li>
<a
aria-label="The Hub that links to my Art, Poetry and Other-Media"
href="archive.html"
>archive</a
>
</li>
<li>
<a aria-label="Go to my Blog" href="blog/index.html">blog</a>
</li>
</ul>
</nav>
</header>
<main style="text-align: center">
<h1 aria-label="Panic">P A N I K</h1>
<br />
<h2 aria-label="404">>> 404 404 404 404 <<</h2>
<br />
<h3>You have encountered a non-existent page</h3>
<br />
<h4>
<a href="index.html">↩ Go Home</a>
</h4>
</main>
</body>
</html>