-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
33 lines (32 loc) · 4.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no" />
<meta name="description" content="Web frontend for webvsc, a converter for Winamp AVS presets">
<title>webvsc-ui</title>
<link rel="preload" href="https://cdn.jsdelivr.net/npm/@visbot/webvsc-ui@0.8.1/dist/webvsc-ui.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700" as="style" onload="this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@visbot/webvsc-ui@0.8.1/dist/webvsc-ui.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700">
</noscript>
<style type="text/css" media="screen">:root{--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-serif:'Playfair Display',serif}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}p{orphans:3;widows:3}}*,::after,::before{box-sizing:border-box}html{font-family:serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}body{margin:0;font-family:var(--font-family-serif);font-size:1.5rem;font-weight:400;line-height:1.5;color:#eee;text-align:left;background-color:#222;overflow:hidden;transition:font-size .2s ease}hr{border-style:double;margin:1rem -1rem}h1{font-size:2rem;margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}a{color:#eee;text-decoration:underline;-webkit-text-decoration-skip:objects}a:hover{color:#ccc;text-decoration:underline}.webvsc-contents > *{max-width:680px}</style>
<script>!function(a){"use strict";var b=function(b,c,d){function e(a){return h.body?a():void setTimeout(function(){e(a)})}function f(){i.addEventListener&&i.removeEventListener("load",f),i.media=d||"all"}var g,h=a.document,i=h.createElement("link");if(c)g=c;else{var j=(h.body||h.getElementsByTagName("head")[0]).childNodes;g=j[j.length-1]}var k=h.styleSheets;i.rel="stylesheet",i.href=b,i.media="only x",e(function(){g.parentNode.insertBefore(i,c?g:g.nextSibling)});var l=function(a){for(var b=i.href,c=k.length;c--;)if(k[c].href===b)return a();setTimeout(function(){l(a)})};return i.addEventListener&&i.addEventListener("load",f),i.onloadcssdefined=l,l(f),i};"undefined"!=typeof exports?exports.loadCSS=b:a.loadCSS=b}("undefined"!=typeof global?global:this);!function(a){if(a.loadCSS){var b=loadCSS.relpreload={};if(b.support=function(){try{return a.document.createElement("link").relList.supports("preload")}catch(b){return!1}},b.poly=function(){for(var b=a.document.getElementsByTagName("link"),c=0;c<b.length;c++){var d=b[c];"preload"===d.rel&&"style"===d.getAttribute("as")&&(a.loadCSS(d.href,d,d.getAttribute("media")),d.rel=null)}},!b.support()){b.poly();var c=a.setInterval(b.poly,300);a.addEventListener&&a.addEventListener("load",function(){b.poly(),a.clearInterval(c)}),a.attachEvent&&a.attachEvent("onload",function(){a.clearInterval(c)})}}}(this);</script>
</head>
<body>
<div id="drop-area"></div>
<script src="https://cdn.jsdelivr.net/npm/@visbot/webvsc-ui@0.8.1/dist/webvsc-ui.js" defer></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var options = {
innerHTML: '<h1>webvsc-ui</h1><hr><p>This is a tool to convert <u><a href="http://www.wikiwand.com/en/Advanced_Visualization_Studio">Winamp AVS</a></u> presets into <u><a href="https://github.com/azeem/webvs">Webvs</a></u> files. Simply drag one or many presets onto this window, then wait for the download to initiate.</p>',
width: '100vw',
height: '100vh'
};
var ui = new Webvsc(document.getElementById('drop-area'), options);
});
</script>
<script>(function(e,t,n,i,a,s,c){e[n]=e[n]||function(){(e[n].q=e[n].q||[]).push(arguments)};s=t.createElement(i);c=t.getElementsByTagName(i)[0];s.async=true;s.src=a;c.parentNode.insertBefore(s,c)})(window,document,"galite","script","https://cdn.jsdelivr.net/npm/ga-lite@2/dist/ga-lite.min.js");galite("create","UA-53539506-19","auto");galite("set","anonymizeIp",true);galite("send","pageview");</script>
</body>
</html>