From 73f98fc75046ffbdab4e058a567f8fe1272c3821 Mon Sep 17 00:00:00 2001
From: Daniel He <tcdanielh@berkeley.edu>
Date: Mon, 15 Jul 2024 12:57:16 -0700
Subject: [PATCH] Add cvpr video

---
 cvpr24/index.html | 40 +++++++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/cvpr24/index.html b/cvpr24/index.html
index da22684..16e9171 100644
--- a/cvpr24/index.html
+++ b/cvpr24/index.html
@@ -61,10 +61,11 @@ <h5 class="text-letter-spacing-xs my-0 text-primary font-weight-bold text-center
       <h2 class="text-sm text-dark text-center">
         CVPR 2024 Tutorial <br><br>
       </h2>
-      <!-- <p class="text-sm text-dark text-center">
-          Monday, June 19th 2024 - Seattle<br>
-          <a href="https://youtu.be/.../"><i class="fa fa-youtube-play" style="font-size:48px;color:red"></i></a>
-        </p> -->
+      <p class="text-sm text-dark text-center">
+        <video>
+          <source src="https://drive.google.com/uc?export=download&id=1ZHGAlDWH19WANc89XVNUtYjpeDp_MgWQ" type='video/mp4'>
+        </video>
+      </p>
     </div>
   </section>
 
@@ -88,7 +89,7 @@ <h2 class="text-uppercase text-letter-spacing-xs my-0 text-primary font-weight-b
       design. We will provide a hands-on tutorial on the basics of Scenic and its applications, how to create Scenic
       programs and your own new applications on top of Scenic, and to interface the language to your simulator/renderer
       of choice. For more information on Scenic, please visit the website: <a href="https://scenic-lang.org">
-      https://scenic-lang.org</a>.
+        https://scenic-lang.org</a>.
     </p>
   </div>
 
@@ -166,7 +167,7 @@ <h2 class="text-uppercase text-letter-spacing-xs my-0 text-primary font-weight-b
       </div><!--- END ROW -->
     </div><!--- END CONTAINER -->
   </section>
-  
+
   <section id="bod">
     <div class="container bg-orange">
       <h2 class="text-uppercase text-letter-spacing-xs my-0 text-primary font-weight-bold text-center">
@@ -345,7 +346,8 @@ <h4 class="mt-0 mb-2 text-dark op-8 font-weight-bold">
         <!-- <font color="#9F000F"><b>NEWS:</b> recording available <a href="https://youtu.be/AxhjGR1WIv8">here</a>.</font> -->
       </p>
       <p class="text-sm text-dark">
-        Here are the slides used in the tutorial: <a href="https://scenic-lang.org/cvpr24/Scenic-CVPR24_Tutorial_Slides.pdf">Tutorial Slides (PDF)</a>
+        Here are the slides used in the tutorial: <a
+          href="https://scenic-lang.org/cvpr24/Scenic-CVPR24_Tutorial_Slides.pdf">Tutorial Slides (PDF)</a>
       </p>
       <ul class="list-timeline list-timeline-primary">
         <li class="list-timeline-item p-0 pb-3 pb-lg-4 d-flex flex-wrap flex-column">
@@ -358,11 +360,15 @@ <h4 class="mt-0 mb-2 text-dark op-8 font-weight-bold">
         </li>
         <li class="list-timeline-item p-0 pb-3 pb-lg-4 d-flex flex-wrap flex-column">
           <p class="my-0 text-dark flex-fw text-sm">
-            <span class="text-inverse op-8">09:30 - 10:45</span> - <i><b>Introduction to the Scenic language with hands-on programming</b>: We will provide a tutorial on how to model dynamic, interactive, multi-agent scenarios with hands-on programming in Google Colab notebooks.</i>
-            <ul>
-              <li><a href="https://colab.research.google.com/drive/1iD2I3MEPVsPaAjBlu_1V9jZOpYnk9AuQ">Notebook 1: Static Scenarios</a></li>
-              <li><a href="https://colab.research.google.com/drive/1s27MzZ4RM2zZ-Pm3S7XNgFmp43_8klsW">Notebook 2: Dynamic Scenarios</a></li>
-            </ul>
+            <span class="text-inverse op-8">09:30 - 10:45</span> - <i><b>Introduction to the Scenic language with
+                hands-on programming</b>: We will provide a tutorial on how to model dynamic, interactive, multi-agent
+              scenarios with hands-on programming in Google Colab notebooks.</i>
+          <ul>
+            <li><a href="https://colab.research.google.com/drive/1iD2I3MEPVsPaAjBlu_1V9jZOpYnk9AuQ">Notebook 1: Static
+                Scenarios</a></li>
+            <li><a href="https://colab.research.google.com/drive/1s27MzZ4RM2zZ-Pm3S7XNgFmp43_8klsW">Notebook 2: Dynamic
+                Scenarios</a></li>
+          </ul>
           </p>
         </li>
         <li class="list-timeline-item p-0 pb-3 pb-lg-4 d-flex flex-wrap flex-column">
@@ -372,12 +378,16 @@ <h4 class="mt-0 mb-2 text-dark op-8 font-weight-bold">
         </li>
         <li class="list-timeline-item p-0 pb-3 pb-lg-4 d-flex flex-wrap flex-column">
           <p class="my-0 text-dark flex-fw text-sm">
-            <span class="text-inverse op-8">11:00 - 11:25</span> - <i><b>Applications of Scenic (Part 1)</b>: We will cover how to test perception, behavior prediction, and planning components or the full autopilot stack in simulation with Scenic using its support toolkit called VERIFAI</i>
+            <span class="text-inverse op-8">11:00 - 11:25</span> - <i><b>Applications of Scenic (Part 1)</b>: We will
+              cover how to test perception, behavior prediction, and planning components or the full autopilot stack in
+              simulation with Scenic using its support toolkit called VERIFAI</i>
           </p>
         </li>
         <li class="list-timeline-item p-0 pb-3 pb-lg-4 d-flex flex-wrap flex-column">
           <p class="my-0 text-dark flex-fw text-sm">
-            <span class="text-inverse op-8">11:25 - 11:50</span> - <i><b>Applications of Scenic (Part 2)</b>: We will cover how to collect desired sensor data (e.g. RGB, LiDAR) and labels (e.g. segmentation, 3D bounding boxes) using Scenic, and how to perform sim-to-real validation</i>
+            <span class="text-inverse op-8">11:25 - 11:50</span> - <i><b>Applications of Scenic (Part 2)</b>: We will
+              cover how to collect desired sensor data (e.g. RGB, LiDAR) and labels (e.g. segmentation, 3D bounding
+              boxes) using Scenic, and how to perform sim-to-real validation</i>
           </p>
         </li>
         <li class="list-timeline-item p-0 pb-3 pb-lg-4 d-flex flex-wrap flex-column">
@@ -400,7 +410,7 @@ <h4 class="mt-0 mb-2 text-dark op-8 font-weight-bold">
         localization
         for free CVPR '23 tutorial</a>.
       <br>
-      Last updated: 10th of June 2024
+      Last updated: 15th of July 2024
     </p>
   </div>