Adding UAI poster and video to website

demo.ipynb

@@ -714,10 +714,21 @@
     "\n",
     "    fig, ax = plt.subplots()\n",
     "    ax.imshow(image.permute(1, 2, 0).cpu().numpy())\n",
+    "    load_text = ax.text(image.shape[-1]//2, \n",
+    "                        image.shape[-2]//2, \n",
+    "                        'Loading...', \n",
+    "                        fontsize='x-large',\n",
+    "                        weight='bold',\n",
+    "                        va='center',\n",
+    "                        ha='center',\n",
+    "                        backgroundcolor=(1.0, 0.8, 0.8))\n",
+    "    load_text.set_visible(False)\n",
     "    ax.axis('off')\n",
     "\n",
     "    def onclick(event):\n",
     "        global image, latents\n",
+    "        load_text.set_visible(True)\n",
+    "        fig.canvas.draw()\n",
     "        ix, iy = event.xdata, event.ydata\n",
     "        ix = (ix / image.shape[-1] - 0.5) * 2.0\n",
     "        iy = (iy / image.shape[-2] - 0.5) * 2.0\n",
@@ -729,6 +740,7 @@
     "                                              latents=latents,\n",
     "                                              plot_images=False)\n",
     "        ax.imshow(image.permute(1, 2, 0).cpu().numpy())\n",
+    "        load_text.set_visible(False)\n",
     "        fig.canvas.draw()\n",
     "        \n",
     "    cid = fig.canvas.mpl_connect('button_press_event', onclick)"

docs/index.html

@@ -430,21 +430,21 @@ <h2 class="subtitle has-text-centered" style="width: 100%; max-width: 800px; mar
 
 
   <!-- Youtube video -->
-  <!-- <section class="hero is-small is-light">
+  <section class="hero is-small is-light">
     <div class="hero-body">
       <div class="container">
         <h2 class="title is-3">Video Presentation</h2>
         <div class="columns is-centered has-text-centered">
           <div class="column is-four-fifths">
 
             <div class="publication-video">
-              <iframe src="https://www.youtube.com/embed/JkaxUblCGz0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+              <iframe width="560" height="315" src="https://www.youtube.com/embed/QGKc1R5cLjg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
             </div>
           </div>
         </div>
       </div>
     </div>
-  </section> -->
+  </section>
   <!-- End youtube video -->
 
 
@@ -453,17 +453,17 @@ <h2 class="title is-3">Video Presentation</h2>
 
 
   <!-- Paper poster -->
-  <!-- <section class="hero is-small is-light">
+  <section class="hero is-small">
     <div class="hero-body">
       <div class="container">
         <h2 class="title">Poster</h2>
 
-        <iframe  src="static/pdfs/sample.pdf" width="100%" height="550">
+        <iframe  src="static/pdfs/UAI_Poster.pdf" width="100%" height="550">
             </iframe>
 
         </div>
       </div>
-    </section> -->
+    </section>
   <!--End paper poster -->
 
   <section class="section" id="BibTeX" style="background-color: #fafafa;">