Add walkthrough video to home page

LibrePCB · Oct 16, 2023 · 97a99dc · 97a99dc
1 parent 2be5542
commit 97a99dc
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/assets/style.css b/assets/style.css
@@ -251,6 +251,10 @@ div.intro-screenshot-odd {
     background: rgb(88, 88, 88);
 }
 
+.intro-video {
+    max-width: 952px;
+}
+
 .intro-sponsors {
     padding: 20px 0 40px 0;
     background: rgb(88, 88, 88);

diff --git a/layouts/_default/home.html b/layouts/_default/home.html
@@ -94,6 +94,16 @@ <h1 class="fw-light">{{ .Title }}</h1>
     </div>
   </div>
 
+  <div class="intro-screenshot intro-screenshot-odd container-fluid text-center">
+    <div class="container d-flex align-items-center justify-content-center py-3">
+      <div class="container-fluid intro-video shadow-lg p-0 m-0">
+        <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
+          <iframe src="https://www.youtube-nocookie.com/embed/Nx0bYLi30O0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <div class="intro-screenshot container-fluid text-center">
     <div class="container">
       <h1>Schematic Editor</h1>