Improve home page video layout

This commit is contained in:
Ben Sturmfels 2024-07-19 21:39:19 +10:00
parent dbafac8f2c
commit 024ef59428
Signed by: bsturmfels
GPG key ID: 023C05E2C9C068F0
2 changed files with 2 additions and 3 deletions

View file

@ -84,7 +84,6 @@ input:focus {
video { video {
max-width: 100%; max-width: 100%;
margin: 1rem 0;
} }
a.read-more { a.read-more {

View file

@ -50,12 +50,12 @@ strategies that defend FOSS (such as copyleft). <a href="/about" class="orange">
<div class="mt3 mh2-ns mb4 flex-ns"> <div class="mt3 mh2-ns mb4 flex-ns">
<div class="w-70-ns mh2"> <div class="w-70-ns mh2">
<section class="mh0 pa3 bg-light-blue ba b--gray"> <section class="mh0 pa3 bg-light-blue ba b--gray">
<p><video style="width: 95%; height: auto;" controls="" poster="/videos/sfc-introduction-video_poster.jpg"> <video style="height: auto;" controls="" poster="/videos/sfc-introduction-video_poster.jpg">
<source src="/videos/sfc-introduction_1080p.mp4" /> <source src="/videos/sfc-introduction_1080p.mp4" />
<track src="/docs/sfc-introduction-vtt-captions.txt" kind="subtitles" srclang="en" label="English" /> <track src="/docs/sfc-introduction-vtt-captions.txt" kind="subtitles" srclang="en" label="English" />
<a href="/videos/sfc-introduction_1080p.mp4"><img src="/videos/sfc-introduction-video_poster.jpg" alt="Software Freedom Conservancy introduction video"></a><br/> <a href="/videos/sfc-introduction_1080p.mp4"><img src="/videos/sfc-introduction-video_poster.jpg" alt="Software Freedom Conservancy introduction video"></a><br/>
<a href="https://youtu.be/yCCxMfW0LTM">(watch on Youtube)</a> <a href="https://youtu.be/yCCxMfW0LTM">(watch on Youtube)</a>
</video></p> </video>
</section> </section>
<section class="mv3 ph2"> <section class="mv3 ph2">