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
PhotonVision · May 3, 2024 · aaaad14 · aaaad14
1 parent ca66971
commit aaaad14
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git 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
@@ -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>