<head>
<meta charset="UTF-8">
<link rel="preconnect" href="https://css.1ink.us"/>
<link rel="preconnect" href="https://js.1ink.us"/>
<link rel="preconnect" href="https://img.1ink.us">
<link rel="preconnect" href="https://wasm.noahcohn.com"/>
<title>S*H*1</title>
<link crossorigin rel='stylesheet' href='https://css.1ink.us/sh1.1iss'/>
<script charset="utf-8" src="./s16.js"></script>
<script charset="utf-8" src="./transforms/t16.js"></script>
<script charset="UTF-8" src="./effects/seriously.accumulator.js"></script>
<script charset="utf-8" src="./effects/sb.js"></script>
<script charset="UTF-8" src="./effects/seriously.bleach-bypass.js"></script>
<script charset="UTF-8" src="./effects/seriously.blend.js"></script>
<script charset="UTF-8" src="./effects/seriously.brightness-contrast.js"></script>
<script charset="UTF-8" src="./effects/seriously.checkerboard.js"></script>
<script charset="UTF-8" src="./effects/seriously.chroma.js"></script>
<script charset="UTF-8" src="./effects/seriously.color.js"></script>
<script charset="UTF-8" src="./effects/seriously.colorcomplements.js"></script>
<script charset="UTF-8" src="./effects/seriously.color-select.js"></script>
<script charset="UTF-8" src="./effects/seriously.temperature.js"></script>
<script charset="UTF-8" src="./effects/seriously.daltonize.js"></script>
<script charset="UTF-8" src="./effects/seriously.dither.js"></script>
<script charset="UTF-8" src="./effects/seriously.edge.js"></script>
<script charset="UTF-8" src="./effects/seriously.emboss.js"></script>
<script charset="UTF-8" src="./effects/seriously.exposure.js"></script>
<script charset="UTF-8" src="./effects/seriously.falsecolor.js"></script>
<script charset="UTF-8" src="./effects/seriously.freeze.js"></script>
<script charset="UTF-8" src="./effects/seriously.highlights-shadows.js"></script>
<script charset="UTF-8" src="./effects/seriously.kaleidoscope.js"></script>
<script charset="UTF-8" src="./effects/seriously.lumakey.js"></script>
<script charset="UTF-8" src="./effects/seriously.fader.js"></script>
<script charset="UTF-8" src="./effects/seriously.filmgrain.js"></script>
<script charset="UTF-8" src="./effects/seriously.blur.js"></script>
<script charset="UTF-8" src="./effects/seriously.hue-saturation.js"></script>
<script charset="UTF-8" src="./effects/seriously.hex.js"></script>
<script charset="UTF-8" src="./effects/seriously.invert.js"></script>
<script charset="UTF-8" src="./effects/seriously.directionblur.js"></script>
<script charset="UTF-8" src="./effects/seriously.nightvision.js"></script>
<script charset="UTF-8" src="./effects/seriously.noise.js"></script>
<script charset="UTF-8" src="./effects/seriously.opticalflow.js"></script>
<script charset="UTF-8" src="./effects/seriously.pixelate.js"></script>
<script charset="UTF-8" src="./effects/seriously.polar.js"></script>
<script charset="UTF-8" src="./effects/seriously.ripple.js"></script>
<script charset="UTF-8" src="./effects/seriously.scanlines.js"></script>
<script charset="UTF-8" src="./effects/seriously.sepia.js"></script>
<script charset="UTF-8" src="./effects/seriously.sketch.js"></script>
<script charset="UTF-8" src="./effects/seriously.throttle.js"></script>
<script charset="UTF-8" src="./effects/seriously.tone.js"></script>
<script charset="UTF-8" src="./effects/seriously.tvglitch.js"></script>
<script charset="UTF-8" src="./effects/seriously.vibrance.js"></script>
<script charset="UTF-8" src="./effects/seriously.vignette.js"></script>
<script charset="UTF-8" src="./effects/seriously.split.js"></script>
</head>
<body style="cursor: url(b3cursor.gif),auto;">
<nav id="menu">
<section class="menu-section" id="menu-sections">
<br>
<div style="text-align:center;">
TIMESLIDER</div>
<br><br>
<ul class="menu-section-list">
<div id="mnu">
<div id="slideframe">
<input type="text" id="timeslider"/>
</div></div></ul></section></nav>
<main id="panel">
<iframe src=./bezz.1ink id=circle title='Circular mask'></iframe>
<button hidden id="colorbutton">Color Bars</button>
<button hidden id="camera">Camera</button>
<option value="">Ascii Text</option>
</select><br/>
<div id="options"></div>

<select id="effects" style="position:absolute;z-index:1000000;pointer-events:auto;">

<input type=button id=musicBtn style='background-color:cyan;position:absolute;display:block;left:3%;bottom:5%;z-index:999999;border:6px solid green;border-radius:20%;'></input>
<input type=button id=menuBtn style='background-color:black;position:absolute;display:block;left:3%;top:5%;z-index:999999;border:6px solid #e7e7e7;border-radius:20%;'></input>
<div class="emscripten" id="status">Wasming...</div>
<div class="emscripten">
<progress value="0" max="100" id="progress"></progress>
</div>
<input type="checkbox" id="di" hidden/>
<div hidden="true" id="path">https://test.1ink.us/txt/all/melt</div>
<div hidden="true" id="path2"></div>
<div hidden="true" id="path3"></div>
<div hidden="true" id="path4"></div>
<div id="iwid" hidden>0</div>
<div id="ihig" hidden>0</div>
<div id="pmhig" hidden>0</div>
<div id="wid" hidden>0</div>
<div id="hig" hidden>0</div>
<div id="lwid" hidden>0</div>
<div id="lhig" hidden>0</div>
<div id="ihid" hidden>0</div>
<div id="tim" hidden>3500</div>
<div id="shut" hidden>1</div>
<div id="isrc" hidden>./intro.mp4</div>
<div id="idur" hidden>0</div>
<div id="itim" hidden>0</div>
<div id="wrap">
<div id="contain1">
<canvas class=emscripten id=scanvas style='opacity:1.0;pointer-events:auto;display:block;position:absolute;z-index:999994;background-color:rgba(1,1,1,0);top:0;height:100vh;width:100vh;image-rendering:auto;'></canvas>
</div>
<div id="contain2">
<canvas id="mvc" style="opacity:1;display:block;position:absolute;z-index:999997;background-color:rgba(1,1,1,1);top:0;height:100vh;width:100vh;image-rendering:auto;"></canvas>
<canvas id=acanvas style='pointer-events:auto;cursor:url(cursor.cur),auto;display:block;z-index:999994;position:absolute;height:100vh;width:100vh;margin-left:auto;margin-right:auto;background-color:rgba(1,1,1,0);top:0;image-rendering:auto;'></canvas>

<canvas id=bcanvas style='pointer-events:none;display:block;z-index:999994;position:absolute;height:100vh;width:100vh;margin-left:auto;margin-right:auto;background-color:rgba(1,1,1,0);top:0;image-rendering:auto;'></canvas>
</div></div></div>

</main>
<div id="vidWrapA">
<video hidden muted src="https://b3hd.1ink.us/intro.mp4" crossorigin id="mv" preload="auto"></video>
</div>
<div id="vidWrapB">
<video hidden muted src="https://b3hd.1ink.us/intro.mp4" crossorigin id="ldv" preload="auto"></video>
</div>
<audio id="track" preload="auto" hidden></audio>
<table id="transforms" style="width:100px;height50px;">
<tr><td><label for="rotate-x">Rotate X</label></td><td><input hidden type="range" id="rotate-x" min="0" max="360" step="1" value="0"/></td></tr>
<tr><td><label for="rotate-y">Rotate Y</label></td><td><input hidden type="range" id="rotate-y" min="0" max="360" step="1" value="0"/></td></tr>
<tr><td><label for="rotate-z">Rotate Z</label></td><td><input hidden type="range" id="rotate-z" min="0" max="360" step="1" value="0"/></td></tr>
<tr><td><label for="translate-z">Translate Z</label></td><td><input hidden type="range" id="translate-z" min="-40" max="90" step="1" value="0"/></td></tr>
<tr><td><label for="perspective">Perspective</label></td><td><input hidden type="range" id="perspective" min="0" max="90" step="1" value="0"/></td></tr>
</table>
<script charset="utf-8" src="./ser16.js"></script>
<script crossorigin async="true" src="https://wasm.noahcohn.com/test/t3001.1ijs"></script>
</body>