🪻 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 <title>Transcribe - Thistle</title>
8 <link rel="apple-touch-icon" sizes="180x180" href="../../public/favicon/apple-touch-icon.png">
9 <link rel="icon" type="image/png" sizes="32x32" href="../../public/favicon/favicon-32x32.png">
10 <link rel="icon" type="image/png" sizes="16x16" href="../../public/favicon/favicon-16x16.png">
11 <link rel="manifest" href="../../public/favicon/site.webmanifest">
12 <link rel="stylesheet" href="../styles/main.css">
13 <link rel="stylesheet" href="../styles/transcribe.css">
14</head>
15
16<body>
17 <header>
18 <div class="header-content">
19 <a href="/" class="site-title">
20 <img src="../../public/favicon/favicon-32x32.png" alt="Thistle logo">
21 <span>Thistle - Transcription</span>
22 </a>
23 <auth-component></auth-component>
24 </div>
25 </header>
26
27 <main>
28 <div class="mb-1">
29 <a href="/classes" class="back-link">
30 ← Back to classes
31 </a>
32 </div>
33
34 <div class="page-header">
35 <h1 class="page-title">Upload Transcription</h1>
36 <p class="page-subtitle">Upload your audio files and get accurate transcripts powered by Whisper</p>
37 </div>
38
39 <transcription-component></transcription-component>
40 </main>
41
42 <script type="module" src="../components/auth.ts"></script>
43 <script type="module" src="../components/transcription.ts"></script>
44</body>
45
46</html>