deflax/television
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

redesign the hidden block columns

Browse source
This commit is contained in:
deflax 2024-09-07 23:24:23 +00:00
parent 93c8258a9b
commit 7393ade563
1 changed files with 11 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/api/templates/index.html
View file

@ -54,9 +54,9 @@
<div class="content-container bg-dark text-white"> <div class="content-container bg-dark text-white">
<div id="stream" class="container-fluid p-3 bg-dark text-white"> <div id="stream" class="container-fluid p-3 bg-dark text-white">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-1"> <div class="col-md-1 d-none d-md-block">
</div> </div>
<div class="col-xs-12 col-md-10"> <div class="col-12 col-md-10">
<div class="content"> <div class="content">
<video controls crossorigin playsinline poster="static/images/poster.png"> <video controls crossorigin playsinline poster="static/images/poster.png">
</video> </video>
@ -204,7 +204,7 @@ document.addEventListener('DOMContentLoaded', () => {
</script> </script>
</div> </div>
</div> </div>
<div class="col-xs-12 col-md-1"> <div class="col-md-1 d-none d-md-block">
</div> </div>
</div> </div>
</div> </div>
@ -216,13 +216,13 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="row"> <div class="row">
<div class="col-md-1 d-none d-md-block"> <div class="col-md-1 d-none d-md-block">
</div> </div>
<div class="col col-md-5"> <div class="col-12 col-lg-5">
<div class="content"> <div class="content">
<h2>Records</h2> <h2>Records</h2>
<iframe width="100%" height="480" src="https://www.youtube.com/embed/videoseries?si=RdMNZq4hYudlCW37&amp;list=PLVB9xwlHyW_LhxubZ9HL8wzx1mmDNBj0z" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> <iframe width="100%" height="480" src="https://www.youtube.com/embed/videoseries?si=RdMNZq4hYudlCW37&amp;list=PLVB9xwlHyW_LhxubZ9HL8wzx1mmDNBj0z" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div> </div>
</div> </div>
<div class="col col-md-5"> <div class="col-12 col-lg-5">
<div class="content"> <div class="content">
<h2>Digital playlist and stuff</h2> <h2>Digital playlist and stuff</h2>
<iframe width="100%" height="480" src="https://www.youtube.com/embed/videoseries?si=SPAsQfxoya_Jeurd&amp;list=PLVB9xwlHyW_LWz1KEmhxXhGbypcpcdHM3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> <iframe width="100%" height="480" src="https://www.youtube.com/embed/videoseries?si=SPAsQfxoya_Jeurd&amp;list=PLVB9xwlHyW_LWz1KEmhxXhGbypcpcdHM3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
@ -239,7 +239,7 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="row"> <div class="row">
<div class="col-md-1 d-none d-md-block"> <div class="col-md-1 d-none d-md-block">
</div> </div>
<div class="col-md-10 d-none d-md-block"> <div class="col-12 col-lg-10">
<div class="content"> <div class="content">
<h2>Video Archive</h2> <h2>Video Archive</h2>
<div class="gallery"> <div class="gallery">
@ -268,9 +268,9 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="content-container bg-dark text-white"> <div class="content-container bg-dark text-white">
<div id="terminal" class="container-fluid p-3 bg-dark text-white "> <div id="terminal" class="container-fluid p-3 bg-dark text-white ">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-1 d-none d-md-block"> <div class="col-md-1 d-none d-md-block">
</div> </div>
<div class="col-xs-12 col-md-10 d-none d-md-block"> <div class="col-12 col-lg-10 d-none d-md-block">
<div class="content"> <div class="content">
<widgetbot <widgetbot
server="803220836407443506" server="803220836407443506"
@ -281,7 +281,7 @@ document.addEventListener('DOMContentLoaded', () => {
<script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script> <script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script>
</div> </div>
</div> </div>
<div class="col-xs-12 col-md-1 d-none d-md-block"> <div class="col-md-1 d-none d-md-block">
</div> </div>
</div> </div>
</div> </div>
@ -290,7 +290,7 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="content-container bg-dark text-white"> <div class="content-container bg-dark text-white">
<div id="info" class="container-fluid p-3 bg-dark text-white"> <div id="info" class="container-fluid p-3 bg-dark text-white">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-1"> <div class="col-md-1 d-none d-md-block">
</div> </div>
<div class="col col-xl-2"> <div class="col col-xl-2">
<div class="content"> <div class="content">
@ -340,10 +340,8 @@ document.addEventListener('DOMContentLoaded', () => {
<p>Everthying you do is a <a href='https://rareboc.org/' target=_blank>balloon</a></p> <p>Everthying you do is a <a href='https://rareboc.org/' target=_blank>balloon</a></p>
</div> </div>
</div> </div>
<div class="col-md-1 d-none d-md-block">
<div class="col-xs-12 col-md-1">
</div> </div>
</div> </div>
</div> </div>
</div> </div>