Merge branch 'main' of https://github.com/BerkeleyLearnVerify/Scenic_…

…Website
BerkeleyLearnVerify · Jun 5, 2024 · 0c78c0c · 0c78c0c
2 parents adb044c + 39c0a3a
commit 0c78c0c
Show file tree

Hide file tree

Showing 8 changed files with 202 additions and 98 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,9 +1,7 @@
 _site/
 .DS_Store
 /bundle-vendor/bundle/
-resources/css/vendor/
-resources/js/vendor/
-vendor/bundle
+vendor/
 /.jekyll-metadata
 .bundle
 /.idea

diff --git a/cvpr24/img/vids/Reinforcement Learning.mp4 b/cvpr24/img/vids/Reinforcement Learning.mp4
diff --git a/cvpr24/img/vids/autonomous-driving.mp4 b/cvpr24/img/vids/autonomous-driving.mp4
diff --git a/cvpr24/img/vids/rehab_preliminary_full_demo.mp4 b/cvpr24/img/vids/rehab_preliminary_full_demo.mp4
diff --git a/cvpr24/img/vids/robotics.mp4 b/cvpr24/img/vids/robotics.mp4
diff --git a/cvpr24/img/xplane.jpg b/cvpr24/img/xplane.jpg
diff --git a/cvpr24/index.html b/cvpr24/index.html
@@ -92,6 +92,76 @@ <h2 class="text-uppercase text-letter-spacing-xs my-0 text-primary font-weight-b
     </p>
   </div>
 
+  <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">
+        Flexible Scenario / Data Generation Across Different Domains
+      </h2>
+      <br>
+      <div class="row text-center" style="text-align:center; justify-content: center; align-items: center;">
+        <div class="col-lg-3 col-sm-3 col-xs-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s"
+          data-wow-offset="0"
+          style="visibility: visible; animation-duration: 1s; animation-delay: 0.1s; animation-name: fadeInLeft;">
+          <div class="our-bod">
+            <div class="single-bod">
+              <video controls>
+                <source src="img/vids/autonomous-driving.mp4" type="video/mp4">
+                Your browser does not support the video tag.
+              </video>
+            </div>
+          </div>
+        </div><!--- END COL -->
+        <div class="col-lg-3 col-sm-3 col-xs-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s"
+          data-wow-offset="0"
+          style="visibility: visible; animation-duration: 1s; animation-delay: 0.1s; animation-name: fadeInLeft;">
+          <div class="our-bod">
+            <div class="single-bod">
+              <video controls>
+                <source src="img/vids/robotics.mp4" type="video/mp4">
+                Your browser does not support the video tag.
+              </video>
+            </div>
+          </div>
+        </div><!--- END COL -->
+      </div><!--- END ROW -->
+      <div class="row text-center" style="text-align:center; justify-content: center; align-items: center;">
+        <div class="col-lg-3 col-sm-3 col-xs-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s"
+          data-wow-offset="0"
+          style="visibility: visible; animation-duration: 1s; animation-delay: 0.1s; animation-name: fadeInLeft;">
+          <div class="our-bod">
+            <div class="single-bod">
+              <div class="image" style="background-image: url('img/xplane.jpg')"></div>
+            </div>
+          </div>
+        </div><!--- END COL -->
+        <div class="col-lg-3 col-sm-3 col-xs-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s"
+          data-wow-offset="0"
+          style="visibility: visible; animation-duration: 1s; animation-delay: 0.1s; animation-name: fadeInLeft;">
+          <div class="our-bod">
+            <div class="single-bod">
+              <video controls>
+                <source src="img/vids/Reinforcement Learning.mp4" type="video/mp4">
+                Your browser does not support the video tag.
+              </video>
+            </div>
+          </div>
+        </div><!--- END COL -->
+        <div class="col-lg-3 col-sm-3 col-xs-12 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s"
+          data-wow-offset="0"
+          style="visibility: visible; animation-duration: 1s; animation-delay: 0.1s; animation-name: fadeInLeft;">
+          <div class="our-bod">
+            <div class="single-bod">
+              <video controls>
+                <source src="img/vids/rehab_preliminary_full_demo.mp4" type="video/mp4">
+                Your browser does not support the video tag.
+              </video>
+            </div>
+          </div>
+        </div><!--- END COL -->
+      </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">
@@ -262,7 +332,7 @@ <h2 class="text-uppercase text-letter-spacing-xs my-0 text-primary font-weight-b
     <br>
     <div class="sched-div mb-2 center" id="Friday, Nov 13th">
       <h4 class="mt-0 mb-2 text-dark op-8 font-weight-bold">
-        Time: 9:00 AM-12:00 PM
+        Time: June 17th, 9:00 AM-12:00 PM
       </h4>
       <p class="text-sm text-dark">
         Time zone: <a href="https://www.timeanddate.com/time/zone/usa/seattle">PDT (Pacific Daylight Time)</a> <br>

diff --git a/cvpr24/main.css b/cvpr24/main.css
@@ -1,38 +1,38 @@
-body{
-    background-color:#eee;
-    margin-top:20px;
-    font-size: 0.9em;
+body {
+  background-color: #eee;
+  margin-top: 20px;
+  font-size: 0.9em;
 }
 
-a:link{
-  color: #327ecf!important;
+a:link {
+  color: #327ecf !important;
   font-weight: bold;
 }
 
 a {
-  color: #327ecf!important;
+  color: #327ecf !important;
 }
 
-h1{
+h1 {
   font-size: 3em;
   margin-bottom: 20px;
 }
 
-h5{
+h5 {
   font-size: 1.5em;
   margin-bottom: 20px;
 }
 
-h2{
+h2 {
   font-size: 1.4em;
   margin-bottom: 0px;
 }
 
-h4{
+h4 {
   font-size: 1.2em;
 }
 
-.centered-aligned{
+.centered-aligned {
   padding-right: 10%;
   padding-left: 10%;
   text-align: justify;
@@ -393,121 +393,157 @@ h4{
 /*https://www.bootdey.com/snippets/view/team-list-with-board-of-directors*/
 /*START BOARD DIRECTOR*/
 .bod_area {
-    padding-bottom: 80px;
+  padding-bottom: 80px;
 }
+
 .our-bod {}
-@media only screen and (max-width:768px) { 
-.our-bod {margin-bottom:30px}
+
+@media only screen and (max-width:768px) {
+  .our-bod {
+    margin-bottom: 30px
+  }
+}
+
+.single-bod {
+  margin-bottom: 10px;
 }
-.single-bod{margin-bottom:10px;}
+
 .single-bod img {
-    margin-bottom:10px;
-    width: 120px;
-    border-radius: 50%;
-    height: 120px;
-    object-fit: cover;
-    border: 10px solid rgba(255,255,255,0.1);
+  margin-bottom: 10px;
+  width: 120px;
+  border-radius: 50%;
+  height: 120px;
+  object-fit: cover;
+  border: 10px solid rgba(255, 255, 255, 0.1);
+}
+
+.single-bod video {
+  margin-bottom: 10px;
+  width: 100%;
+  height: 200px;
+  float: none;
 }
+
+.single-bod .image {
+  margin-bottom: 10px;
+  margin: 0 auto;
+  width: 100%;
+  height: 200px;
+  float: none;
+}
+
 .single-bod h3 {
-    margin-bottom:0px;
-    font-size:18px;
-    font-weight: 600;
-    color: #fff;
+  margin-bottom: 0px;
+  font-size: 18px;
+  font-weight: 600;
+  color: #fff;
+}
+
+.single-bod p {
+  margin-bottom: 0px;
 }
-.single-bod p{margin-bottom:0px;}
 
 .our-bod .social {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    text-align: center;
-    -webkit-transition: all 0.3s ease 0s;
-    transition: all 0.3s ease 0s;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  text-align: center;
+  -webkit-transition: all 0.3s ease 0s;
+  transition: all 0.3s ease 0s;
 }
-.our-bod .social li{
-display: inline-block;
+
+.our-bod .social li {
+  display: inline-block;
 }
+
 .our-bod .social li a {
-    display: block;
-    width: 35px;
-    height: 35px;
-    line-height: 35px;
-    font-size: 15px;
-    color: #fff;
-    position: relative;
-    -webkit-transition: all 0.3s ease-in-out 0s;
-    transition: all 0.3s ease-in-out 0s;
-    border-radius: 30px;
-    margin: 3px;
-}
-.our-bod:hover .social li:nth-child(1) a{
-    -webkit-transition-delay: 0.3s;
-            transition-delay: 0.3s;
-}
-.our-bod:hover .social li:nth-child(2) a{
-    -webkit-transition-delay: 0.2s;
-            transition-delay: 0.2s
-}
-.our-bod:hover .social li:nth-child(3) a{
-    -webkit-transition-delay: 0.1s;
-            transition-delay: 0.1s;
-}
-.our-bod:hover .social li:nth-child(4) a{
-    -webkit-transition-delay: 0s;
-            transition-delay: 0s;
-}
-.our-bod .social li a:hover{
-    -webkit-transition-delay: 0s;
-            transition-delay: 0s;
+  display: block;
+  width: 35px;
+  height: 35px;
+  line-height: 35px;
+  font-size: 15px;
+  color: #fff;
+  position: relative;
+  -webkit-transition: all 0.3s ease-in-out 0s;
+  transition: all 0.3s ease-in-out 0s;
+  border-radius: 30px;
+  margin: 3px;
+}
+
+.our-bod:hover .social li:nth-child(1) a {
+  -webkit-transition-delay: 0.3s;
+  transition-delay: 0.3s;
+}
+
+.our-bod:hover .social li:nth-child(2) a {
+  -webkit-transition-delay: 0.2s;
+  transition-delay: 0.2s
 }
+
+.our-bod:hover .social li:nth-child(3) a {
+  -webkit-transition-delay: 0.1s;
+  transition-delay: 0.1s;
+}
+
+.our-bod:hover .social li:nth-child(4) a {
+  -webkit-transition-delay: 0s;
+  transition-delay: 0s;
+}
+
+.our-bod .social li a:hover {
+  -webkit-transition-delay: 0s;
+  transition-delay: 0s;
+}
+
 .title_spectial {
-    color: #fff;
-    text-align: center;
-    font-weight: 600;
-    position: relative;
-    margin-bottom: 60px;
-    text-transform: uppercase;
-    font-size: 24px;
+  color: #fff;
+  text-align: center;
+  font-weight: 600;
+  position: relative;
+  margin-bottom: 60px;
+  text-transform: uppercase;
+  font-size: 24px;
 }
+
 .bod_area {
-    padding-bottom: 80px;
+  padding-bottom: 80px;
 }
 
 .section-padding {
-    padding: 80px 0;
-    padding-top: 100px;
+  padding: 80px 0;
+  padding-top: 100px;
 }
 
 /* Main style */
 
 body {
-    color:rgba(85, 167, 154, .3);
-    background-color: rgb(255, 255, 255);
+  color: rgba(85, 167, 154, .3);
+  background-color: rgb(255, 255, 255);
 }
 
 .bg-orange {
-    background-color: rgb(239, 239, 238);
-    padding: top right bottom left;
-    margin-top: 30px;
-    margin-bottom: 30px;
-    padding-top: 20px;
-    padding-bottom: 20px;
+  background-color: rgb(239, 239, 238);
+  padding: top right bottom left;
+  margin-top: 30px;
+  margin-bottom: 30px;
+  padding-top: 20px;
+  padding-bottom: 20px;
 }
 
 .marg-div {
-    margin: 15px 40px 15px 40px;
+  margin: 15px 40px 15px 40px;
 }
 
-.sched-div{
-    margin: 15px 70px 15px 70px;
+.sched-div {
+  margin: 15px 70px 15px 70px;
 }
 
-.text-primary{
-    color: #327ecf!important;
+.text-primary {
+  color: #327ecf !important;
 }
 
 .list-timeline.list-timeline-primary .list-timeline-item:before {
-    border-color: #327ecf!important;
+  border-color: #327ecf !important;
 }
 
 .list-timeline.list-timeline-primary .list-timeline-item.active:before,
@@ -516,10 +552,10 @@ body {
   background: #327ecf
 }
 
-.text-institute{
-    color: #626467!important;
+.text-institute {
+  color: #626467 !important;
 }
 
-.text-name{
-    color: #425a7d!important;
+.text-name {
+  color: #425a7d !important;
 }