fixyoutube/templates/index.html (view raw)
1
2<!doctype html>
3<html lang="en">
4
5<head>
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 <meta property="og:title" content="FixYouTube" />
9 <meta property="og:site_name" content="FixYouTube" />
10 <meta property="og:description" content="Embed YouTube videos on Telegram, Discord and more!" />
11 <title>FixYouTube</title>
12
13 <link rel="icon"
14 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>">
15 <link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">
16</head>
17
18<body>
19 <main class="container" style="max-width: 35rem">
20 <hgroup>
21 <h1>FixYouTube</h1>
22 <h2>Embed YouTube videos on Telegram, Discord and more!</h2>
23 </hgroup>
24 <p>FixYouTube serves fixed YouTube video embeds. Heavily inspired by <a href="https://fxtwitter.com">fxtwitter.com</a> and <a href="https://ddinstagram.com">ddinstagram.com</a>.</p>
25
26 <section>
27 <header>
28 <h3 style="margin-bottom: 4px">How to Use</h3>
29 <p>Replace <code>www.youtube.com</code> or <code>youtu.be</code> with <span id="changeme">this domain</span> to fix embeds for short videos.</p>
30 </header>
31 <video
32 src="https://github.com/BiRabittoh/FixYouTube/assets/26506860/2896d39e-a86e-47ce-939a-785b73d11683"
33 controls="controls" muted="muted" style="width: 100%; max-height: 100%;">
34 Your browser does not support the video tag.
35 </video>
36 <hr>
37 <small><a href="{{ repo_url }}" target="_blank">Source code available in GitHub!</a></small>
38 <br>
39 <small>• YouTube is a trademark of Google LLC. This app is not affiliated with Google LLC.</small>
40 </section>
41 </main>
42 <script>
43 code = document.createElement('code');
44 code.innerText = window.location.host;
45 document.getElementById('changeme').replaceWith(code);
46 </script>
47</body>
48
49</html>