Updated project website

docs/index.html

@@ -265,6 +265,24 @@ <h1 class="is-size-5-mobile is-size-5-tablet is-size-4-desktop is-size-4-widescr
 </pre>
       </div>
     </div>
+    <div class="columns is-multiline is-centered">
+      <div class="column is-half">
+        <h1 class="is-size-5-mobile is-size-5-tablet is-size-4-desktop is-size-4-widescreen has-text-left tips-header-2 tips-header-title">
+          <b>Video Presentation</b>
+        </h1>
+        <div class="tips-video-container tips-shadow">
+          <iframe src="https://www.youtube.com/embed/yGjwlFxgpzo?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        </div>
+      </div>
+      <div class="column is-half">
+        <h1 class="is-size-5-mobile is-size-5-tablet is-size-4-desktop is-size-4-widescreen has-text-left tips-header-2 tips-header-title">
+          <b>Poster Presentation</b>
+        </h1>
+        <div class="tips-video-container tips-shadow">
+          <embed src="static/poster.pdf#navpanes=0" width="100%"></embed>
+        </div>
+      </div>
+    </div>
     <div class="columns is-centered">
       <div class="column is-half-tablet is-two-thirds-desktop">
         <h1 class="is-size-5-mobile is-size-5-tablet is-size-4-desktop is-size-4-widescreen has-text-left tips-header-2 tips-header-title">
@@ -313,7 +331,6 @@ <h1 class="is-size-5-mobile is-size-5-tablet is-size-4-desktop is-size-4-widescr
       </div>
     </div>
   </div>
-
   <!-- Javascript -->
   <script async defer src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
   <script async defer src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.min.js"></script>