Commit 02005315 authored by Jakub Adam's avatar Jakub Adam
Browse files

HTML cleanup

parent 27835bae
...@@ -6,9 +6,9 @@ ...@@ -6,9 +6,9 @@
</head> </head>
<body> <body>
<script src="https://cdn.jsdelivr.net/npm/hls.js"></script> <script src="https://cdn.jsdelivr.net/npm/hls.js"></script>
<div id="header"> <header>
<img src="COLLABORA_01_MONO.png"> <img src="COLLABORA_01_MONO.png">
</div> </header>
<div id="videos"> <div id="videos">
<div class="display_container"> <div class="display_container">
<video id="hls_video" autoplay></video> <video id="hls_video" autoplay></video>
...@@ -19,9 +19,9 @@ ...@@ -19,9 +19,9 @@
<div>WebRTC</div> <div>WebRTC</div>
</div> </div>
</div> </div>
<div id="footer"> <footer>
<img src="gStreamer.svg"> <img src="gStreamer.svg">
</div> </footer>
<script type="module"> <script type="module">
import * as mss from './mss.js' import * as mss from './mss.js'
......
...@@ -15,7 +15,7 @@ body, html { ...@@ -15,7 +15,7 @@ body, html {
padding: 8px; padding: 8px;
} }
#header > img { header > img {
max-width: 50%; max-width: 50%;
} }
...@@ -43,13 +43,13 @@ video { ...@@ -43,13 +43,13 @@ video {
width: 100%; width: 100%;
} }
#header, #footer { header, footer {
position: relative; position: relative;
flex-basis: 0; flex-basis: 0;
flex-grow: 1; flex-grow: 1;
} }
#footer > img { footer > img {
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment