From 024ef59428cfc26f1e35f3f1f8326b55cba2cd71 2024-07-19 11:39:45
From: Ben Sturmfels <ben@sturm.com.au>
Date: 2024-07-19 11:39:45
Subject: [PATCH] Improve home page video layout

---

diff --git a/conservancy/static/css/conservancy.css b/conservancy/static/css/conservancy.css
index 51d982b5bf5e08882c76663be20b63b123c664f5..417ffc0461ad3b7edeb4ae88631f28d082a8b70a 100644
--- a/conservancy/static/css/conservancy.css
+++ b/conservancy/static/css/conservancy.css
@@ -84,7 +84,6 @@ input:focus {
 
 video {
     max-width: 100%;
-    margin: 1rem 0;
 }
 
 a.read-more {
diff --git a/conservancy/templates/frontpage.html b/conservancy/templates/frontpage.html
index 25ea2233893d189e62d93e8c6bad8d7ce1accfd9..9995b60c4a81368a84082c7fb771ec45a044a240 100644
--- a/conservancy/templates/frontpage.html
+++ b/conservancy/templates/frontpage.html
@@ -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="w-70-ns mh2">
 <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" />
 <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="https://youtu.be/yCCxMfW0LTM">(watch on Youtube)</a>
-</video></p>
+</video>
  </section>
 
     <section class="mv3 ph2">