152 lines
3.4 KiB
HTML
152 lines
3.4 KiB
HTML
<!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>&//</h1>
|
|
<p>&// <em>(p: ændɔrɔr)</em> is a solo project, applying improvisation upon open source software &// hardware, analogue &// digital synthesis &// saxophone &// post-production editing.</p>
|
|
<iframe scrolling="no" allow="autoplay" style="margin-top: 24px;" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/631370700&color=%23333333&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true" width="100%" height="166" frameborder="no"></iframe>
|
|
<iframe scrolling="no" allow="autoplay" style="margin-top: 24px;" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/636081960&color=%23333333&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true" width="100%" height="166" frameborder="no"></iframe>
|
|
</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> |