diff --git a/images/JonBarron.jpg b/images/JonBarron.jpg
index d583ab98f7..bfaf851595 100644
Binary files a/images/JonBarron.jpg and b/images/JonBarron.jpg differ
diff --git a/images/cat4d.jpg b/images/cat4d.jpg
new file mode 100644
index 0000000000..b4a8463a10
Binary files /dev/null and b/images/cat4d.jpg differ
diff --git a/images/cat4d.mp4 b/images/cat4d.mp4
new file mode 100644
index 0000000000..4a3ba543ae
Binary files /dev/null and b/images/cat4d.mp4 differ
diff --git a/images/r2r.jpg b/images/r2r.jpg
new file mode 100644
index 0000000000..9463e8f23e
Binary files /dev/null and b/images/r2r.jpg differ
diff --git a/images/r2r.mp4 b/images/r2r.mp4
new file mode 100644
index 0000000000..5c68cb19e3
Binary files /dev/null and b/images/r2r.mp4 differ
diff --git a/images/simvs.jpg b/images/simvs.jpg
new file mode 100644
index 0000000000..88bcf9ff2e
Binary files /dev/null and b/images/simvs.jpg differ
diff --git a/images/simvs.mp4 b/images/simvs.mp4
new file mode 100644
index 0000000000..568be1564f
Binary files /dev/null and b/images/simvs.mp4 differ
diff --git a/index.html b/index.html
index 8d32f54e7b..67c59301b5 100755
--- a/index.html
+++ b/index.html
@@ -33,17 +33,18 @@
                   <a href="data/JonBarron-bio.txt">Bio</a> &nbsp;/&nbsp;
                   <a href="https://scholar.google.com/citations?hl=en&user=jktWnL8AAAAJ">Scholar</a> &nbsp;/&nbsp;
                   <a href="https://twitter.com/jon_barron">Twitter</a> &nbsp;/&nbsp;
+                  <a href="https://bsky.app/profile/jonbarron.bsky.social">Bluesky</a> &nbsp;/&nbsp;
                   <a href="https://github.com/jonbarron/">Github</a>
                 </p>
               </td>
-              <td style="padding:2.5%;width:40%;max-width:40%">
+              <td style="padding:2.5%;width:37%;max-width:37%">
                 <a href="images/JonBarron.jpg"><img style="width:100%;max-width:100%;object-fit: cover; border-radius: 50%;" alt="profile photo" src="images/JonBarron.jpg" class="hoverZoomLink"></a>
               </td>
             </tr>
           </tbody></table>
           <table style="width:100%;border:0px;border-spacing:0px;border-collapse:separate;margin-right:auto;margin-left:auto;"><tbody>
               <tr>
-              <td style="padding:20px;width:100%;vertical-align:middle">
+              <td style="padding:16px;width:100%;vertical-align:middle">
                 <h2>Research</h2>
                 <p>
                   I'm interested in computer vision, deep learning, generative AI, and image processing. Most of my research is about inferring the physical world (shape, motion, color, light, etc) from images, usually with radiance fields. Some papers are <span class="highlight">highlighted</span>.
@@ -54,8 +55,154 @@ <h2>Research</h2>
           <table style="width:100%;border:0px;border-spacing:0px;border-collapse:separate;margin-right:auto;margin-left:auto;"><tbody>
 
 
+
+    <tr onmouseout="r2r_stop()" onmouseover="r2r_start()">
+      <td style="padding:16px;width:20%;vertical-align:middle">
+        <div class="one">
+          <div class="two" id='r2r_image'><video  width=100% muted autoplay loop>
+          <source src="images/r2r.mp4" type="video/mp4">
+          Your browser does not support the video tag.
+          </video></div>
+          <img src='images/r2r.jpg' width=100%>
+        </div>
+        <script type="text/javascript">
+          function r2r_start() {
+            document.getElementById('r2r_image').style.opacity = "1";
+          }
+
+          function r2r_stop() {
+            document.getElementById('r2r_image').style.opacity = "0";
+          }
+          r2r_stop()
+        </script>
+      </td>
+      <td style="padding:8px;width:80%;vertical-align:middle">
+        <a href="https://relight-to-reconstruct.github.io/">
+          <span class="papertitle">Generative Multiview Relighting for
+3D Reconstruction under Extreme Illumination Variation</span>
+        </a>
+        <br>
+        <a href="https://hadizayer.github.io/">Hadi Alzayer</a>,
+        <a href="https://henzler.github.io/">Philipp Henzler</a>,
+				<strong>Jonathan T. Barron</strong>, 
+        <a href="https://jbhuang0604.github.io/">Jia-Bin Huang</a>,
+        <a href="https://pratulsrinivasan.github.io/">Pratul P. Srinivasan</a>, 
+        <a href="https://dorverbin.github.io/">Dor Verbin</a>
+        <br>
+        <em>arXiv</em>, 2024
+        <br>
+        <a href="https://relight-to-reconstruct.github.io/">project page</a>
+        /
+        <a href="https://arxiv.org/abs/2412.15211">arXiv</a>
+        <p></p>
+        <p>
+				Images taken under extreme illumination variation can be made consistent with diffusion, and this enables high-quality 3D reconstruction.
+        </p>
+      </td>
+    </tr>
+
+
+    <tr onmouseout="simvs_stop()" onmouseover="simvs_start()">
+      <td style="padding:16px;width:20%;vertical-align:middle">
+        <div class="one">
+          <div class="two" id='simvs_image'><video  width=100% muted autoplay loop>
+          <source src="images/simvs.mp4" type="video/mp4">
+          Your browser does not support the video tag.
+          </video></div>
+          <img src='images/simvs.jpg' width=100%>
+        </div>
+        <script type="text/javascript">
+          function simvs_start() {
+            document.getElementById('simvs_image').style.opacity = "1";
+          }
+
+          function simvs_stop() {
+            document.getElementById('simvs_image').style.opacity = "0";
+          }
+          simvs_stop()
+        </script>
+      </td>
+      <td style="padding:8px;width:80%;vertical-align:middle">
+        <a href="https://nerf-casting.github.io/">
+          <span class="papertitle">SimVS: Simulating World Inconsistencies for Robust View Synthesis</span>
+        </a>
+        <br>
+        <a href="https://alextrevithick.github.io/">Alex Trevithick</a>,
+        <a href="https://scholar.google.com/citations?user=-KSDNZQAAAAJ&hl=en">Roni Paiss</a>,
+        <a href="https://henzler.github.io/">Philipp Henzler</a>,
+        <a href="https://dorverbin.github.io/">Dor Verbin</a>,
+        <a href="https://www.cs.columbia.edu/~rundi/">Rundi Wu</a>,
+        <a href="https://hadizayer.github.io/">Hadi Alzayer</a>,
+        <a href="https://ruiqigao.github.io/">Ruiqi Gao</a>,
+        <a  href="https://poolio.github.io/">Ben Poole</a>,
+				<strong>Jonathan T. Barron</strong>, 
+        <a href="https://holynski.org/">Aleksander Holynski</a>,
+        <a href="https://cseweb.ucsd.edu/~ravir/">Ravi Ramamoorthi</a>,
+        <a href="https://pratulsrinivasan.github.io/">Pratul P. Srinivasan</a>
+        <br>
+        <em>arXiv</em>, 2024
+        <br>
+        <a href="https://alextrevithick.github.io/simvs/">project page</a>
+        /
+        <a href="https://arxiv.org/abs/2412.07696">arXiv</a>
+        <p></p>
+        <p>
+        Simulating the world with video models lets you make inconsistent captures consistent.
+        </p>
+      </td>
+    </tr>
+
+
+
+    <tr onmouseout="cat4d_stop()" onmouseover="cat4d_start()" bgcolor="#ffffd0">
+      <td style="padding:16px;width:20%;vertical-align:middle">
+        <div class="one">
+          <div class="two" id='cat4d_image'><video  width=100% height=100% muted autoplay loop>
+          <source src="images/cat4d.mp4" type="video/mp4">
+          Your browser does not support the video tag.
+          </video></div>
+          <img src='images/cat4d.jpg' width="160">
+        </div>
+        <script type="text/javascript">
+          function cat4d_start() {
+            document.getElementById('cat4d_image').style.opacity = "1";
+          }
+
+          function cat4d_stop() {
+            document.getElementById('cat4d_image').style.opacity = "0";
+          }
+          cat4d_stop()
+        </script>
+      </td>
+      <td style="padding:8px;width:80%;vertical-align:middle">
+        <a href="https://cat-4d.github.io/">
+			<span class="papertitle">CAT4D: Create Anything in 4D with Multi-View Video Diffusion Models
+</span>
+        </a>
+        <br>
+				<a href="https://www.cs.columbia.edu/~rundi/">Rundi Wu</a>,
+				<a href="https://ruiqigao.github.io/">Ruiqi Gao</a>,
+				<a href="https://poolio.github.io/">Ben Poole</a>,
+				<a href="https://alextrevithick.github.io/">Alex Trevithick</a>,
+				<a href="https://www.cs.columbia.edu/~cxz/index.htm/">Changxi Zheng</a>,
+				<strong>Jonathan T. Barron</strong>,
+				<a href="https://holynski.org/">Aleksander Holynski</a>
+        <br>
+        <em>arXiv</em>, 2024
+        <br>
+        <a href="https://cat-4d.github.io/">project page</a>
+        /
+        <a href="https://arxiv.org/abs/2411.18613">arXiv</a>
+        <p></p>
+        <p>
+				An approach for turning a video into a 4D radiance field that can be rendered in real-time. When combined with a text-to-video model, this enables text-to-4D.
+        </p>
+      </td>
+    </tr>
+
+
     <tr onmouseout="ever_stop()" onmouseover="ever_start()">
-      <td style="padding:20px;width:25%;vertical-align:middle">
+      <td style="padding:16px;width:20%;vertical-align:middle">
         <div class="one">
           <div class="two" id='ever_image'>
 					  <img src='images/ever_after.png' width=100%>
@@ -73,8 +220,8 @@ <h2>Research</h2>
           ever_stop()
         </script>
       </td>
-      <td style="padding:20px;width:75%;vertical-align:middle">
-        <a href="https://ever.github.io/">
+      <td style="padding:8px;width:80%;vertical-align:middle">
+        <a href="https://half-potato.gitlab.io/posts/ever/">
 			<span class="papertitle">EVER: Exact Volumetric Ellipsoid Rendering for Real-time View Synthesis
 </span>
         </a>
@@ -101,8 +248,9 @@ <h2>Research</h2>
       </td>
     </tr>
 
+
     <tr onmouseout="cat3d_stop()" onmouseover="cat3d_start()" bgcolor="#ffffd0">
-      <td style="padding:20px;width:25%;vertical-align:middle">
+      <td style="padding:16px;width:20%;vertical-align:middle">
         <div class="one">
           <div class="two" id='cat3d_image'><video  width=100% height=100% muted autoplay loop>
           <source src="images/cat3d.mp4" type="video/mp4">
@@ -121,7 +269,7 @@ <h2>Research</h2>
           cat3d_stop()
         </script>
       </td>
-      <td style="padding:20px;width:75%;vertical-align:middle">
+      <td style="padding:8px;width:80%;vertical-align:middle">
         <a href="https://cat3d.github.io/">
 			<span class="papertitle">CAT3D: Create Anything in 3D with Multi-View Diffusion Models
 </span>
@@ -151,7 +299,7 @@ <h2>Research</h2>
 
 
     <tr onmouseout="nerfcasting_stop()" onmouseover="nerfcasting_start()">
-      <td style="padding:20px;width:25%;vertical-align:middle">
+      <td style="padding:16px;width:20%;vertical-align:middle">
         <div class="one">
           <div class="two" id='nerfcasting_image'><video  width=100% muted autoplay loop>
           <source src="images/nerfcasting.mp4" type="video/mp4">
@@ -170,7 +318,7 @@ <h2>Research</h2>
           nerfcasting_stop()
         </script>
       </td>
-      <td style="padding:20px;width:75%;vertical-align:middle">
+      <td style="padding:8px;width:80%;vertical-align:middle">
         <a href="https://nerf-casting.github.io/">
           <span class="papertitle">NeRF-Casting: Improved View-Dependent Appearance with Consistent Reflections</span>
         </a>
@@ -198,7 +346,7 @@ <h2>Research</h2>
 
 
     <tr onmouseout="flash_cache_stop()" onmouseover="flash_cache_start()">
-      <td style="padding:20px;width:25%;vertical-align:middle">
+      <td style="padding:16px;width:20%;vertical-align:middle">
         <div class="one">
           <div class="two" id='flash_cache_image'><video  width=100% muted autoplay loop>
           <source src="images/flash_cache.mp4" type="video/mp4">
@@ -217,7 +365,7 @@ <h2>Research</h2>
           flash_cache_stop()
         </script>
       </td>
-      <td style="padding:20px;width:75%;vertical-align:middle">
+      <td style="padding:8px;width:80%;vertical-align:middle">
         <a href="https://benattal.github.io/flash-cache/">
           <span class="papertitle">Flash Cache: Reducing Bias in Radiance Cache Based Inverse Rendering</span>
         </a>
@@ -245,7 +393,7 @@ <h2>Research</h2>
 
 
     <tr onmouseout="nuvo_stop()" onmouseover="nuvo_start()">
-      <td style="padding:20px;width:25%;vertical-align:middle">
+      <td style="padding:16px;width:20%;vertical-align:middle">
         <div class="one">
           <div class="two" id='nuvo_image'><video  width=100% muted autoplay loop>
           <source src="images/nuvo.mp4" type="video/mp4">
@@ -264,7 +412,7 @@ <h2>Research</h2>
           nuvo_stop()
         </script>
       </td>
-      <td style="padding:20px;width:75%;vertical-align:middle">
+      <td style="padding:8px;width:80%;vertical-align:middle">
         <a href="https://pratulsrinivasan.github.io/nuvo/">
           <span class="papertitle">Nuvo: Neural UV Mapping for Unruly 3D Representations</span>
         </a>
@@ -291,7 +439,7 @@ <h2>Research</h2>
 
 
     <tr onmouseout="bog_stop()" onmouseover="bog_start()">
-      <td style="padding:20px;width:25%;vertical-align:middle">
+      <td style="padding:16px;width:20%;vertical-align:middle">
         <div class="one">
           <div class="two" id='bog_image'><video  width=100% muted autoplay loop>
           <source src="images/bog.jpg" type="video/mp4">
@@ -310,7 +458,7 @@ <h2>Research</h2>
           bog_stop()
         </script>
       </td>
-      <td style="padding:20px;width:75%;vertical-align:middle">
+      <td style="padding:8px;width:80%;vertical-align:middle">
         <a href="https://creiser.github.io/binary_opacity_grid/">
           <span class="papertitle">Binary Opacity Grids: Capturing Fine Geometric Detail for Mesh-Based View Synthesis
 </span>
@@ -341,7 +489,7 @@ <h2>Research</h2>
     </tr>
 
     <tr onmouseout="smerf_stop()" onmouseover="smerf_start()">
-      <td style="padding:20px;width:25%;vertical-align:middle">
+      <td style="padding:16px;width:20%;vertical-align:middle">
         <div class="one">
           <div class="two" id='smerf_image'><video  width=100% muted autoplay loop>
           <source src="images/smerf.mp4" type="video/mp4">
@@ -360,7 +508,7 @@ <h2>Research</h2>
           smerf_stop()
         </script>
       </td>
-      <td style="padding:20px;width:75%;vertical-align:middle">
+      <td style="padding:8px;width:80%;vertical-align:middle">
         <a href="https://smerf-3d.github.io/">
           <span class="papertitle">SMERF: Streamable Memory Efficient Radiance Fields for Real-Time Large-Scene Exploration</span>
         </a>
@@ -392,7 +540,7 @@ <h2>Research</h2>
 
 
   <tr onmouseout="eclipse_stop()" onmouseover="eclipse_start()">
-    <td style="padding:20px;width:25%;vertical-align:middle">
+    <td style="padding:16px;width:20%;vertical-align:middle">
       <div class="one">
         <div class="two" id='eclipse_image'><video  width=100% height=100% muted autoplay loop>
         <source src="images/eclipse_after.mp4" type="video/mp4">
@@ -411,7 +559,7 @@ <h2>Research</h2>
         eclipse_stop()
       </script>
     </td>
-    <td style="padding:20px;width:75%;vertical-align:middle">
+    <td style="padding:8px;width:80%;vertical-align:middle">
       <a href="https://dorverbin.github.io/eclipse">
         <span class="papertitle">Eclipse: Disambiguating Illumination and Materials using Unintended Shadows</span>
       </a>
@@ -439,7 +587,7 @@ <h2>Research</h2>
 
 
   <tr onmouseout="recon_stop()" onmouseover="recon_start()" bgcolor="#ffffd0">
-    <td style="padding:20px;width:25%;vertical-align:middle">
+    <td style="padding:16px;width:20%;vertical-align:middle">
       <div class="one">
         <div class="two" id='recon_image'><video  width=100% height=100% muted autoplay loop>
         <source src="images/recon.mp4" type="video/mp4">
@@ -458,7 +606,7 @@ <h2>Research</h2>
         recon_stop()
       </script>
     </td>
-    <td style="padding:20px;width:75%;vertical-align:middle">
+    <td style="padding:8px;width:80%;vertical-align:middle">
       <a href="https://reconfusion.github.io/">
 		<span class="papertitle">ReconFusion: 3D Reconstruction with Diffusion Priors</span>
       </a>
@@ -488,7 +636,7 @@ <h2>Research</h2>
   </tr>
 
   <tr onmouseout="shinobi_stop()" onmouseover="shinobi_start()">
-    <td style="padding:20px;width:25%;vertical-align:middle">
+    <td style="padding:16px;width:20%;vertical-align:middle">
       <div class="one">
         <div class="two" id='shinobi_image'><video  width=100% height=100% muted autoplay loop>
         <source src="images/shinobi.mp4" type="video/mp4">
@@ -507,7 +655,7 @@ <h2>Research</h2>
         shinobi_stop()
       </script>
     </td>
-    <td style="padding:20px;width:75%;vertical-align:middle">
+    <td style="padding:8px;width:80%;vertical-align:middle">
       <a href="https://shinobi.aengelhardt.com/">
         <span class="papertitle">SHINOBI: Shape and Illumination using Neural Object Decomposition via BRDF Optimization In-the-Wild</span>
       </a>
@@ -541,7 +689,7 @@ <h2>Research</h2>
 	
 
     <tr onmouseout="internerf_stop()" onmouseover="internerf_start()">
-      <td style="padding:20px;width:25%;vertical-align:middle">
+      <td style="padding:16px;width:20%;vertical-align:middle">
         <div class="one">
           <div class="two" id='internerf_image'>
 					  <img src='images/internerf_after.jpg' width=100%>
@@ -559,7 +707,7 @@ <h2>Research</h2>
           internerf_stop()
         </script>
       </td>
-      <td style="padding:20px;width:75%;vertical-align:middle">
+      <td style="padding:8px;width:80%;vertical-align:middle">
         <a href="https://arxiv.org/abs/2406.11737">
           <span class="papertitle">InterNeRF: Scaling Radiance Fields via Parameter Interpolation</span>
         </a>
@@ -582,7 +730,7 @@ <h2>Research</h2>
 
 
 <tr onmouseout="difsurvey_stop()" onmouseover="difsurvey_start()">
-  <td style="padding:20px;width:25%;vertical-align:middle">
+  <td style="padding:16px;width:20%;vertical-align:middle">
     <div class="one">
     <div class="two" id='difsurvey_image'><video  width=100% height=100% muted autoplay loop>
     <source src="images/difsurvey_video.mp4" type="video/mp4">
@@ -601,7 +749,7 @@ <h2>Research</h2>
       difsurvey_stop()
     </script>
   </td>
-  <td style="padding:20px;width:75%;vertical-align:middle">
+  <td style="padding:8px;width:80%;vertical-align:middle">
     <a href="https://arxiv.org/abs/2310.07204">
       <span class="papertitle">State of the Art on Diffusion Models for Visual Computing
 </span>
@@ -636,7 +784,7 @@ <h2>Research</h2>
 </tr>          
 
     <tr onmouseout="camp_stop()" onmouseover="camp_start()">
-      <td style="padding:20px;width:25%;vertical-align:middle">
+      <td style="padding:16px;width:20%;vertical-align:middle">
         <div class="one">
           <div class="two" id='camp_image'><video  width=100% height=100% muted autoplay loop>
           <source src="images/camp.mp4" type="video/mp4">
@@ -655,7 +803,7 @@ <h2>Research</h2>
           camp_stop()
         </script>
       </td>
-      <td style="padding:20px;width:75%;vertical-align:middle">
+      <td style="padding:8px;width:80%;vertical-align:middle">
         <a href="https://camp-nerf.github.io/">
           <span class="papertitle">CamP: Camera Preconditioning for Neural Radiance Fields</span>
         </a>
@@ -680,7 +828,7 @@ <h2>Research</h2>
 
     
       <tr onmouseout="zipnerf_stop()" onmouseover="zipnerf_start()"  bgcolor="#ffffd0">
-        <td style="padding:20px;width:25%;vertical-align:middle">
+        <td style="padding:16px;width:20%;vertical-align:middle">
           <div class="one">
             <div class="two" id='zipnerf_image'><video  width=100% height=100% muted autoplay loop>
             <source src="images/zipnerf.mp4" type="video/mp4">
@@ -699,7 +847,7 @@ <h2>Research</h2>
             zipnerf_stop()
           </script>
         </td>
-        <td style="padding:20px;width:75%;vertical-align:middle">
+        <td style="padding:8px;width:80%;vertical-align:middle">
           <a href="http://jonbarron.info/zipnerf">
             <span class="papertitle">Zip-NeRF: Anti-Aliased Grid-Based Neural Radiance Fields</span>
           </a>
@@ -726,7 +874,7 @@ <h2>Research</h2>
       
       
       <tr onmouseout="db3d_stop()" onmouseover="db3d_start()">
-        <td style="padding:20px;width:25%;vertical-align:middle">
+        <td style="padding:16px;width:20%;vertical-align:middle">
           <div class="one">
             <div class="two" id='db3d_image'><video  width=100% height=100% muted autoplay loop>
             <source src="images/owl.mp4" type="video/mp4">
@@ -745,7 +893,7 @@ <h2>Research</h2>
             db3d_stop()
           </script>
         </td>
-        <td style="padding:20px;width:75%;vertical-align:middle">
+        <td style="padding:8px;width:80%;vertical-align:middle">
           <a href="https://dreambooth3d.github.io/">
             <span class="papertitle">DreamBooth3D: Subject-Driven Text-to-3D Generation</span>
           </a>
@@ -767,7 +915,7 @@ <h2>Research</h2>
       
 
       <tr onmouseout="bakedsdf_stop()" onmouseover="bakedsdf_start()">
-        <td style="padding:20px;width:25%;vertical-align:middle">
+        <td style="padding:16px;width:20%;vertical-align:middle">
           <div class="one">
             <div class="two" id='bakedsdf_image'><video  width=100% height=100% muted autoplay loop>
             <source src="images/bakedsdf_after.mp4" type="video/mp4">
@@ -786,7 +934,7 @@ <h2>Research</h2>
             bakedsdf_stop()
           </script>
         </td>
-        <td style="padding:20px;width:75%;vertical-align:middle">
+        <td style="padding:8px;width:80%;vertical-align:middle">
           <a href="https://bakedsdf.github.io/">
             <span class="papertitle">BakedSDF: Meshing Neural SDFs for Real-Time View Synthesis</span>
           </a>
@@ -816,7 +964,7 @@ <h2>Research</h2>
 
 
       <tr onmouseout="merf_stop()" onmouseover="merf_start()">
-        <td style="padding:20px;width:25%;vertical-align:middle">
+        <td style="padding:16px;width:20%;vertical-align:middle">
           <div class="one">
             <div class="two" id='merf_image'><video  width=100% height=100% muted autoplay loop>
             <source src="images/merf_after.mp4" type="video/mp4">
@@ -835,7 +983,7 @@ <h2>Research</h2>
             merf_stop()
           </script>
         </td>
-        <td style="padding:20px;width:75%;vertical-align:middle">
+        <td style="padding:8px;width:80%;vertical-align:middle">
           <a href="https://merf42.github.io/">
             <span class="papertitle">MERF: Memory-Efficient Radiance Fields for Real-time View Synthesis in Unbounded Scenes</span>
           </a>
@@ -866,7 +1014,7 @@ <h2>Research</h2>
 
 
       <tr onmouseout="alignerf_stop()" onmouseover="alignerf_start()">
-        <td style="padding:20px;width:25%;vertical-align:middle">
+        <td style="padding:16px;width:20%;vertical-align:middle">
           <div class="one">
             <div class="two" id='alignerf_image'>
               <img src='images/alignerf_after.jpg' width="160"></div>
@@ -883,7 +1031,7 @@ <h2>Research</h2>
             alignerf_stop()
           </script>
         </td>
-        <td style="padding:20px;width:75%;vertical-align:middle">
+        <td style="padding:8px;width:80%;vertical-align:middle">
           <a href="https://yifanjiang19.github.io/alignerf">
             <span class="papertitle">AligNeRF: High-Fidelity Neural Radiance Fields via Alignment-Aware Training</span>
           </a>
@@ -909,7 +1057,7 @@ <h2>Research</h2>
       </tr>
       
   <tr onmouseout="dreamfusion_stop()" onmouseover="dreamfusion_start()"  bgcolor="#ffffd0">
-    <td style="padding:20px;width:25%;vertical-align:middle">
+    <td style="padding:16px;width:20%;vertical-align:middle">
       <div class="one">
         <div class="two" id='dreamfusion_image'><video  width=100% height=100% muted autoplay loop>
         <source src="images/dreamfusion.mp4" type="video/mp4">
@@ -928,7 +1076,7 @@ <h2>Research</h2>
         dreamfusion_stop()
       </script>
     </td>
-    <td style="padding:20px;width:75%;vertical-align:middle">
+    <td style="padding:8px;width:80%;vertical-align:middle">
       <a href="https://dreamfusion3d.github.io/">
         <span class="papertitle">DreamFusion: Text-to-3D using 2D Diffusion</span>
       </a>
@@ -953,7 +1101,7 @@ <h2>Research</h2>
   </tr>
 
   <tr onmouseout="guandao_stop()" onmouseover="guandao_start()">
-  <td style="padding:20px;width:25%;vertical-align:middle">
+  <td style="padding:16px;width:20%;vertical-align:middle">
     <div class="one">
       <div class="two" id='guandao_image'>
         <img src='images/guandao_after.png' width="160"></div>
@@ -970,7 +1118,7 @@ <h2>Research</h2>
       guandao_stop()
     </script>
   </td>
-  <td style="padding:20px;width:75%;vertical-align:middle">
+  <td style="padding:8px;width:80%;vertical-align:middle">
     <a href="https://arxiv.org/abs/2304.14473">
       <span class="papertitle">Learning a Diffusion Prior for NeRFs</span>
     </a>
@@ -990,7 +1138,7 @@ <h2>Research</h2>
   </tr>
 
             <tr onmouseout="mira_stop()" onmouseover="mira_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='mira_image'>
                     <img src='images/mira_after.jpg' width="160"></div>
@@ -1007,7 +1155,7 @@ <h2>Research</h2>
                   mira_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://openreview.net/forum?id=AmPeAFzU3a4">
                   <span class="papertitle">MIRA: Mental Imagery for Robotic Affordances</span>
                 </a>
@@ -1030,7 +1178,7 @@ <h2>Research</h2>
             </tr>		
             
             <tr onmouseout="samurai_stop()" onmouseover="samurai_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='samurai_image'>
                     <img src='images/samurai_after.jpg' width="160"></div>
@@ -1047,7 +1195,7 @@ <h2>Research</h2>
                   samurai_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://markboss.me/publication/2022-samurai/">
                   <span class="papertitle">SAMURAI: Shape And Material from Unconstrained Real-world Arbitrary Image Collections</span>
                 </a>
@@ -1074,7 +1222,7 @@ <h2>Research</h2>
             </tr>		
 
             <tr onmouseout="pnf_stop()" onmouseover="pnf_start()">
-            <td style="padding:20px;width:25%;vertical-align:middle">
+            <td style="padding:16px;width:20%;vertical-align:middle">
             <div class="one">
             <div class="two" id='pnf_image'>
               <img src='images/pnf_before.jpg' width="160"></div>
@@ -1091,7 +1239,7 @@ <h2>Research</h2>
             pnf_stop()
             </script>
             </td>
-            <td style="padding:20px;width:75%;vertical-align:middle">
+            <td style="padding:8px;width:80%;vertical-align:middle">
             <a href="TODO">
             <span class="papertitle">Polynomial Neural Fields for Subband Decomposition</span>
             </a> <br>
@@ -1113,7 +1261,7 @@ <h2>Research</h2>
 
 
             <tr onmouseout="malle_stop()" onmouseover="malle_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='malle_image'>
                     <img src='images/MalleConv_after.jpg' width="160"></div>
@@ -1130,7 +1278,7 @@ <h2>Research</h2>
                   malle_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://yifanjiang.net/MalleConv.html">
                   <span class="papertitle">Fast and High-Quality Image Denoising via Malleable Convolutions</span>
                 </a>
@@ -1155,7 +1303,7 @@ <h2>Research</h2>
             </tr>
             
             <tr onmouseout="nerfsuper_stop()" onmouseover="nerfsuper_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='nerfsuper_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/nerf_supervision.mp4" type="video/mp4">
@@ -1174,7 +1322,7 @@ <h2>Research</h2>
                   nerfsuper_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="http://yenchenlin.me/nerf-supervision/">
                   <span class="papertitle">NeRF-Supervision: Learning Dense Object Descriptors from Neural Radiance Fields</span>
                 </a>
@@ -1199,7 +1347,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="refnerf_stop()" onmouseover="refnerf_start()"  bgcolor="#ffffd0">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='refnerf_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/refnerf.mp4" type="video/mp4">
@@ -1218,7 +1366,7 @@ <h2>Research</h2>
                   refnerf_stop()
                 </script>
               </td>
-                    <td style="padding:20px;width:75%;vertical-align:middle">
+                    <td style="padding:8px;width:80%;vertical-align:middle">
                   <a href="https://dorverbin.github.io/refnerf/index.html">
                     <span class="papertitle">Ref-NeRF: Structured View-Dependent Appearance for Neural Radiance Fields</span>
                   </a>
@@ -1243,7 +1391,7 @@ <h2>Research</h2>
               </tr>
               
             <tr onmouseout="mip360_stop()" onmouseover="mip360_start()"  bgcolor="#ffffd0">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='mip360_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/mip360_sat.mp4" type="video/mp4">
@@ -1262,7 +1410,7 @@ <h2>Research</h2>
                   mip360_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="http://jonbarron.info/mipnerf360">
                   <span class="papertitle">Mip-NeRF 360: Unbounded Anti-Aliased Neural Radiance Fields</span>
                 </a>
@@ -1286,7 +1434,7 @@ <h2>Research</h2>
             </tr> 
 
             <tr onmouseout="rawnerf_stop()" onmouseover="rawnerf_start()"  bgcolor="#ffffd0">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='rawnerf_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/rawnerf.mp4" type="video/mp4">
@@ -1305,7 +1453,7 @@ <h2>Research</h2>
                   rawnerf_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://bmild.github.io/rawnerf/index.html">
                   <span class="papertitle">NeRF in the Dark: High Dynamic Range View Synthesis from Noisy Raw Images</span>
                 </a>
@@ -1331,7 +1479,7 @@ <h2>Research</h2>
             
     
             <tr onmouseout="regnerf_stop()" onmouseover="regnerf_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='regnerf_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/regnerf_after.mp4" type="video/mp4">
@@ -1350,7 +1498,7 @@ <h2>Research</h2>
                   regnerf_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://m-niemeyer.github.io/regnerf/index.html">
                   <span class="papertitle">RegNeRF: Regularizing Neural Radiance Fields for View Synthesis from Sparse Inputs</span>
                 </a>
@@ -1376,7 +1524,7 @@ <h2>Research</h2>
 
 
             <tr onmouseout="blocknerf_stop()" onmouseover="blocknerf_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='blocknerf_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/blocknerf_after.mp4" type="video/mp4">
@@ -1395,7 +1543,7 @@ <h2>Research</h2>
                   blocknerf_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://waymo.com/research/block-nerf/">
                   <span class="papertitle">Block-NeRF: Scalable Large Scene Neural View Synthesis</span>
                 </a>
@@ -1422,7 +1570,7 @@ <h2>Research</h2>
             </tr>
             
             <tr onmouseout="hnerf_stop()" onmouseover="hnerf_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='hnerf_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/hnerf_after.mp4" type="video/mp4">
@@ -1441,7 +1589,7 @@ <h2>Research</h2>
                   hnerf_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://grail.cs.washington.edu/projects/humannerf/">
                   <span class="papertitle">HumanNeRF: Free-viewpoint Rendering of Moving People from Monocular Video</span>
                 </a>
@@ -1465,7 +1613,7 @@ <h2>Research</h2>
             </tr>
             
             <tr onmouseout="urf_stop()" onmouseover="urf_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='urf_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/urf.mp4" type="video/mp4">
@@ -1484,7 +1632,7 @@ <h2>Research</h2>
                   urf_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://urban-radiance-fields.github.io/">
                   <span class="papertitle">Urban Radiance Fields</span>
                 </a>
@@ -1512,7 +1660,7 @@ <h2>Research</h2>
 
     
     <tr onmouseout="ddp_stop()" onmouseover="ddp_start()">
-      <td style="padding:20px;width:25%;vertical-align:middle">
+      <td style="padding:16px;width:20%;vertical-align:middle">
         <div class="one">
           <div class="two" id='ddp_image'>
             <img src='images/ddp_after.jpg' width="160"></div>
@@ -1529,7 +1677,7 @@ <h2>Research</h2>
           ddp_stop()
         </script>
       </td>
-      <td style="padding:20px;width:75%;vertical-align:middle">
+      <td style="padding:8px;width:80%;vertical-align:middle">
         <a href="https://arxiv.org/abs/2112.03288">
           <span class="papertitle">Dense Depth Priors for Neural Radiance Fields from Sparse Input Views</span>
         </a>
@@ -1553,7 +1701,7 @@ <h2>Research</h2>
     </tr>
     
             <tr onmouseout="clipnerf_stop()" onmouseover="clipnerf_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='clipnerf_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/dreamfield_after.mp4" type="video/mp4">
@@ -1572,7 +1720,7 @@ <h2>Research</h2>
                   clipnerf_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://ajayj.com/dreamfields">
                   <span class="papertitle">Zero-Shot Text-Guided Object Generation with Dream Fields</span>
                 </a>
@@ -1596,7 +1744,7 @@ <h2>Research</h2>
             </tr> 
       
             <tr onmouseout="survey_stop()" onmouseover="survey_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='survey_image'>
                     <img src='images/survey_after.png' width="160"></div>
@@ -1613,7 +1761,7 @@ <h2>Research</h2>
                   survey_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/2111.05849">
                   <span class="papertitle">Advances in Neural Rendering</span>
                 </a>
@@ -1646,7 +1794,7 @@ <h2>Research</h2>
             </tr>
             
             <tr onmouseout="npil_stop()" onmouseover="npil_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='npil_image'>
                     <img src='images/npil_after.jpg' width="160"></div>
@@ -1663,7 +1811,7 @@ <h2>Research</h2>
                   npil_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://markboss.me/publication/2021-neural-pil/">
                   <span class="papertitle">Neural-PIL: Neural Pre-Integrated Lighting for Reflectance Decomposition</span>
                 </a>
@@ -1690,7 +1838,7 @@ <h2>Research</h2>
             
             
             <tr onmouseout="hypernerf_stop()" onmouseover="hypernerf_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='hypernerf_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/hypernerf_after.mp4" type="video/mp4">
@@ -1709,7 +1857,7 @@ <h2>Research</h2>
                   hypernerf_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://hypernerf.github.io/">
                   <span class="papertitle">HyperNeRF: A Higher-Dimensional Representation
 for Topologically Varying Neural Radiance Fields</span>
@@ -1735,7 +1883,7 @@ <h2>Research</h2>
             </tr> 
 
             <tr onmouseout="nerfactor_stop()" onmouseover="nerfactor_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='nerfactor_image'>
                     <img src='images/nerfactor_after.png' width="160"></div>
@@ -1752,7 +1900,7 @@ <h2>Research</h2>
                   nerfactor_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://people.csail.mit.edu/xiuming/projects/nerfactor/">
                 <span class="papertitle">NeRFactor: Neural Factorization of Shape and Reflectance<br>
   Under an Unknown Illumination</span>
@@ -1777,7 +1925,7 @@ <h2>Research</h2>
               </td>
               
             <tr onmouseout="dualfont_stop()" onmouseover="dualfont_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='dualfont_image'><img src='images/dualfont_after.png'></div>
                   <img src='images/dualfont_before.png'>
@@ -1793,7 +1941,7 @@ <h2>Research</h2>
                   dualfont_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/2109.06627">
                   <span class="papertitle">Scalable Font Reconstruction with Dual Latent Manifolds</span>
                 </a>
@@ -1811,7 +1959,7 @@ <h2>Research</h2>
             </tr>
             
             <tr onmouseout="mipnerf_stop()" onmouseover="mipnerf_start()"  bgcolor="#ffffd0">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='mipnerf_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/mipnerf_ipe_yellow.mp4" type="video/mp4">
@@ -1830,7 +1978,7 @@ <h2>Research</h2>
                   mipnerf_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="http://jonbarron.info/mipnerf">
                   <span class="papertitle">Mip-NeRF: A Multiscale Representation for Anti-Aliasing Neural Radiance Fields</span>
                 </a>
@@ -1857,7 +2005,7 @@ <h2>Research</h2>
             </tr> 
 
             <tr onmouseout="nerfbake_stop()" onmouseover="nerfbake_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='nerfbake_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/nerfbake_15.mp4" type="video/mp4">
@@ -1876,7 +2024,7 @@ <h2>Research</h2>
                   nerfbake_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="http://nerf.live">
                 <span class="papertitle">Baking Neural Radiance Fields for Real-Time View Synthesis</span>
                 </a>
@@ -1903,7 +2051,7 @@ <h2>Research</h2>
 
 
             <tr onmouseout="nerfie_stop()" onmouseover="nerfie_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='nerfie_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/nerfie_after.mp4" type="video/mp4">
@@ -1921,7 +2069,7 @@ <h2>Research</h2>
                   nerfie_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://nerfies.github.io/">
                   <span class="papertitle">Nerfies: Deformable Neural Radiance Fields</span>
                 </a>
@@ -1948,7 +2096,7 @@ <h2>Research</h2>
 
 
             <tr onmouseout="c5_stop()" onmouseover="c5_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='c5_image'>
                     <img src='images/c5_after.jpg' width="160"></div>
@@ -1965,7 +2113,7 @@ <h2>Research</h2>
                   c5_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/2011.11890">
                   <span class="papertitle">Cross-Camera Convolutional Color Constancy</span>
                 </a>
@@ -1987,7 +2135,7 @@ <h2>Research</h2>
 
 
             <tr onmouseout="dualdefocus_stop()" onmouseover="dualdefocus_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='dualdefocus_image'>
                     <img src='images/dualdefocus_after.jpg' width="160"></div>
@@ -2004,7 +2152,7 @@ <h2>Research</h2>
                   dualdefocus_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://imaging.cs.cmu.edu/dual_pixels/">
                   <span class="papertitle">Defocus Map Estimation and Deblurring from a Single Dual-Pixel Image</span>
                 </a>
@@ -2032,7 +2180,7 @@ <h2>Research</h2>
 
 
             <tr onmouseout="nerd_stop()" onmouseover="nerd_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='nerd_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/nerd_160.mp4" type="video/mp4">
@@ -2051,7 +2199,7 @@ <h2>Research</h2>
                   nerd_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://markboss.me/publication/2021-nerd/">
                   <span class="papertitle">NeRD: Neural Reflectance Decomposition from Image Collections</span>
                 </a>
@@ -2078,7 +2226,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="flare_stop()" onmouseover="flare_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='flare_image'>
                     <img src='images/flare_after.jpg' width="160"></div>
@@ -2095,7 +2243,7 @@ <h2>Research</h2>
                   flare_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/2011.12485">
                   <span class="papertitle">How to Train Neural Networks for Flare Removal</span>
                 </a>
@@ -2121,7 +2269,7 @@ <h2>Research</h2>
 
 
             <tr onmouseout="inerf_stop()" onmouseover="inerf_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='inerf_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/inerf_after.mp4" type="video/mp4">
@@ -2139,7 +2287,7 @@ <h2>Research</h2>
                   inerf_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="http://yenchenlin.me/inerf/">
                   <span class="papertitle">iNeRF: Inverting Neural Radiance Fields for Pose Estimation</span>
                 </a>
@@ -2163,7 +2311,7 @@ <h2>Research</h2>
             </tr> 
 
             <tr onmouseout="ibrnet_stop()" onmouseover="ibrnet_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='ibrnet_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/ibrnet_after.mp4" type="video/mp4">
@@ -2182,7 +2330,7 @@ <h2>Research</h2>
                   ibrnet_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://ibrnet.github.io/">
                   <span class="papertitle">IBRNet: Learning Multi-View Image-Based Rendering</span>
                 </a>
@@ -2209,7 +2357,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="nerv_stop()" onmouseover="nerv_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='nerv_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/hotdog.mp4" type="video/mp4">
@@ -2228,7 +2376,7 @@ <h2>Research</h2>
                   nerv_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://pratulsrinivasan.github.io/nerv/">
                   <span class="papertitle">NeRV: Neural Reflection and Visibility Fields for Relighting and View Synthesis</span>
                 </a>
@@ -2252,7 +2400,7 @@ <h2>Research</h2>
 
 
             <tr onmouseout="winr_stop()" onmouseover="winr_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='winr_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/notre_160.mp4" type="video/mp4">
@@ -2270,7 +2418,7 @@ <h2>Research</h2>
                   winr_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="http://www.matthewtancik.com/learnit">
                   <span class="papertitle">Learned Initializations for Optimizing Coordinate-Based Neural Representations</span>
                 </a>
@@ -2294,7 +2442,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="nerfw_stop()" onmouseover="nerfw_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='nerfw_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/nerfw_after.mp4" type="video/mp4">
@@ -2313,7 +2461,7 @@ <h2>Research</h2>
                   nerfw_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://nerf-w.github.io/">
                   <span class="papertitle">NeRF in the Wild: Neural Radiance Fields for Unconstrained Photo Collections</span>
                 </a>
@@ -2336,7 +2484,7 @@ <h2>Research</h2>
             </tr> 
 
             <tr onmouseout="dualrefl_stop()" onmouseover="dualrefl_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='dualrefl_image'>
                     <img src='images/dualrefl_after.jpg' width="160"></div>
@@ -2353,7 +2501,7 @@ <h2>Research</h2>
                   dualrefl_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="http://sniklaus.com/dualref">
                   <span class="papertitle">Learned Dual-View Reflection Removal</span>
                 </a>
@@ -2379,7 +2527,7 @@ <h2>Research</h2>
 
 
             <tr onmouseout="nlt_stop()" onmouseover="nlt_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='nlt_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/nlt_after.mp4" type="video/mp4">
@@ -2398,7 +2546,7 @@ <h2>Research</h2>
                   nlt_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="http://nlt.csail.mit.edu/">
                   <span class="papertitle">Neural Light Transport for Relighting and View Synthesis</span>
                 </a>
@@ -2428,7 +2576,7 @@ <h2>Research</h2>
             </tr> 
 
             <tr onmouseout="lssr_stop()" onmouseover="lssr_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='lssr_image'>
                     <img src='images/lssr_after.jpg' width="160"></div>
@@ -2445,7 +2593,7 @@ <h2>Research</h2>
                   lssr_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="http://cseweb.ucsd.edu/~viscomp/projects/SIGA20LightstageSuperres/">
                   <span class="papertitle">Light Stage Super-Resolution: Continuous High-Frequency Relighting</span>
                 </a>
@@ -2473,7 +2621,7 @@ <h2>Research</h2>
 
 
             <tr onmouseout="ff_stop()" onmouseover="ff_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='ff_image'>
                     <img src='images/lion_ff.jpg' width="160"></div>
@@ -2490,7 +2638,7 @@ <h2>Research</h2>
                   ff_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://bmild.github.io/fourfeat/index.html">
                   <span class="papertitle">Fourier Features Let Networks Learn High Frequency Functions in Low Dimensional Domains</span>
                 </a>
@@ -2518,7 +2666,7 @@ <h2>Research</h2>
 
       
             <tr onmouseout="thresh_stop()" onmouseover="thresh_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='thresh_image'>
                     <img src='images/thresh_after.png' width="160"></div>
@@ -2535,7 +2683,7 @@ <h2>Research</h2>
                   thresh_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/2007.07350">
                   <span class="papertitle">A Generalization of Otsu's Method and Minimum Error Thresholding</span>
                 </a>
@@ -2557,7 +2705,7 @@ <h2>Research</h2>
       
       
             <tr onmouseout="uflow_stop()" onmouseover="uflow_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='uflow_image'>
                     <img src='images/uflow_after.png' width="160"></div>
@@ -2574,7 +2722,7 @@ <h2>Research</h2>
                   uflow_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/2006.04902">
                   <span class="papertitle">What Matters in Unsupervised Optical Flow</span>
                 </a>
@@ -2598,7 +2746,7 @@ <h2>Research</h2>
             </tr>  
       
             <tr onmouseout="nerf_stop()" onmouseover="nerf_start()"  bgcolor="#ffffd0">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='nerf_image'><video  width=100% height=100% muted autoplay loop>
                   <source src="images/vase_small.mp4" type="video/mp4">
@@ -2617,7 +2765,7 @@ <h2>Research</h2>
                   nerf_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="http://www.matthewtancik.com/nerf">
                   <span class="papertitle">NeRF: Representing Scenes as Neural Radiance Fields for View Synthesis</span>
                 </a>
@@ -2649,7 +2797,7 @@ <h2>Research</h2>
             </tr> 
 
             <tr onmouseout="porshadmanip_stop()" onmouseover="porshadmanip_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='porshadmanip_image'>
                     <img src='images/porshadmanip_after.jpg' width="160"></div>
@@ -2666,7 +2814,7 @@ <h2>Research</h2>
                   porshadmanip_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/2005.08925">
                   <span class="papertitle">Portrait Shadow Manipulation</span>
                 </a>
@@ -2689,7 +2837,7 @@ <h2>Research</h2>
             </tr>  
 
             <tr onmouseout="learnaf_stop()" onmouseover="learnaf_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='learnaf_image'>
                     <img src='images/learnaf_after.jpg' width="160"></div>
@@ -2706,7 +2854,7 @@ <h2>Research</h2>
                   learnaf_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/2004.12260">
                   <span class="papertitle">Learning to Autofocus</span>
                 </a>
@@ -2731,7 +2879,7 @@ <h2>Research</h2>
 
       
             <tr onmouseout="lighthouse_stop()" onmouseover="lighthouse_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='lh_image'><video width=100% height=100% muted autoplay loop>
                   <source src="images/rings_crop.mp4" type="video/mp4">
@@ -2750,7 +2898,7 @@ <h2>Research</h2>
                   lighthouse_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://pratulsrinivasan.github.io/lighthouse/">
                   <span class="papertitle">Lighthouse: Predicting Lighting Volumes for Spatially-Coherent Illumination</span>
                 </a>
@@ -2777,7 +2925,7 @@ <h2>Research</h2>
             </tr>  
 
             <tr onmouseout="skyopt_stop()" onmouseover="skyopt_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='skyopt_image'>
                     <img src='images/skyopt_after.jpg' width="160"></div>
@@ -2794,7 +2942,7 @@ <h2>Research</h2>
                   skyopt_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/2006.10172">
                   <span class="papertitle">Sky Optimization: Semantically Aware Image Processing of Skies in Low-Light Photography</span>
                 </a>
@@ -2817,7 +2965,7 @@ <h2>Research</h2>
             </tr>  
 
             <tr onmouseout="nightsight_stop()" onmouseover="nightsight_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='nightsight_image'><img src='images/nightsight_after.jpg'></div>
                   <img src='images/nightsight_before.jpg'>
@@ -2833,7 +2981,7 @@ <h2>Research</h2>
                   nightsight_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/1910.11336">
                   <span class="papertitle">Handheld Mobile Photography in Very Low Light</span>
                 </a>
@@ -2862,7 +3010,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="font_stop()" onmouseover="font_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='font_image'><img src='images/font_after.png'></div>
                   <img src='images/font_before.png'>
@@ -2878,7 +3026,7 @@ <h2>Research</h2>
                   font_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/1910.00748">
                   <span class="papertitle">A Deep Factorization of Style and Structure in Fonts</span>
                 </a>
@@ -2896,7 +3044,7 @@ <h2>Research</h2>
             </tr>
             
             <tr onmouseout="dpzlearn_stop()" onmouseover="dpzlearn_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='dpzlearn_image'><img src='images/dpzlearn_after.jpg'></div>
                   <img src='images/dpzlearn_before.jpg'>
@@ -2912,7 +3060,7 @@ <h2>Research</h2>
                   dpzlearn_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/1904.05822">
                   <span class="papertitle">Learning Single Camera Depth Estimation using Dual-Pixels</span>
                 </a>
@@ -2932,7 +3080,7 @@ <h2>Research</h2>
             </tr>
             
             <tr onmouseout="porlight_stop()" onmouseover="porlight_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='porlight_image'><img src='images/porlight_after.jpg'></div>
                   <img src='images/porlight_before.jpg'>
@@ -2948,7 +3096,7 @@ <h2>Research</h2>
                   porlight_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="http://cseweb.ucsd.edu/~viscomp/projects/SIG19PortraitRelighting/">
                   <span class="papertitle">Single Image Portrait Relighting</span>
                 </a>
@@ -2975,7 +3123,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="loss_stop()" onmouseover="loss_start()" bgcolor="#ffffd0">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='loss_image'><img src='images/loss_after.png'></div>
                   <img src='images/loss_before.png'>
@@ -2991,7 +3139,7 @@ <h2>Research</h2>
                   loss_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/open?id=1xpZ0fL9h1y9RfcTyPgVkxUrF3VwdkBvq">
                   <span class="papertitle">A General and Adaptive Robust Loss Function</span>
                 </a>
@@ -3014,7 +3162,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="mpi_stop()" onmouseover="mpi_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='mpi_image'><img src='images/mpi_after.jpg'></div>
                   <img src='images/mpi_before.jpg'>
@@ -3030,7 +3178,7 @@ <h2>Research</h2>
                   mpi_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1TU5L6fnt4Kd49IUOU7aNxor5NIgdHuNG/view?usp=sharing">
                   <span class="papertitle">Pushing the Boundaries of View Extrapolation with Multiplane Images</span>
                 </a>
@@ -3052,7 +3200,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="unprocessing_stop()" onmouseover="unprocessing_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='unprocessing_image'><img src='images/unprocessing_after.jpg'></div>
                   <img src='images/unprocessing_before.jpg'>
@@ -3068,7 +3216,7 @@ <h2>Research</h2>
                   unprocessing_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1H0Wtd--un2JN76dUJN8iC9fWfkA16n8D/view?usp=sharing">
                   <span class="papertitle">Unprocessing Images for Learned Raw Denoising</span>
                 </a>
@@ -3092,7 +3240,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="motionblur_stop()" onmouseover="motionblur_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='motionblur_image'><img src='images/motionblur_after.jpg'></div>
                   <img src='images/motionblur_before.jpg'>
@@ -3108,7 +3256,7 @@ <h2>Research</h2>
                   motionblur_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1hWpA4f6iLVcOkZI3zEAAWKARSQhnVgbY/view?usp=sharing">
                   <span class="papertitle">Learning to Synthesize Motion Blur</span>
                 </a>
@@ -3130,7 +3278,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="darkflash_stop()" onmouseover="darkflash_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='darkflash_image'><img src='images/darkflash_after.png'></div>
                   <img src='images/darkflash_before.png'>
@@ -3146,7 +3294,7 @@ <h2>Research</h2>
                   darkflash_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/1901.01370">
                   <span class="papertitle">Stereoscopic Dark Flash for Low-light Photography</span>
                 </a>
@@ -3166,7 +3314,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="motionstereo_stop()" onmouseover="motionstereo_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='motionstereo_image'><img src='images/motionstereo_after.png'></div>
                   <img src='images/motionstereo_before.png'>
@@ -3182,7 +3330,7 @@ <h2>Research</h2>
                   motionstereo_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1AABFJ3NgD5DAo5JEpEjWZrcQNzjZnvW9/view?usp=sharing">
                   <span class="papertitle">Depth from Motion for Smartphone AR</span>
                 </a>
@@ -3201,7 +3349,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="portrait_stop()" onmouseover="portrait_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='portrait_image'><img src='images/portrait_after.jpg'></div>
                   <img src='images/portrait_before.jpg'>
@@ -3217,7 +3365,7 @@ <h2>Research</h2>
                   portrait_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/13i6DlS9UhGVKmwslLUFnKBwdxFRVQeQj/view?usp=sharing">
                   <span class="papertitle">Synthetic Depth-of-Field with a Single-Camera Mobile Phone</span>
                 </a>
@@ -3241,7 +3389,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="aperture_stop()" onmouseover="aperture_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='aperture_image'><img src='images/aperture_after.jpg'></div>
                   <img src='images/aperture_before.jpg'>
@@ -3257,7 +3405,7 @@ <h2>Research</h2>
                   aperture_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1MpvxcW7OTJP321QL_q4ZLQ8D653bZZzy/view?usp=sharing">
                   <span class="papertitle">Aperture Supervision for Monocular Depth Estimation</span>
                 </a>
@@ -3278,7 +3426,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="deepburst_stop()" onmouseover="deepburst_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='deepburst_image'><img src='images/deepburst_after.png'></div>
                   <img src='images/deepburst_before.png'>
@@ -3294,7 +3442,7 @@ <h2>Research</h2>
                   deepburst_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1GAH8ijyZ7GnoBnQFANEzdXinHrE4vvXn/view?usp=sharing">
                   <span class="papertitle">Burst Denoising with Kernel Prediction Networks</span>
                 </a>
@@ -3316,7 +3464,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="friendly_stop()" onmouseover="friendly_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='friendly_image'><img src='images/friendly_after.png'></div>
                   <img src='images/friendly_before.png'>
@@ -3332,7 +3480,7 @@ <h2>Research</h2>
                   friendly_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1w_0djhL0QgC_fbehnJ0c-J23_kW_420p/view?usp=sharing">
                   <span class="papertitle">A Hardware-Friendly Bilateral Solver for Real-Time Virtual Reality Video</span>
                 </a>
@@ -3348,7 +3496,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="hdrnet_stop()" onmouseover="hdrnet_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='hdrnet_image'><img src='images/hdrnet_after.jpg'></div>
                   <img src='images/hdrnet_before.jpg'>
@@ -3364,7 +3512,7 @@ <h2>Research</h2>
                   hdrnet_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1jQY3CTMnLX7PeGUzYLso9H1eCsZyWbwg/view?usp=sharing">
                   <span class="papertitle">Deep Bilateral Learning for Real-Time Image Enhancement</span>
                 </a>
@@ -3383,7 +3531,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="ffcc_stop()" onmouseover="ffcc_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='ffcc_image'><img src='images/ffcc_after.jpg'></div>
                   <img src='images/ffcc_before.jpg'>
@@ -3399,7 +3547,7 @@ <h2>Research</h2>
                   ffcc_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/1611.07596">
                   <span class="papertitle">Fast Fourier Color Constancy</span>
                 </a>
@@ -3422,7 +3570,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="jump_stop()" onmouseover="jump_start()" bgcolor="#ffffd0">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='jump_image'><img src='images/jump_anim.gif'></div>
                   <img src='images/jump_still.png'>
@@ -3438,7 +3586,7 @@ <h2>Research</h2>
                   jump_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1RBnTrtzqmuO8uj3GQaR5vBJZjIC3Jxjn/view?usp=sharing">
                   <span class="papertitle">Jump: Virtual Reality Video</span>
                 </a>
@@ -3458,7 +3606,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="hdrp_stop()" onmouseover="hdrp_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='hdrp_image'><img src='images/hdrp_after.jpg'></div>
                   <img src='images/hdrp_before.jpg'>
@@ -3474,7 +3622,7 @@ <h2>Research</h2>
                   hdrp_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1SSSmVHWbMQ7sZMOredSVWVJXbXobkyzA/view?usp=sharing">
                   <span class="papertitle">Burst Photography for High Dynamic Range and Low-Light Imaging on Mobile Cameras</span>
                 </a>
@@ -3493,7 +3641,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="bs_stop()" onmouseover="bs_start()" bgcolor="#ffffd0">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='bs_image'><img src='images/BS_after.jpg'></div>
                   <img src='images/BS_before.jpg'>
@@ -3509,7 +3657,7 @@ <h2>Research</h2>
                   bs_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1zFzCaFwkGK1EGmJ_KEqb-ZsRJhfUKN2S/view?usp=sharing">
                   <span class="papertitle">The Fast Bilateral Solver</span>
                 </a>
@@ -3532,7 +3680,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="diverdi_stop()" onmouseover="diverdi_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='diverdi_image'><img src='images/diverdi_after.jpg'></div>
                   <img src='images/diverdi_before.jpg'>
@@ -3548,7 +3696,7 @@ <h2>Research</h2>
                   diverdi_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1mmT-LuK_eBZsl3qp4-fAshEPdgfbgvNE/view?usp=sharing">
                   <span class="papertitle">Geometric Calibration for Mobile, Stereo, Autofocus Cameras</span>
                 </a>
@@ -3565,7 +3713,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="dt_stop()" onmouseover="dt_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='dt_image'><img src='images/DT_edge.jpg'></div>
                   <img src='images/DT_image.jpg'>
@@ -3581,7 +3729,7 @@ <h2>Research</h2>
                   dt_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/178Xj2PZ1w6hZJpucU-TiZOoCemJmvsVQ/view?usp=sharing">
                   <span class="papertitle">Semantic Image Segmentation with Task-Specific Edge Detection Using CNNs and a Discriminatively Trained Domain Transform</span>
                 </a>
@@ -3599,7 +3747,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="ccc_stop()" onmouseover="ccc_start()" bgcolor="#ffffd0">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='ccc_image'><img src='images/ccc_after.jpg'></div>
                   <img src='images/ccc_before.jpg'>
@@ -3615,7 +3763,7 @@ <h2>Research</h2>
                   ccc_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1id74VNDL8ACrrWf6vYgN2M4kS8gd4n7w/view?usp=sharing">
                   <span class="papertitle">Convolutional Color Constancy</span>
                 </a>
@@ -3631,10 +3779,10 @@ <h2>Research</h2>
             </tr>
 
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <img src='images/Shelhamer2015.jpg'>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1stygV71uBruD7Ck9CaAQr7nREvr3DtUL/view?usp=sharing">
                   <span class="papertitle">Scene Intrinsics and Depth from a Single Image</span>
                 </a>
@@ -3650,7 +3798,7 @@ <h2>Research</h2>
             </tr>
 
             <tr bgcolor="#ffffd0" onmouseout="defocus_stop()" onmouseover="defocus_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div id='lens_blurry' class='hidden'><img src="images/BarronCVPR2015_anim.gif"></div>
                 <div id='lens_sharp'>
                   <a href="images/BarronCVPR2015_anim.gif"><img src="images/BarronCVPR2015_still.jpg"></a>
@@ -3668,7 +3816,7 @@ <h2>Research</h2>
                   defocus_stop()
                 </script>
               </td>
-              <td style="padding:20px;width:75%;vertical-align:middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1R4RdaBZIs-uJobhIFs9yKf3jIsaHQNH0/view?usp=sharing">
                   <span class="papertitle">Fast Bilateral-Space Stereo for Synthetic Defocus</span>
                 </a>
@@ -3689,10 +3837,10 @@ <h2>Research</h2>
             </tr>
 
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <img src="images/PABMM2015.jpg" alt="PontTuset" width="160" style="border-style: none">
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://arxiv.org/abs/1503.00848" id="MCG_journal">
                   <span class="papertitle">Multiscale Combinatorial Grouping for Image Segmentation and Object Proposal Generation</span>
                 </a>
@@ -3711,7 +3859,7 @@ <h2>Research</h2>
             </tr>
 
             <tr bgcolor="#ffffd0" onmouseout="sirfs_stop()" onmouseover="sirfs_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one">
                   <div class="two" id='sirfs_image'>
                     <a href="images/Estee.png"><img src='images/Estee_160.png' style="border-style: none"></a>
@@ -3729,7 +3877,7 @@ <h2>Research</h2>
                   sirfs_stop()
                 </script>
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <p>
                   <a href="https://arxiv.org/abs/2010.03592" id="SIRFS">
                     <span class="papertitle">Shape, Illumination, and Reflectance from Shading</span>
@@ -3751,10 +3899,10 @@ <h2>Research</h2>
             </tr>
 
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <img src="images/ArbalaezCVPR2014.jpg" alt="ArbalaezCVPR2014" width="160" height="120" style="border-style: none">
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1M0wijHY134F9ETBgO8mjeuKUSblTRLG0/view?usp=sharing">
                   <span class="papertitle">Multiscale Combinatorial Grouping</span>
                 </a>
@@ -3770,7 +3918,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="flyspin_stop()" onmouseover="flyspin_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div id='flyspin' class='hidden'><img src="images/BarronICCV2013_160.gif"></div>
                 <div id='flystill'>
                   <a href="images/BarronICCV2013.gif"><img src="images/BarronICCV2013_160.jpg"></a>
@@ -3788,7 +3936,7 @@ <h2>Research</h2>
                   flyspin_stop()
                 </script>
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1shvItvx_8Sb8QNXhrOXkuRmx2618iwNJ/view?usp=sharing">
                   <span class="papertitle">Volumetric Semantic Segmentation using Pyramid Context Features</span>
                 </a>
@@ -3808,10 +3956,10 @@ <h2>Research</h2>
             </tr>
 
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <img src="images/3DSP_160.jpg" alt="3DSP" width="160" height="120" style="border-style: none">
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/0B4nuwEMaEsnmbG1tOGIta3N1Wjg/view?usp=sharing" id="3DSP">
                   <span class="papertitle">3D Self-Portraits</span>
                 </a>
@@ -3826,7 +3974,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="rgbd_stop()" onmouseover="rgbd_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div id='rgbd_anim' class='hidden'><img src="images/SceneSIRFS.gif"></div>
                 <div id='rgbd_still'><img src="images/SceneSIRFS-still.jpg"></div>
                 <script type="text/javascript">
@@ -3842,7 +3990,7 @@ <h2>Research</h2>
                   rgbd_stop()
                 </script>
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1snypSLhzC0jXCchJRsWpcDZ7Es5hDmXo/view?usp=sharing">
                   <span class="papertitle">Intrinsic Scene Properties from a Single RGB-D Image</span>
                 </a>
@@ -3860,10 +4008,10 @@ <h2>Research</h2>
             </tr>
 
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <img src="images/Boundary.jpg" alt="Boundary_png" style="border-style: none">
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1H4YPovfrvcce3HGMEhidwU2l2fTcNR5y/view?usp=sharing">
                   <span class="papertitle">Boundary Cues for 3D Object Shape Recovery</span>
                 </a>
@@ -3882,7 +4030,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="eccv12_stop()" onmouseover="eccv12_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div id='eccv12_anim' class='hidden'>
                   <a href="https://drive.google.com/file/d/1brxb58CfRPe7KEER4Q_fYS9B_J-hiS0t/view?usp=sharing"><img src="images/ECCV2012_small.gif"></a>
                 </div>
@@ -3900,7 +4048,7 @@ <h2>Research</h2>
                   eccv12_stop()
                 </script>
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1NczR4pJ-s0YBjCe0rCevMt8IM5JPuUrc/view?usp=sharing">
                   <span class="papertitle">Color Constancy, Intrinsic Images, and Shape Estimation</span>
                 </a>
@@ -3918,7 +4066,7 @@ <h2>Research</h2>
             </tr>
 
             <tr onmouseout="cvpr12_stop()" onmouseover="cvpr12_start()">
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <div class="one" style="height: 120px">
                   <div class="two" id='cvpr12_image' style="height: 120px">
                     <img src='images/BarronCVPR2012_after.jpg' style="border-style: none">
@@ -3936,7 +4084,7 @@ <h2>Research</h2>
                   cvpr12_stop()
                 </script>
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/17RfINbE2dr2EjXp9MtGO0MHJLQmQVhvT/view?usp=sharing">
                   <span class="papertitle">Shape, Albedo, and Illumination from a Single Image of an Unknown Object</span>
                 </a>
@@ -3953,10 +4101,10 @@ <h2>Research</h2>
             </tr>
 
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <img src="images/B3DO.jpg" alt="b3do" width="160" style="border-style: none">
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1_S8EQyngbHQrB415o0XkQ4V9SMzdEgWT/view?usp=sharing">
                   <span class="papertitle">A Category-Level 3-D Object Dataset: Putting the Kinect to Work</span>
                 </a>
@@ -3978,10 +4126,10 @@ <h2>Research</h2>
             </tr>
 
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <img src="images/safs.jpg" alt="safs_small" width="160" height="160" style="border-style: none">
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1EZTOO5xezLYcyIFgAzs4KuZFLbTcwTDH/view?usp=sharing">
                   <span class="papertitle">High-Frequency Shape and Albedo from Shading using Natural Image Statistics</span>
                 </a>
@@ -3996,10 +4144,10 @@ <h2>Research</h2>
             </tr>
 
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <img src="images/fast_texture.jpg" alt="fast-texture" width="160" height="160">
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1rc05NatkQVmUDlGCAYcHSrvAzTpU9knT/view?usp=sharing">
                   <span class="papertitle">Discovering Efficiency in Coarse-To-Fine Texture Classification</span>
                 </a>
@@ -4015,10 +4163,10 @@ <h2>Research</h2>
             </tr>
 
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <img src="images/prl.jpg" alt="prl" width="160" height="160">
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/13rVuJpcytRdLYCnKpq46g7B7IzSrPQ2P/view?usp=sharing">
                   <span class="papertitle">Parallelizing Reinforcement Learning</span>
                 </a>
@@ -4033,10 +4181,10 @@ <h2>Research</h2>
             </tr>
 
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <img src="images/bd_promo.jpg" alt="blind-date" width="160" height="160">
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1PQjzKgFcrAesMIDJr-WDlCwuGUxZJZwO/view?usp=sharing">
                   <span class="papertitle">Blind Date: Using Proper Motions to Determine the Ages of Historical Images</span>
                 </a>
@@ -4049,10 +4197,10 @@ <h2>Research</h2>
             </tr>
 
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
+              <td style="padding:16px;width:20%;vertical-align:middle">
                 <img src="images/clean_promo.jpg" alt="clean-usnob" width="160" height="160">
               </td>
-              <td width="75%" valign="middle">
+              <td style="padding:8px;width:80%;vertical-align:middle">
                 <a href="https://drive.google.com/file/d/1YvRx-4hrZoCk-nl6OgVJZlHAqOiN5hWq/view?usp=sharing">
                   <span class="papertitle">Cleaning the USNO-B Catalog Through Automatic Detection of Optical Artifacts</span>
                 </a>
@@ -4068,18 +4216,63 @@ <h2>Research</h2>
           </tbody></table>
 
           
-          <table width="100%" align="center" border="0" cellspacing="0" cellpadding="20"><tbody>
+					<table style="width:100%; margin:0 auto; border:0; border-spacing:0; padding:16px;"><tbody>
             <tr>
               <td>
                 <h2>Miscellanea</h2>
               </td>
             </tr>
           </tbody></table>
-          <table width="100%" align="center" border="0" cellpadding="20"><tbody>
+          <table style="width:100%;border:0px;border-spacing:0px;border-collapse:separate;margin-right:auto;margin-left:auto;"><tbody>
             
+           
+            <tr>
+              <td align="center" style="padding:16px;width:20%;vertical-align:middle">
+						     <div class="colored-box" style="background-color: #fcb97d;">
+								 <h2>Micropapers</h2>
+								 </div>
+              </td>
+              <td style="padding:8px;width:80%;vertical-align:middle">
+                <a href="https://arxiv.org/abs/2112.11687">Squareplus: A Softplus-Like Algebraic Rectifier</a>
+                <br>
+                <a href="https://arxiv.org/abs/2010.09714">A Convenient Generalization of Schlick's Bias and Gain Functions</a>
+                <br>
+                <a href="https://arxiv.org/abs/1704.07483">Continuously Differentiable Exponential Linear Units</a>
+                <br>
+                <a href="https://jonbarron.info/data/cvpr2023_llm_workshop_annotated.pdf">Scholars & Big Models: How Can Academics Adapt?</a>
+              </td>
+            </tr>
+
+
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle"><img src="images/cvf.jpg"></td>
-              <td width="75%" valign="center">
+              <td align="center" style="padding:16px;width:20%;vertical-align:middle">
+						     <div class="colored-box" style="background-color: #aaba9e;">
+								 <h2>Recorded Talks</h2>
+								 </div>
+              </td>
+              <td style="padding:8px;width:80%;vertical-align:center">
+                <a href="https://www.youtube.com/watch?v=h9vq_65eDas">View Dependent Podcast, 2024</a>
+								<br>
+                <a href="https://www.youtube.com/watch?v=4tDhYsFuEqo">Bay Area Robotics Symposium, 2023
+</a>
+								<br>
+                <a href="https://youtu.be/TvWkwDYtBP4?t=7604">EGSR Keynote, 2021</a>
+								<br>
+								<a href="https://www.youtube.com/watch?v=nRyOzHpcr4Q">TUM AI Lecture Series, 2020</a>
+								<br>
+								<a href="https://www.youtube.com/watch?v=HfJpQCBTqZs">Vision & Graphics Seminar at MIT, 2020</a>
+              </td>
+            </tr>
+
+            <tr>
+              <td align="center" style="padding:16px;width:20%;vertical-align:middle">
+						     <div class="colored-box" style="background-color: #c6b89e;">
+								 <h2>Academic Service</h2>
+								 </div>
+              </td>
+              <td style="padding:8px;width:80%;vertical-align:center">
+                <a href="https://cvpr.thecvf.com/Conferences/2025/Organizers">Area Chair, CVPR 2025</a>
+                <br>
                 <a href="https://cvpr.thecvf.com/Conferences/2024/Organizers">Area Chair, CVPR 2024</a>
                 <br>
                 <a href="https://cvpr2023.thecvf.com/Conferences/2023/Organizers">Demo Chair, CVPR 2023</a>
@@ -4093,11 +4286,16 @@ <h2>Miscellanea</h2>
                 <a href="http://cvpr2018.thecvf.com/organizers/area_chairs">Area Chair, CVPR 2018</a>
               </td>
             </tr>
+						
+						
+           
             <tr>
-              <td style="padding:20px;width:25%;vertical-align:middle">
-                <img src="images/cs188.jpg" alt="cs188">
+              <td align="center" style="padding:16px;width:20%;vertical-align:middle">
+						     <div class="colored-box" style="background-color: #edd892;">
+								 <h2>Teaching</h2>
+								 </div>
               </td>
-              <td width="75%" valign="center">
+              <td style="padding:8px;width:80%;vertical-align:center">
                 <a href="http://inst.eecs.berkeley.edu/~cs188/sp11/announcements.html">Graduate Student Instructor, CS188 Spring 2011</a>
                 <br>
                 <a href="http://inst.eecs.berkeley.edu/~cs188/fa10/announcements.html">Graduate Student Instructor, CS188 Fall 2010</a>
@@ -4106,23 +4304,6 @@ <h2>Miscellanea</h2>
               </td>
             </tr>
             
-
-            <tr>
-              <td align="center" style="padding:20px;width:25%;vertical-align:middle">
-                <h2>Basically <br> Blog Posts</h2>
-              </td>
-              <td width="75%" valign="middle">
-                <a href="https://arxiv.org/abs/2112.11687">Squareplus: A Softplus-Like Algebraic Rectifier</a>
-                <br>
-                <a href="https://arxiv.org/abs/2010.09714">A Convenient Generalization of Schlick's Bias and Gain Functions</a>
-                <br>
-                <a href="https://arxiv.org/abs/1704.07483">Continuously Differentiable Exponential Linear Units</a>
-                <br>
-                <a href="https://jonbarron.info/data/cvpr2023_llm_workshop_annotated.pdf">Scholars & Big Models: How Can Academics Adapt?</a>
-              </td>
-            </tr>
-            
-            
           </tbody></table>
           <table style="width:100%;border:0px;border-spacing:0px;border-collapse:separate;margin-right:auto;margin-left:auto;"><tbody>
             <tr>
diff --git a/stylesheet.css b/stylesheet.css
index d359156da5..36f08c4029 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -132,4 +132,11 @@ h2 {
 
 span.highlight {
   background-color: #ffffd0;
+}
+
+.colored-box {
+    color: black;
+    padding: 20px;
+    display: inline-block;
+    border-radius: 10px;
 }
\ No newline at end of file