馃 distributed transcription service
thistle.dunkirk.sh
dunkirk.sh
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'; img-src 'self' data: https://hostedboringavatars.vercel.app; font-src 'self'; connect-src 'self'; form-action 'self'; base-uri 'self'; frame-ancestors 'none'; object-src 'none'">
8 <title>Thistle</title>
9 <link rel="apple-touch-icon" sizes="180x180" href="../../public/favicon/apple-touch-icon.png">
10 <link rel="icon" type="image/png" sizes="32x32" href="../../public/favicon/favicon-32x32.png">
11 <link rel="icon" type="image/png" sizes="16x16" href="../../public/favicon/favicon-16x16.png">
12 <link rel="manifest" href="../../public/favicon/site.webmanifest">
13 <link rel="stylesheet" href="../styles/main.css">
14 <link rel="stylesheet" href="../styles/index.css">
15</head>
16
17<body>
18 <header>
19 <div class="header-content">
20 <a href="/" class="site-title">
21 <img src="../../public/favicon/favicon-32x32.png" alt="Thistle logo">
22 <span>Thistle</span>
23 </a>
24 <auth-component></auth-component>
25 </div>
26 </header>
27
28 <main>
29 <h1 class="hero-title">Thistle</h1>
30 <p class="hero-subtitle">AI-powered audio transcription made simple</p>
31
32 <div class="cta-buttons">
33 <button id="start-btn" class="btn btn-primary">Start Transcribing</button>
34 </div>
35 </main>
36
37 <script type="module" src="../components/auth.ts"></script>
38 <script type="module" src="./index.ts"></script>
39</body>
40
41</html>