ZONOS3-Mini / assets /boot.html
fffiloni's picture
v0.3.2: compact loading, moving wave and optional auto-play
9684bdc verified
Raw History Blame Contribute Delete
2.64 kB
<style>
#zonos-boot{box-sizing:border-box;display:grid;align-content:center;justify-items:center;gap:20px;min-height:280px;padding:36px 20px;background:#000;color:#ddd;font:12px/1.6 ui-monospace,monospace;text-align:center}
#zonos-boot p{margin:0}#zonos-boot strong{font-weight:400;letter-spacing:.04em}
#zonos-boot svg{display:block;width:180px;height:32px;fill:none;stroke:#999;stroke-width:1.25}
#zonos-boot a{color:#ddd;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px;margin:0 8px}
#zonos-boot a:focus-visible{outline:2px solid #eee;outline-offset:4px}
#zonos-boot [hidden]{display:none!important}
html[data-zonos-loading] gradio-app{visibility:hidden;height:0!important;overflow:hidden;flex:none!important}
</style>
<div id="zonos-boot" role="status" aria-live="polite">
<strong>ZONOS3-Mini</strong>
<svg viewBox="0 0 180 32" aria-hidden="true"><path d="M0 16H40C51 16 51 8 60 8S69 24 78 24S87 5 96 5S105 23 114 23S124 16 140 16H180"/></svg>
<p data-boot-message>Loading the interface…</p>
<div data-boot-help hidden><a href="" data-boot-reload>Reload</a><a href="" target="_blank" rel="noopener" data-boot-direct>Open in a new tab</a></div>
<noscript>This application needs JavaScript to display its controls.</noscript>
</div>
<script>
(function(){
var root=document.documentElement,boot=document.getElementById('zonos-boot');
root.setAttribute('data-zonos-loading','');
var reload=boot.querySelector('[data-boot-reload]'),direct=boot.querySelector('[data-boot-direct]');
var fresh=new URL(location.href);fresh.searchParams.set('reload',Date.now().toString());
reload.href=fresh.href;direct.href=fresh.href;
function ready(){
var player=document.getElementById('speech-player'),settings=document.getElementById('voice-options'),text=document.getElementById('script-input');
if(!document.getElementById('generate-speech')||!text||text.dataset.ready!=='true'||!player||player.dataset.ready!=='true'||!settings||settings.dataset.ready!=='true')return false;
root.removeAttribute('data-zonos-loading');boot.remove();observer.disconnect();clearTimeout(timer);return true;
}
var observer=new MutationObserver(ready);
observer.observe(document.body,{childList:true,subtree:true,attributes:true,attributeFilter:['data-ready']});
var timer=setTimeout(function(){
if(ready())return;
// This is a loading fallback, not a fabricated inference error or ETA.
root.removeAttribute('data-zonos-loading');
boot.querySelector('[data-boot-message]').textContent='The interface is taking longer to load.';
boot.querySelector('[data-boot-help]').hidden=false;
},12000);
ready();
})();
</script>