Compare commits

...

3 commits

Author SHA1 Message Date
d0c569b922 fix the responsive stream window 2024-09-07 23:32:26 +00:00
7393ade563 redesign the hidden block columns 2024-09-07 23:24:23 +00:00
93c8258a9b redesign the footer column tags 2024-09-07 23:05:30 +00:00

View file

@ -54,9 +54,9 @@
<div class="content-container bg-dark text-white">
<div id="stream" class="container-fluid p-3 bg-dark text-white">
<div class="row">
<div class="col-xs-12 col-md-1">
<div class="col-md-1 d-none d-md-block">
</div>
<div class="col-xs-12 col-md-10">
<div class="col-12 col-lg-10">
<div class="content">
<video controls crossorigin playsinline poster="static/images/poster.png">
</video>
@ -204,7 +204,7 @@ document.addEventListener('DOMContentLoaded', () => {
</script>
</div>
</div>
<div class="col-xs-12 col-md-1">
<div class="col-md-1 d-none d-md-block">
</div>
</div>
</div>
@ -216,13 +216,13 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="row">
<div class="col-md-1 d-none d-md-block">
</div>
<div class="col-xs-12 col-md-5 d-none d-md-block">
<div class="col-12 col-lg-5">
<div class="content">
<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>
</div>
</div>
<div class="col-xs-12 col-md-5 d-none d-md-block">
<div class="col-12 col-lg-5">
<div class="content">
<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>
@ -239,7 +239,7 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="row">
<div class="col-md-1 d-none d-md-block">
</div>
<div class="col-md-10 d-none d-md-block">
<div class="col-12 col-lg-10">
<div class="content">
<h2>Video Archive</h2>
<div class="gallery">
@ -268,9 +268,9 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="content-container bg-dark text-white">
<div id="terminal" class="container-fluid p-3 bg-dark text-white ">
<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 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">
<widgetbot
server="803220836407443506"
@ -281,7 +281,7 @@ document.addEventListener('DOMContentLoaded', () => {
<script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script>
</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>
@ -290,9 +290,9 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="content-container bg-dark text-white">
<div id="info" class="container-fluid p-3 bg-dark text-white">
<div class="row">
<div class="col-xs-12 col-md-1">
<div class="col-md-1 d-none d-md-block">
</div>
<div class="col-xs-12 col-md-2">
<div class="col col-xl-2">
<div class="content">
<h2>Media</h2>
<p><a href='https://youtube.com/@daniel.deflax' target=_blank><img src="static/images/icons8-youtube-96.png"></a></p>
@ -300,7 +300,7 @@ document.addEventListener('DOMContentLoaded', () => {
<p><a href='https://soundcloud.com/deflax' target=_blank><img src="static/images/icons8-soundcloud-96.png"></a></p>
</div>
</div>
<div class="col-xs-12 col-md-2">
<div class="col col-xl-2">
<div class="content">
<h2>Social</h2>
<p><a href='https://discord.com/invite/KKGtn6GCE3' target=_blank><img src="static/images/icons8-discord-96.png"></a></p>
@ -308,7 +308,7 @@ document.addEventListener('DOMContentLoaded', () => {
<p><a href='https://instagram.com/daniel.deflax' target=_blank><img src="static/images/icons8-instagram-96.png"></a></p>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="col col-xl-4">
<div class="content">
<h2>Friends</h2>
<p><a href='https://jungletrain.net/' target=_blank><img src="static/images/jtlogo.png" height="64"></a></p>
@ -318,7 +318,7 @@ document.addEventListener('DOMContentLoaded', () => {
<p>You! 🙃</p>
</div>
</div>
<div class="col-xs-12 col-md-3">
<div class="col col-xl-3">
<div class="content">
<h2>About</h2>
<pre>
@ -340,9 +340,7 @@ document.addEventListener('DOMContentLoaded', () => {
<p>Everthying you do is a <a href='https://rareboc.org/' target=_blank>balloon</a></p>
</div>
</div>
<div class="col-xs-12 col-md-1">
<div class="col-md-1 d-none d-md-block">
</div>
</div>
</div>