🪻 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:; font-src 'self'; connect-src 'self'; form-action 'self'; base-uri 'self'; frame-ancestors 'none'; object-src 'none'">
8 <title>Transcribe - 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/transcribe.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 - Transcription</span>
23 </a>
24 <auth-component></auth-component>
25 </div>
26 </header>
27
28 <main>
29 <div class="mb-1">
30 <a href="/classes" class="back-link">
31 ← Back to classes
32 </a>
33 </div>
34
35 <div class="page-header">
36 <h1 class="page-title">Upload Transcription</h1>
37 <p class="page-subtitle">Upload your audio files and get accurate transcripts powered by Whisper</p>
38 </div>
39
40 <transcription-component></transcription-component>
41 </main>
42
43 <script type="module" src="../components/auth.ts"></script>
44 <script type="module" src="../components/transcription.ts"></script>
45</body>
46
47</html>