Spaces:

gnilets
/

tts

Running

gnilets commited on Sep 25, 2024

Commit

5c185d3

verified ·

1 Parent(s): 1fe8463

Update main.ts

Files changed (1) hide show

main.ts CHANGED Viewed

@@ -132,6 +132,7 @@ async function handleDemoRequest(req: Request) {
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>tts</title>
   </head>
   <body>
     <div class="container">

     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>tts</title>
+    <style>body{background-color:#121212;color:#e0e0e0;font-family:Arial,sans-serif;margin:0;padding:20px;}.container{max-width:800px;margin:0 auto;padding:20px;background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.2);}.input-area,.output-area{margin-bottom:20px;}.slider-container,.textarea-container,.dropdown-container{margin-bottom:20px;}label{display:block;margin-bottom:8px;font-weight:bold;}input[type="range"]{width:100%;}.slider-value{text-align:center;margin-top:8px;}textarea{width:calc(100%-20px);height:100px;padding:10px;border:1px solid#333;border-radius:4px;background-color:#2e2e2e;color:#e0e0e0;resize:none;}select{width:100%;padding:10px;border:1px solid#333;border-radius:4px;background-color:#2e2e2e;color:#e0e0e0;}button{width:100%;padding:10px;border:none;border-radius:4px;background-color:#6200ea;color:#fff;font-size:16px;cursor:pointer;transition:background-color 0.3s;}button:hover{background-color:#3700b3;}h1{font-size:24px;margin-bottom:20px;}a{color:#bb86fc;text-decoration:none;}a:hover{text-decoration:underline;}#audioPlayerContainer{text-align:center;}audio{width:100%;max-width:600px;margin:10px 0;}a{display:block;margin:10px 0;}</style>
   </head>
   <body>
     <div class="container">