diff options
| author | Mohammad Akhlaghi <mohammad@akhlaghi.org> | 2021-06-30 23:26:42 +0100 |
|---|---|---|
| committer | Mohammad Akhlaghi <mohammad@akhlaghi.org> | 2021-06-30 23:36:27 +0100 |
| commit | 04b55e6baaac1dabf082620ca5089483ca336d48 (patch) | |
| tree | 0f87c1f22f649a806440a7a5fc7c606f3c695016 /index.html | |
| parent | 771596f925cdc4ee82e9c9a2185a6a2e5f1d51cd (diff) | |
Added CSS, allowing iframe aspect ratio to be preserved
Until now, a fixed height of 315 was assumed for the 'iframe'. So on a
full screen monitor the video would be too thin and on a smarphone it
would be too thick.
With this commit, I found a good CSS style that conforms to CSS2 for
older browsers also and used it to have varying aspect ratios based on
the size of the browser.
Also, now that people can directly watch the video on Maneage's own
webpage, it was necessary to edit the text above the video.
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 8 |
1 files changed, 6 insertions, 2 deletions
@@ -83,8 +83,12 @@ <img class="center" src="img/project-flow.svg" width="85%" /> <h3>Short video introduction to Maneage:</h3> - <p class="clean">By clicking on the image below, you will be taken to a PeerTube instance to see an invited talk at RDA Adoption week 2020 to introduce Maneage (20 minutes); the <a href="pdf/slides-intro.pdf">slides</a> are also available. For a more detailed talk (80 minutes), see this <a href="https://peertube.stream/videos/watch/e7fdf27b-61b8-40cd-8306-482d79e4d6c5">invited lecture at CiTIUS</a>.</p> - <iframe width="85%" height="315" class="center" sandbox="allow-same-origin allow-scripts allow-popups" title="maneage-into-rda-2020-06-18" src="https://peertube.stream/videos/embed/f8b1b565-0e8d-4279-b7c5-f20e51e1d8da" frameborder="0" allowfullscreen></iframe> + <p class="clean">In the box below, you can watch a video of an invited talk at RDA Adoption week 2020 to introduce Maneage (17 minutes, hosted <a href="https://peertube.stream/videos/watch/f8b1b565-0e8d-4279-b7c5-f20e51e1d8da">on PeerTube</a>). + For a more detailed talk (80 minutes), see this <a href="https://peertube.stream/videos/watch/e7fdf27b-61b8-40cd-8306-482d79e4d6c5">invited lecture at CiTIUS</a> (link opens in PeerTube). + The slides are also <a href="pdf/slides-intro.pdf">available as PDF</a>.</p> + <div class="aspect-ratio"> + <iframe class="center" sandbox="allow-same-origin allow-scripts allow-popups" title="maneage-into-rda-2020-06-18" src="https://peertube.stream/videos/embed/f8b1b565-0e8d-4279-b7c5-f20e51e1d8da" frameborder="0" allowfullscreen></iframe> + </div> </section> <section> |