File size: 1,903 Bytes
01e655b |
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 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🗣️</text></svg>">
<title>ChatTTS Forge Playground</title>
<script type="importmap">
{
"imports": {
"preact": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",
"htm": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",
"preact/hooks": "https://cdn.jsdelivr.net/npm/[email protected]/hooks/dist/hooks.module.js",
"axios": "https://cdn.jsdelivr.net/npm/[email protected]/+esm",
"@quik-fe/stand": "https://cdn.jsdelivr.net/npm/@quik-fe/[email protected]/+esm",
"goober": "https://cdn.jsdelivr.net/npm/[email protected]/+esm"
}
}
</script>
<style>
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
html {
background-color: #1f1f1f;
color: white;
}
body {
font-family: sans-serif;
}
#app {
display: flex;
flex-direction: column;
height: 100vh;
width: 100vw;
position: absolute;
}
.scrollable {
overflow: auto;
}
.pg-scrollbar::-webkit-scrollbar {
width: 8px;
}
.pg-scrollbar::-webkit-scrollbar-track {
background-color: transparent;
}
.pg-scrollbar::-webkit-scrollbar-thumb {
background-color: rgb(177, 177, 177);
border-radius: 4px;
}
.pg-scrollbar::-webkit-scrollbar-thumb:hover {
background-color: rgb(220, 220, 220);
}
.pg-scrollbar::-webkit-scrollbar-thumb:active {
background-color: rgb(160, 160, 160);
}
</style>
</head>
<body>
<div id="app"></div>
<script type="module" src="./index.mjs">
</script>
</body>
</html> |