Archive/screentinker
1
0
Fork 0
mirror of https://github.com/screentinker/screentinker.git synced 2026-05-15 07:32:23 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add YouTube video embed to landing page

Browse source
This commit is contained in:
ScreenTinker 2026-04-29 11:25:29 -05:00
parent 19b62fdc1b
commit a27738120a
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/landing.html
View file

@ -190,6 +190,13 @@
</div> </div>
</section> </section>
<!-- Intro video -->
<div style="max-width:800px;margin:32px auto;border-radius:12px;overflow:hidden;border:1px solid var(--border)">
<div style="position:relative;padding-bottom:56.25%;height:0">
<iframe src="https://www.youtube.com/embed/Sq3RbnuDgKw?rel=0" title="ScreenTinker - Open Source Digital Signage for Any Screen" frameborder="0" allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%"></iframe>
</div>
</div>
<!-- Dashboard preview --> <!-- Dashboard preview -->
<div class="screenshot"> <div class="screenshot">
<img src="/assets/dashboard-preview.png" alt="ScreenTinker open-source digital signage dashboard showing 4 online displays with playlist assignments" loading="lazy" width="2500" height="1314"> <img src="/assets/dashboard-preview.png" alt="ScreenTinker open-source digital signage dashboard showing 4 online displays with playlist assignments" loading="lazy" width="2500" height="1314">
@ -350,6 +357,7 @@
<div style="display:flex;flex-direction:column;gap:6px;font-size:13px"> <div style="display:flex;flex-direction:column;gap:6px;font-size:13px">
<a href="https://github.com/screentinker/screentinker" target="_blank" rel="noopener" style="color:var(--muted)">GitHub</a> <a href="https://github.com/screentinker/screentinker" target="_blank" rel="noopener" style="color:var(--muted)">GitHub</a>
<a href="https://discord.gg/JHWQRPaG" target="_blank" rel="noopener" style="color:var(--muted)">Discord</a> <a href="https://discord.gg/JHWQRPaG" target="_blank" rel="noopener" style="color:var(--muted)">Discord</a>
<a href="https://www.youtube.com/@ScreenTinker" target="_blank" rel="noopener" style="color:var(--muted)">YouTube</a>
<a href="/api/status" target="_blank" style="color:var(--muted)">Status</a> <a href="/api/status" target="_blank" style="color:var(--muted)">Status</a>
<a href="/app#/login" style="color:var(--muted)">Sign in</a> <a href="/app#/login" style="color:var(--muted)">Sign in</a>
</div> </div>