1{{ extends "base.tmpl" }}
 2
 3{{define "meta" -}}
 4    <title>GoPipe</title>
 5    <meta property="og:title" content="GoPipe" />
 6    <meta property="og:site_name" content="GoPipe" />
 7    <meta property="og:description" content="Embed YouTube videos on Telegram, Discord and more!" />
 8{{end}}
 9
10{{define "content" -}}
11        <hgroup>
12            <h1>GoPipe</h1>
13            <h2>Embed YouTube videos on Telegram, Discord and more!</h2>
14        </hgroup>
15        <p>GoPipe 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>
16
17        <section>
18            <header>
19                <h3 style="margin-bottom: 4px">How to use</h3>
20                <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>
21            </header>
22            <video
23                src="https://github.com/birabittoh/FixYouTube-legacy/assets/26506860/2896d39e-a86e-47ce-939a-785b73d11683"
24                style="width: 100%; max-height: 100%;" autoplay loop muted>
25                Your browser does not support the video tag.
26            </video>
27        </section>
28{{end}}
29
30{{define "scripts" -}}
31<script>
32    code = document.createElement('code');
33    code.innerText = window.location.host;
34    document.getElementById('changeme').replaceWith(code);
35</script>
36{{end}}