<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>wrk.suroh</title>
<!-- styles -->
<link rel="stylesheet" href="/assets/css/master.css">
<!-- javascript -->
<script src="/assets/js/script.js" type="module"></script>
</head>
<body>
<div id="wrapper">
<nav id="primary">
<span data-link="~"><~</span>
<span data-link="work">█</span>
<span data-link="audio">█</span>
<span data-link="teach">█</span>
</nav>
<span id="audioToggle"></span>
<nav id="sub">
<ul id="work">
<li><a href="/work/container2mvmnts/">A Container in Two Movements</a></li>
<li><a href="/work/euclid/">euclid</a></li>
<li><a href="/work/fragile-mastery/">fragile mastery</a></li>
</ul>
<ul id="audio">
<li><a href="/audio/andoror/">&//</a></li>
<li><a href="/audio/post-toast/">post toast</a></li>
<li><a href="/audio/solo/">solo</a></li>
</ul>
<ul id="teach">
<li><a href="/teach/">teach</a></li>
</ul>
</nav>
<section style="position: fixed; bottom: 0; left: 0; margin: 0; padding: 0; width: 100vw; height: 50vh; z-index: 100;">
<div style="position: relative; width: 100%; height: 100%;">
<h1 id="menuItem" class=""></h1>
</div>
</section>
<div id="content">
<h1>index</h1>
<p>Something here on the index page...</p>
</div>
</div>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function () {
var u = "//analytics.suroh.tk/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '1']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</body>