add static

static/css/index.css

@@ -0,0 +1,256 @@
+body {
+  font-family: 'Noto Sans', sans-serif;
+}
+
+
+.footer .icon-link {
+    font-size: 25px;
+    color: #000;
+}
+
+.link-block a {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.dnerf {
+  font-variant: small-caps;
+}
+
+
+.teaser .hero-body {
+  padding-top: 0;
+  padding-bottom: 3rem;
+}
+
+.teaser {
+  font-family: 'Google Sans', sans-serif;
+}
+
+
+.publication-title {
+}
+
+.publication-banner {
+  max-height: parent;
+
+}
+
+.publication-banner video {
+  position: relative;
+  left: auto;
+  top: auto;
+  transform: none;
+  object-fit: fit;
+}
+
+.publication-header .hero-body {
+}
+
+.publication-title {
+    font-family: 'Google Sans', sans-serif;
+}
+
+.publication-authors {
+    font-family: 'Google Sans', sans-serif;
+}
+
+.publication-venue {
+    color: #555;
+    width: fit-content;
+    font-weight: bold;
+}
+
+.publication-awards {
+    color: #ff3860;
+    width: fit-content;
+    font-weight: bolder;
+}
+
+.publication-authors {
+}
+
+.publication-authors a {
+   color: hsl(204, 86%, 53%) !important;
+}
+
+.publication-authors a:hover {
+    text-decoration: underline;
+}
+
+.author-block {
+  display: inline-block;
+}
+
+.publication-banner img {
+}
+
+.publication-authors {
+  /*color: #4286f4;*/
+}
+
+.publication-video {
+    position: relative;
+    width: 100%;
+    height: 0;
+    padding-bottom: 56.25%;
+
+    overflow: hidden;
+    border-radius: 10px !important;
+}
+
+.publication-video iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.publication-body img {
+}
+
+.results-carousel {
+  overflow: hidden;
+}
+
+.results-carousel .item {
+  margin: 5px;
+  overflow: hidden;
+  border: 1px solid #bbb;
+  border-radius: 10px;
+  padding: 0;
+  font-size: 0;
+}
+
+.results-carousel video {
+  margin: 0;
+}
+
+
+.interpolation-panel {
+  background: #f5f5f5;
+  border-radius: 10px;
+}
+
+.interpolation-panel .interpolation-image {
+  width: 100%;
+  border-radius: 5px;
+}
+
+.interpolation-video-column {
+}
+
+.interpolation-panel .slider {
+  margin: 0 !important;
+}
+
+.interpolation-panel .slider {
+  margin: 0 !important;
+}
+
+#interpolation-image-wrapper {
+  width: 100%;
+}
+#interpolation-image-wrapper img {
+  border-radius: 5px;
+}
+
+.gallery-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+  grid-gap: 1rem;
+}
+
+.gallery-item {
+  break-inside: avoid;
+  margin-bottom: 1rem;
+}
+
+.gallery-item figure {
+  margin: 0;
+}
+
+.gallery-item img {
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+}
+
+.gallery-item figcaption {
+  padding: 0.5rem;
+  background-color: rgba(0, 0, 0, 0.05);
+  font-size: 0.9rem;
+}
+
+.gallery-masonry {
+  column-count: 3;
+  column-gap: 1em;
+}
+
+.gallery-item {
+  display: inline-block;
+  margin: 0 0 1em;
+  width: 100%;
+}
+
+.gallery-item figure {
+  margin: 0;
+}
+
+.gallery-item img {
+  width: 100%;
+  height: auto;
+  display: block;
+}
+
+.gallery-item figcaption {
+  padding: 0.5rem;
+  background-color: rgba(0, 0, 0, 0.05);
+  font-size: 0.9rem;
+}
+
+@media screen and (max-width: 768px) {
+  .gallery-masonry {
+    column-count: 2;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .gallery-masonry {
+    column-count: 1;
+  }
+}
+
+#gallery-carousel .carousel-item {
+  display: none;
+}
+
+#gallery-carousel .carousel-item.is-active {
+  display: block;
+}
+
+#gallery-carousel .carousel-item img {
+  max-height: 500px;
+  width: auto;
+  margin: 0 auto;
+}
+
+#gallery-carousel .carousel-item figcaption {
+  margin-top: 10px;
+}
+
+#gallery-carousel .carousel-navigation-is-centered .carousel-nav-left,
+#gallery-carousel .carousel-navigation-is-centered .carousel-nav-right {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+#gallery-carousel .carousel-navigation-is-centered .carousel-nav-left {
+  left: 0;
+}
+
+#gallery-carousel .carousel-navigation-is-centered .carousel-nav-right {
+  right: 0;
+}

static/images/.gitattributes

@@ -0,0 +1,6 @@
+demo.png filter=lfs diff=lfs merge=lfs -text
+ibench.png filter=lfs diff=lfs merge=lfs -text
+pipeline.png filter=lfs diff=lfs merge=lfs -text
+title.png filter=lfs diff=lfs merge=lfs -text
+tool.png filter=lfs diff=lfs merge=lfs -text
+cultivate.png filter=lfs diff=lfs merge=lfs -text

static/js/index.js

@@ -0,0 +1,96 @@
+window.HELP_IMPROVE_VIDEOJS = false;
+
+var INTERP_BASE = "./static/interpolation/stacked";
+var NUM_INTERP_FRAMES = 240;
+
+var interp_images = [];
+function preloadInterpolationImages() {
+  for (var i = 0; i < NUM_INTERP_FRAMES; i++) {
+    var path = INTERP_BASE + '/' + String(i).padStart(6, '0') + '.jpg';
+    interp_images[i] = new Image();
+    interp_images[i].src = path;
+  }
+}
+
+function setInterpolationImage(i) {
+  var image = interp_images[i];
+  image.ondragstart = function() { return false; };
+  image.oncontextmenu = function() { return false; };
+  $('#interpolation-image-wrapper').empty().append(image);
+}
+
+
+$(document).ready(function() {
+    // Check for click events on the navbar burger icon
+    $(".navbar-burger").click(function() {
+      // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+      $(".navbar-burger").toggleClass("is-active");
+      $(".navbar-menu").toggleClass("is-active");
+
+    });
+
+    var options = {
+			slidesToScroll: 1,
+			slidesToShow: 3,
+			loop: true,
+			infinite: true,
+			autoplay: false,
+			autoplaySpeed: 3000,
+    }
+
+		// Initialize all div with carousel class
+    var carousels = bulmaCarousel.attach('.carousel', options);
+
+    // Loop on each carousel initialized
+    for(var i = 0; i < carousels.length; i++) {
+    	// Add listener to  event
+    	carousels[i].on('before:show', state => {
+    		console.log(state);
+    	});
+    }
+
+    // Access to bulmaCarousel instance of an element
+    var element = document.querySelector('#my-element');
+    if (element && element.bulmaCarousel) {
+    	// bulmaCarousel instance is available as element.bulmaCarousel
+    	element.bulmaCarousel.on('before-show', function(state) {
+    		console.log(state);
+    	});
+    }
+
+    /*var player = document.getElementById('interpolation-video');
+    player.addEventListener('loadedmetadata', function() {
+      $('#interpolation-slider').on('input', function(event) {
+        console.log(this.value, player.duration);
+        player.currentTime = player.duration / 100 * this.value;
+      })
+    }, false);*/
+    preloadInterpolationImages();
+
+    $('#interpolation-slider').on('input', function(event) {
+      setInterpolationImage(this.value);
+    });
+    setInterpolationImage(0);
+    $('#interpolation-slider').prop('max', NUM_INTERP_FRAMES - 1);
+
+    bulmaSlider.attach();
+
+    document.addEventListener('DOMContentLoaded', function() {
+      // Existing carousel initialization
+      bulmaCarousel.attach('#results-carousel', {
+        slidesToScroll: 1,
+        slidesToShow: 1,
+        infinite: true,
+      });
+
+      // Updated gallery carousel initialization
+      bulmaCarousel.attach('#gallery-carousel', {
+        slidesToScroll: 1,
+        slidesToShow: 1,
+        infinite: true,
+        navigation: true,
+        loop: true,
+      });
+    });
+});
+

static/videos/.gitattributes

@@ -0,0 +1,6 @@
+demo.mp4 filter=lfs diff=lfs merge=lfs -text
+file.mp4 filter=lfs diff=lfs merge=lfs -text
+friends.mp4 filter=lfs diff=lfs merge=lfs -text
+intro.mp4 filter=lfs diff=lfs merge=lfs -text
+admin.mp4 filter=lfs diff=lfs merge=lfs -text
+avatar.mp4 filter=lfs diff=lfs merge=lfs -text

static/videos/admin.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fd9a3d5fdd98efb7eeaa43003dc9eb62283fb26cd2a42925db3703c92bea05a8
+size 1946759

static/videos/avatar.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:11f7b1cbfa6196dcca02f9321742d455ef92f6b7cfd7274b6972f497e19d7dcc
+size 232343

static/videos/demo.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6d985b9461e422721baabcfd90df13702b5b0c3d13931507a5878873293cead6
+size 11049493

static/videos/file.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4c2d75ebeeaa273ac6adeabfddb84c7085506c2b3142955f1f2d1937958ed22b
+size 458417

static/videos/friends.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0d0062769c8fee37ddec884d469162dd1ce890ac2299e973c82b173bc4e7a14f
+size 162505

static/videos/intro.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:42e4fb70d1d5e7f4004813c2b20549b6f35cd3a499e35d81ae780adb15813fa8
+size 791616