From aaaad14dcc32bb6699435994680232b5c02098dc Mon Sep 17 00:00:00 2001
From: Chris Gerth <gerth2@users.noreply.github.com>
Date: Thu, 2 May 2024 21:56:27 -0500
Subject: [PATCH] New youtube video and visual fixups (#13)

* added champs links

* Added youtube embed

* Better sized youtube embed. Fixed tabs/spaces mix

* more formatting cleanup

* Removed old logos, visual tweaks to align with branding, apriltag verbiage, apriltag gifs and screenshots

* fixed website visuals, updated to latest youtube video
---
 assets/css/main.css | 9 +++++----
 index.html          | 6 +++---
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 549e22d..5a75c34 100755
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -2880,7 +2880,8 @@
         background-position: center center;
         background-size: cover;
         box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
-        height: 50vh;
+        max-height: 100vh;
+        min-height: 25vh;
         overflow: hidden;
         position: relative;
     }
@@ -3520,7 +3521,7 @@
                 .spotlight .image.main {
                     display: block;
                     margin: 0;
-                    max-height: 40vh;
+                    min-height: 60vh;
                     overflow: hidden;
                 }
 
@@ -3650,7 +3651,7 @@
             }
 
                 .spotlight .image.main {
-                    max-height: 60vh;
+                    min-height: 100vh;
                 }
 
                 .spotlight .content {
@@ -3937,7 +3938,7 @@
         /* Spotlight */
 
             .spotlight .image.main {
-                max-height: 50vh;
+                min-height: 70vh;
             }
 
             .spotlight .content {
diff --git a/index.html b/index.html
index e0858f5..250a930 100755
--- a/index.html
+++ b/index.html
@@ -46,7 +46,7 @@ <h2>PhotonVision</h2>
                             Raspberry Pi image and start tracking targets in minutes.</p>
                             <p><a href="downloads.html" class="button special">Download</a></p>
                         </header>
-                        <span class="image"><img src="images/PhotonVision-Icon-BG.png" alt="" /></span>
+                        <span class="image" width="10vw"><img src="images/PhotonVision-Icon-BG.png" alt="" /></span>
                     </div>
                     <a href="#two" class="goto-next_content scrolly">Next</a>
                 </section>
@@ -125,13 +125,13 @@ <h2>Champs 2024 Talk</h2>
                     </div>
                 </div>
                 <div class="row uniform">
-                    <iframe width="100%" height="50%" src="https://www.youtube.com/embed/Jcbeq8lhm6c?si=FJFmch5MhP86OYOi" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+                    <iframe width="100%" height="50%" src="https://www.youtube.com/embed/iV2v7F_9GwE?si=4wgaT1IrZBpA71dF" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                 </div>
                 <a href="#eight" class="goto-next scrolly">Next</a>
             </section>
 
             <!-- Eight -->
-            <section id="eight" class="spotlight style1 special fade-up">
+            <section id="eight" class="wrapper style1">
                     <div class="container">
                     <header class="major">
                         <h2>FOSS</h2>