Sustainer page — note about video; frontpage — wider; add youtube

Link to the Youtube version for browsers where <video> element
doesn't work.

Note on the sustainer page that folks should watch it to learn about
us.

Widen into the big box on front page.
This commit is contained in:
Bradley M. Kuhn 2022-05-12 15:39:29 -07:00
parent 4a7cbb6845
commit ba6f17394e
2 changed files with 9 additions and 5 deletions

View file

@ -46,9 +46,10 @@ 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: 50%; height: auto;" controls="" poster="/videos/sfc-introduction-video_poster.jpg"> <p><video style="width: 95%; height: auto;" controls="" poster="/videos/sfc-introduction-video_poster.jpg">
<source src="/videos/sfc-introduction_1080p.mp4"> <source src="/videos/sfc-introduction_1080p.mp4">
<a href="/videos/sfc-introduction_1080p.mp4"><img src="/videos/sfc-introduction-video_poster.jpg" alt="Software Freedom Conservancy introduction video"></a> <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>
</video></p> </video></p>
</section> </section>

View file

@ -47,13 +47,16 @@
you. <a href="/sponsors/#sustainers">We list our Sustainers here</a>.</p> you. <a href="/sponsors/#sustainers">We list our Sustainers here</a>.</p>
<div class="expandable-section" id="2021-summary"> <div class="expandable-section" id="2021-summary">
<br> <br>
Please watch this video to learn about what we do and why we need your support as
a Sustainer:
<p style="text-align:center;"> <p style="text-align:center;">
<video style="width: 50%; height: auto;" controls="" poster="/videos/sfc-introduction-video_poster.jpg"> <video style="width: 50%; height: auto;" controls="" poster="/videos/sfc-introduction-video_poster.jpg">
<source src="/videos/sfc-introduction_1080p.mp4"> <source src="/videos/sfc-introduction_1080p.mp4">
<a href="/videos/sfc-introduction_1080p.mp4"><img src="/videos/sfc-introduction-video_poster.jpg" alt="Software Freedom Conservancy introduction video"></a> <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>
</video></p> </video></p>
<br> <br>