<head>
<link rel='preconnect' href='https://wasm.noahcohn.com'>
<link rel='preconnect' href='https://js.1ink.us'>
<link rel='preconnect' href='https://css.1ink.us'>
<title>DECODE: FLAC to WAV</title>
<link charset=utf-8 crossorigin rel='stylesheet' href='https://css.1ink.us/sh1.1iss'/>
<style>
.project-link{
float:right;
};
.drop-zone{
border:1px red solid;
height:250px;
};
.drop-hint{
text-align:center;
padding-top:100px;
color:green;
background-color:white;
};
.hint{
background-color:#C6E7FF;
color:#0094FF;
border-radius:50%;
height:1em;
width:1em;
display:inline-block;
};
.hint:before{
content:' ? ';
margin-left:0.25em;
}
.hint.info:before{
content:' i ';
margin-left:0.25em;
};
#variants-collapse{
background-color:#DFDFDF;
color:#737373;
border-radius:50%;
height:1em;
width:1em;
display:inline-block;
text-decoration:none;
padding-bottom:4px;
padding-left:2px;
padding-right:2px;
};
.hidden{
display:none;
};
::-webkit-scrollbar{display:none;}
</style>
</head>
<body style='background-color:black'>
<img src=./img/bezel.jpg id=frm alt='Frame' style='position:absolute;top:0;height:100vh;width:100vw;z-index:10;'/>
<img src=./img/field.jpg id=frm alt='Frame' style='position:absolute;top:25vh;left:calc(50% - 25vh);right:calc(100% - 25vh);height:50vh;width:50vh;bottom:25vh;z-index:11;'/>
<img src=./img/flaclogo.gif id=frm alt='Frame' style='position:absolute;top:40vh;left:42vw;height:10vh;width:10vw;z-index:12;'/>
<div hidden id=songurl>...</div>
<div id=drop_zone class=drop-zone>
<div class=drop-hint style='position:absolute;top:10vh;left:40vw;height:20vh;right:60vw;z-index:12;'>LOADING SONG==ONE MOMENT</div>
</div>
<input type=file id=files name=files[] multiple style='opacity:0;'/>
<input type=checkbox hidden id=check_download checked>
<input type=checkbox hidden id=check_verify>
<input type=checkbox hidden id=check_ogg>
<input type=checkbox hidden id=check_extract_metadata checked>
<output id=list></output>
<script>
let scr=document.createElement("script");
scr.async=false;
scr.charset='utf-8';
scr.type='text/javascript';
scr.defer=true;
scr.src="./example/util/check-params.1ijs";
document.body.appendChild(scr);
let scr2=document.createElement("script");
scr2.async=false;
scr2.charset='utf-8';
scr2.type='text/javascript';
scr2.defer=true;
scr2.src="./example/util/check-support.1ijs";
document.body.appendChild(scr2);
let scr3=document.createElement("script");
scr3.async=false;
scr3.charset='utf-8';
scr3.type='text/javascript';
scr3.defer=true;
scr3.src="./example/util/load-script.1ijs";
document.body.appendChild(scr3);
let scr4=document.createElement("script");
scr4.async=false;
scr4.charset='utf-8';
scr4.type='text/javascript';
scr4.defer=true;
scr4.src="./example/util/setup.1ijs";
document.body.appendChild(scr4);
</script>
</body>