added caption maxwidth to avoid diff.size vid containers

mfischer-ucl · May 16, 2024 · 0945d25 · 0945d25
1 parent a6ff4dd
commit 0945d25
Show file tree

Hide file tree

Showing 10 changed files with 80 additions and 39 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/_includes/stylefile.md b/_includes/stylefile.md
@@ -32,11 +32,6 @@
   margin-bottom: 33px;
 }
 
-.caption {
-    text-align: center;
-    margin-top: 5px;
-}
-
 .collapsible {
   background-color: #f1f1f1;
   color: #444;
@@ -122,6 +117,17 @@ margin-bottom: 10px;
     max-width: 20%; /* Adjust this value based on your layout */
     box-sizing: border-box; /* Ensure padding and borders are included */
     padding: 0; /* Remove any default padding */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.caption {
+    text-align: center;
+    margin-top: 5px;
+    max-width: 100%; /* Ensure the caption does not exceed the container width */
+    word-wrap: break-word; /* Ensure long captions wrap within the container */
 }
 
 .NAvideo-container video {

diff --git a/_pages/nerf_analogies.md b/_pages/nerf_analogies.md
@@ -68,7 +68,7 @@ author_profile: false
     </div>
 </div>
 
-<b>TL;DR:</b><br>
+<b>TLDR:</b><br>
 <p style="text-align: justify">
 We investigate transferring the appearance from a source Neural Radiance Field (NeRF) to a target 3D geometry 
 in a semantically meaningful and multiview-consistent way by leveraging semantic correspondence from ViT features. 

diff --git a/_site/feed.xml b/_site/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-05-16T09:19:11+01:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Michael Fischer</title><subtitle>Michael Fischer, PhD Student in AI and Computer Graphics at University College London (UCL).</subtitle><author><name>Michael Fischer</name></author><entry><title type="html">Welcome to Jekyll!</title><link href="http://localhost:4000/blog/welcome-to-jekyll/" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2019-04-18T20:34:30+01:00</published><updated>2019-04-18T20:34:30+01:00</updated><id>http://localhost:4000/blog/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/blog/welcome-to-jekyll/">&lt;p&gt;You’ll find this post in your &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt;
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-05-16T09:30:21+01:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Michael Fischer</title><subtitle>Michael Fischer, PhD Student in AI and Computer Graphics at University College London (UCL).</subtitle><author><name>Michael Fischer</name></author><entry><title type="html">Welcome to Jekyll!</title><link href="http://localhost:4000/blog/welcome-to-jekyll/" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2019-04-18T20:34:30+01:00</published><updated>2019-04-18T20:34:30+01:00</updated><id>http://localhost:4000/blog/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/blog/welcome-to-jekyll/">&lt;p&gt;You’ll find this post in your &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt;
 
 &lt;p&gt;To add new posts, simply add a file in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory that follows the convention &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;YYYY-MM-DD-name-of-post.ext&lt;/code&gt; and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.&lt;/p&gt;
 

diff --git a/_site/index.html b/_site/index.html
@@ -370,11 +370,6 @@ <h1 id="page-title" class="page__title" itemprop="headline">
   margin-bottom: 33px;
 }
 
-.caption {
-    text-align: center;
-    margin-top: 5px;
-}
-
 .collapsible {
   background-color: #f1f1f1;
   color: #444;
@@ -460,6 +455,17 @@ <h1 id="page-title" class="page__title" itemprop="headline">
     max-width: 20%; /* Adjust this value based on your layout */
     box-sizing: border-box; /* Ensure padding and borders are included */
     padding: 0; /* Remove any default padding */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.caption {
+    text-align: center;
+    margin-top: 5px;
+    max-width: 100%; /* Ensure the caption does not exceed the container width */
+    word-wrap: break-word; /* Ensure long captions wrap within the container */
 }
 
 .NAvideo-container video {

diff --git a/_site/metappearance/index.html b/_site/metappearance/index.html
@@ -217,11 +217,6 @@
   margin-bottom: 33px;
 }
 
-.caption {
-    text-align: center;
-    margin-top: 5px;
-}
-
 .collapsible {
   background-color: #f1f1f1;
   color: #444;
@@ -307,6 +302,17 @@
     max-width: 20%; /* Adjust this value based on your layout */
     box-sizing: border-box; /* Ensure padding and borders are included */
     padding: 0; /* Remove any default padding */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.caption {
+    text-align: center;
+    margin-top: 5px;
+    max-width: 100%; /* Ensure the caption does not exceed the container width */
+    word-wrap: break-word; /* Ensure long captions wrap within the container */
 }
 
 .NAvideo-container video {

diff --git a/_site/nerf_analogies/index.html b/_site/nerf_analogies/index.html
@@ -217,11 +217,6 @@
   margin-bottom: 33px;
 }
 
-.caption {
-    text-align: center;
-    margin-top: 5px;
-}
-
 .collapsible {
   background-color: #f1f1f1;
   color: #444;
@@ -307,6 +302,17 @@
     max-width: 20%; /* Adjust this value based on your layout */
     box-sizing: border-box; /* Ensure padding and borders are included */
     padding: 0; /* Remove any default padding */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.caption {
+    text-align: center;
+    margin-top: 5px;
+    max-width: 100%; /* Ensure the caption does not exceed the container width */
+    word-wrap: break-word; /* Ensure long captions wrap within the container */
 }
 
 .NAvideo-container video {
@@ -513,7 +519,7 @@ <h4><strong>Supplemental</strong></h4>
     </div>
 </div>
 
-<b>TL;DR:</b><br />
+<b>TLDR:</b><br />
 <p style="text-align: justify">
 We investigate transferring the appearance from a source Neural Radiance Field (NeRF) to a target 3D geometry 
 in a semantically meaningful and multiview-consistent way by leveraging semantic correspondence from ViT features. 

diff --git a/_site/prdpt/index.html b/_site/prdpt/index.html
@@ -217,11 +217,6 @@
   margin-bottom: 33px;
 }
 
-.caption {
-    text-align: center;
-    margin-top: 5px;
-}
-
 .collapsible {
   background-color: #f1f1f1;
   color: #444;
@@ -307,6 +302,17 @@
     max-width: 20%; /* Adjust this value based on your layout */
     box-sizing: border-box; /* Ensure padding and borders are included */
     padding: 0; /* Remove any default padding */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.caption {
+    text-align: center;
+    margin-top: 5px;
+    max-width: 100%; /* Ensure the caption does not exceed the container width */
+    word-wrap: break-word; /* Ensure long captions wrap within the container */
 }
 
 .NAvideo-container video {

diff --git a/_site/subsite/index.html b/_site/subsite/index.html
@@ -220,11 +220,6 @@ <h1 id="page-title" class="page__title" itemprop="headline">
   margin-bottom: 33px;
 }
 
-.caption {
-    text-align: center;
-    margin-top: 5px;
-}
-
 .collapsible {
   background-color: #f1f1f1;
   color: #444;
@@ -310,6 +305,17 @@ <h1 id="page-title" class="page__title" itemprop="headline">
     max-width: 20%; /* Adjust this value based on your layout */
     box-sizing: border-box; /* Ensure padding and borders are included */
     padding: 0; /* Remove any default padding */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.caption {
+    text-align: center;
+    margin-top: 5px;
+    max-width: 100%; /* Ensure the caption does not exceed the container width */
+    word-wrap: break-word; /* Ensure long captions wrap within the container */
 }
 
 .NAvideo-container video {

diff --git a/_site/zerograds/index.html b/_site/zerograds/index.html
@@ -217,11 +217,6 @@
   margin-bottom: 33px;
 }
 
-.caption {
-    text-align: center;
-    margin-top: 5px;
-}
-
 .collapsible {
   background-color: #f1f1f1;
   color: #444;
@@ -307,6 +302,17 @@
     max-width: 20%; /* Adjust this value based on your layout */
     box-sizing: border-box; /* Ensure padding and borders are included */
     padding: 0; /* Remove any default padding */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+}
+
+.caption {
+    text-align: center;
+    margin-top: 5px;
+    max-width: 100%; /* Ensure the caption does not exceed the container width */
+    word-wrap: break-word; /* Ensure long captions wrap within the container */
 }
 
 .NAvideo-container video {