small refactor to make the site more stable

Author: DominikMuhle

Gemfile

@@ -7,14 +7,15 @@ source "https://rubygems.org"
 #
 # This will help ensure the proper Jekyll version is running.
 # Happy Jekylling!
-gem "jekyll", "~> 4.3.2"
+gem "jekyll", "~> 4.4.1"
 # This is the default theme for new Jekyll sites. You may change this to anything you like.
-gem "minimal-mistakes-jekyll", "~> 4.25.0"
+gem "minimal-mistakes-jekyll", "~> 4.26.2"
 
 # gem "github-pages", group: :jekyll_plugins
 gem "jekyll-remote-theme", group: :jekyll_plugins
 
 gem "webrick", "~> 1.8"
+gem "jekyll-sass-converter", "~> 2.0"
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and
 # uncomment the line below. To upgrade, run `bundle update github-pages`.
 # gem "github-pages", group: :jekyll_plugins

Gemfile.lock

@@ -1,62 +1,70 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (7.1.3.2)
+    activesupport (7.2.2.1)
       base64
+      benchmark (>= 0.3)
       bigdecimal
-      concurrent-ruby (~> 1.0, >= 1.0.2)
+      concurrent-ruby (~> 1.0, >= 1.3.1)
       connection_pool (>= 2.2.5)
       drb
       i18n (>= 1.6, < 2)
+      logger (>= 1.4.2)
       minitest (>= 5.1)
-      mutex_m
-      tzinfo (~> 2.0)
-    addressable (2.8.6)
-      public_suffix (>= 2.0.2, < 6.0)
+      securerandom (>= 0.3)
+      tzinfo (~> 2.0, >= 2.0.5)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
     algolia_html_extractor (2.6.4)
       json (~> 2.0)
       nokogiri (~> 1.10)
     algoliasearch (1.27.5)
       httpclient (~> 2.8, >= 2.8.3)
       json (>= 1.5.1)
     base64 (0.2.0)
-    bigdecimal (3.1.7)
+    benchmark (0.4.0)
+    bigdecimal (3.1.9)
     colorator (1.1.0)
-    concurrent-ruby (1.2.3)
-    connection_pool (2.4.1)
+    concurrent-ruby (1.3.5)
+    connection_pool (2.5.0)
+    csv (3.3.2)
     drb (2.2.1)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    faraday (2.9.0)
-      faraday-net_http (>= 2.0, < 3.2)
-    faraday-net_http (3.1.0)
-      net-http
-    ffi (1.16.3)
+    faraday (2.12.2)
+      faraday-net_http (>= 2.0, < 3.5)
+      json
+      logger
+    faraday-net_http (3.4.0)
+      net-http (>= 0.5.0)
+    ffi (1.17.1-x86_64-darwin)
     filesize (0.2.0)
     forwardable-extended (2.6.0)
     gemoji (4.1.0)
-    google-protobuf (4.26.1-x86_64-darwin)
-      rake (>= 13)
     html-pipeline (2.14.3)
       activesupport (>= 2)
       nokogiri (>= 1.4)
     http_parser.rb (0.8.0)
-    httpclient (2.8.3)
-    i18n (1.14.4)
+    httpclient (2.9.0)
+      mutex_m
+    i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    jekyll (4.3.3)
+    jekyll (4.4.1)
       addressable (~> 2.4)
+      base64 (~> 0.2)
       colorator (~> 1.0)
+      csv (~> 3.0)
       em-websocket (~> 0.5)
       i18n (~> 1.0)
       jekyll-sass-converter (>= 2.0, < 4.0)
       jekyll-watch (~> 2.0)
+      json (~> 2.6)
       kramdown (~> 2.3, >= 2.3.1)
       kramdown-parser-gfm (~> 1.0)
       liquid (~> 4.0)
-      mercenary (>= 0.3.6, < 0.5)
+      mercenary (~> 0.3, >= 0.3.6)
       pathutil (~> 0.9)
       rouge (>= 3.0, < 5.0)
       safe_yaml (~> 1.0)
@@ -83,8 +91,8 @@ GEM
       jekyll (>= 3.5, < 5.0)
       jekyll-sass-converter (>= 1.0, <= 3.0.0, != 2.0.0)
       rubyzip (>= 1.3.0, < 3.0)
-    jekyll-sass-converter (3.0.0)
-      sass-embedded (~> 1.54)
+    jekyll-sass-converter (2.2.0)
+      sassc (> 2.0.1, < 3.0)
     jekyll-seo-tag (2.8.0)
       jekyll (>= 3.8, < 5.0)
     jekyll-sitemap (1.4.0)
@@ -95,75 +103,77 @@ GEM
       gemoji (>= 3, < 5)
       html-pipeline (~> 2.2)
       jekyll (>= 3.0, < 5.0)
-    json (2.7.2)
-    kramdown (2.4.0)
-      rexml
+    json (2.10.1)
+    kramdown (2.5.1)
+      rexml (>= 3.3.9)
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.4)
     listen (3.9.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
+    logger (1.6.6)
     mercenary (0.4.0)
-    minimal-mistakes-jekyll (4.25.0)
+    minimal-mistakes-jekyll (4.26.2)
       jekyll (>= 3.7, < 5.0)
       jekyll-feed (~> 0.1)
       jekyll-gist (~> 1.5)
       jekyll-include-cache (~> 0.1)
       jekyll-paginate (~> 1.1)
       jekyll-sitemap (~> 1.3)
-    minitest (5.22.3)
-    mutex_m (0.2.0)
-    net-http (0.4.1)
+    minitest (5.25.4)
+    mutex_m (0.3.0)
+    net-http (0.6.0)
       uri
-    nokogiri (1.16.4-x86_64-darwin)
+    nokogiri (1.18.3-x86_64-darwin)
       racc (~> 1.4)
     octokit (4.25.1)
       faraday (>= 1, < 3)
       sawyer (~> 0.9)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     progressbar (1.13.0)
-    public_suffix (5.0.5)
-    racc (1.7.3)
-    rake (13.2.1)
+    public_suffix (6.0.1)
+    racc (1.8.1)
     rb-fsevent (0.11.2)
-    rb-inotify (0.10.1)
+    rb-inotify (0.11.1)
       ffi (~> 1.0)
-    rexml (3.2.6)
-    rouge (4.2.1)
-    rubyzip (2.3.2)
+    rexml (3.4.1)
+    rouge (4.5.1)
+    rubyzip (2.4.1)
     safe_yaml (1.0.5)
-    sass-embedded (1.75.0-x86_64-darwin)
-      google-protobuf (>= 3.25, < 5.0)
+    sassc (2.4.0)
+      ffi (~> 1.9)
     sawyer (0.9.2)
       addressable (>= 2.3.5)
       faraday (>= 0.17.3, < 3)
+    securerandom (0.4.1)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    unicode-display_width (2.5.0)
-    uri (0.13.0)
+    unicode-display_width (2.6.0)
+    uri (1.0.3)
     verbal_expressions (0.1.5)
-    webrick (1.8.1)
+    webrick (1.9.1)
 
 PLATFORMS
   x86_64-darwin-21
 
 DEPENDENCIES
   http_parser.rb (~> 0.6.0)
-  jekyll (~> 4.3.2)
+  jekyll (~> 4.4.1)
   jekyll-algolia
   jekyll-feed
   jekyll-gist
   jekyll-include-cache
   jekyll-paginate
   jekyll-remote-theme
+  jekyll-sass-converter (~> 2.0)
   jekyll-seo-tag
   jekyll-sitemap
   jemoji
-  minimal-mistakes-jekyll (~> 4.25.0)
+  minimal-mistakes-jekyll (~> 4.26.2)
   tzinfo (~> 1.2)
   tzinfo-data
   wdm (~> 0.1.1)

_includes/header.html

@@ -4,7 +4,7 @@
             <div class="columns is-centered">
                 <div class="column has-text-centered">
                     <h1 class="title is-1 publication-title">{{ page.title }}</h1>
-                    <div class="is-size-4 publication-authors"><span class="author-block">{{ page.venue }}</span></div>
+                    <div class="is-size-4 publication-venue"><span class="author-block">{{ page.venue }}</span></div>
                     <div class="is-size-5 publication-authors">
                         <div tyle="justify-content: space-between;">
                             {% for author_id in page.authors %}
@@ -19,8 +19,12 @@ <h1 class="title is-1 publication-title">{{ page.title }}</h1>
                                     author.middle_name }} {{ author.last_name }}</a><sup>{% if
                                     author_id.equal_contribution != nil %}*{% endif %}{{ author_id.affiliations }}</sup>
                             </span>
+                            {% unless forloop.last %}
+                            <span>&nbsp;&nbsp;</span>
+                            {% endunless %}
                             {% endfor %}
                         </div>
+                    </div>
                     <div class="is-size-5 publication-affiliations">
                         {% assign i = 1 %}
                         {% for aff_id in page.affiliations %}
@@ -29,6 +33,9 @@ <h1 class="title is-1 publication-title">{{ page.title }}</h1>
                             <sup>{{i}}</sup>{{affiliation[aff_id.length]}}
                         </span>
                         {% assign i = i|plus:1 %}
+                        {% unless forloop.last %}
+                        <span>&nbsp;&nbsp;</span>
+                        {% endunless %}
                         {% endfor %}
                     </div>
                     <div class="column has-text-centered">
@@ -55,5 +62,4 @@ <h1 class="title is-1 publication-title">{{ page.title }}</h1>
                 </div>
             </div>
         </div>
-    </div>
 </section>

_includes/preview.html

@@ -0,0 +1,28 @@
+<style>
+.media-preview {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+}
+.media-preview .overlay {
+  display: none;
+  position: absolute;
+  top: 0; left: 0;
+}
+.media-preview:hover .overlay {
+  display: block;
+}
+.media-preview.has-second:hover > img,
+.media-preview.has-second:hover > iframe {
+  visibility: hidden;
+}
+</style>
+
+<div class="media-preview{% if include.media2 %} has-second{% endif %}">
+    <img src="{{ include.media1 }}" width="300" alt="Media1">
+  {% if include.media2 %}
+    <div class="overlay">
+        <img src="{{ include.media2 }}" width="300" alt="Media2">
+    </div>
+  {% endif %}
+</div>

_pages/publication_overview.html

@@ -15,7 +15,7 @@
     <link rel="stylesheet" href="/assets://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
     <link rel="stylesheet" href="/assets/css/slider-component.css">
     <link rel="stylesheet" href="/assets/css/index.css">
-  </head>
+</head>
 
 <section class="section">
     <div class="container is-max-desktop">
@@ -27,8 +27,16 @@
                     {% assign base_link = publication.external_link %}
                 {% else %}
                     {% assign base_link = publication.permalink %}
-                {% endif %} 
-                {% if publication.image_mouseover contains "mp4" %}
+                {% endif %}
+                {% if publication.image_mouseover == nil %}
+                    {% assign image_mouseover = publication.image %}
+                {% else %}
+                    {% assign image_mouseover = publication.image_mouseover %}
+                {% endif %}
+                {% assign image = base_link | append: publication.image %}
+                {% assign image_mouseover = base_link | append: image_mouseover %}
+                {% include preview.html media1=image media2=image_mouseover %}
+                <!-- {% if publication.image_mouseover contains "mp4" %}
                 <div class="publication-image {% if publication.image_mouseover %}publication-mousecell{% endif %}">
                     <video autoplay preload playsinline class="" height="100%" loop muted width="100%">
                     <source src="{{ base_link }}{{ publication.image_mouseover }}" type="video/mp4">
@@ -38,7 +46,7 @@
                 </div>
                 {% else %}
                     <img width="100%" src="{{base_link}}{{ publication.image }}" onmouseover="this.src='{{base_link}}{{ publication.image_mouseover }}';" onmouseout="this.src='{{base_link}}{{ publication.image }}';" style="display: inline-block;"/>
-                {% endif %}
+                {% endif %} -->
             </div>     
             <div class="column">
                 <div class="content">

_publications/anycam/index.md

@@ -1,10 +1,10 @@
 ---
 layout: publications
 permalink: /publications/anycam/
-# external_link: https://ceveloper.github.io/publications/skeletondiffusion
+external_link: https://fwmb.github.io/anycam/
 date: 2025_03_02 # determines sorting just take the date of the first publication as YYYY_MM_DD
-image: /assets/teaser.pdf
-image_mouseover: /assets/architecture.pdf
+image: /static/images/teaser.png
+# image_mouseover: /assets/architecture.pdf
 # icon: /assets/favicon.ico
 
 title: "AnyCam: Learning to Recover Camera Poses and Intrinsics from Casual Videos"

_publications/lightspeed/index.md

@@ -4,7 +4,7 @@ permalink: /publications/lightspeed/
 external_link: https://reginehartwig.github.io/publications/lightspeed/
 date: 2024_12_01 # determines sorting just take the date of the first publication as YYYY_MM_DD
 image: assets/teaser.png
-image_mouseover: assets/header_vid.png
+image_mouseover: assets/architecture.png
 
 title: "Lightspeed Computation of Geometry-aware Semantic Embeddings"
 venue: TBD, 2025

_publications/skeletondiffusion/index.md

@@ -4,7 +4,7 @@ permalink: /publications/skeletondiffusion/
 external_link: https://ceveloper.github.io/publications/skeletondiffusion
 date: 2025_03_01 # determines sorting just take the date of the first publication as YYYY_MM_DD
 image: /assets/teaser.gif
-image_mouseover: /assets/header_vid.mp4
+image_mouseover:  /assets/teaser_image.png
 # icon: /assets/favicon.ico
 
 title: "Nonisotropic Gaussian Diffusion for Realistic 3D Human Motion Prediction"