small cosmetic updates

index.html

@@ -167,7 +167,7 @@ <h2 class="title is-3">Abstract</h2>
 				<h2 class="title has-text-centered is-3">⚠️Warning⚠️</h2>
 				<div class="content has-text-justified">
 					<p>
-						The next sections might not render correctly on mobile devices. Please view this page on a desktop for the best experience!
+						The next sections might not render correctly on mobile devices. Please view this page on a desktop or enable "desktop mode" for the best experience!
 					</p>
 				</div>
 			</div>
@@ -610,4 +610,4 @@ <h2 class="title">BibTeX</h2>
 	</script>
 </body>
 
-</html>
+</html>

static/css/index.css

@@ -131,32 +131,3 @@ body {
 .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;
-}

static/js/index.js

@@ -1,25 +1,5 @@
 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() {
@@ -45,7 +25,7 @@ $(document).ready(function() {
     for(var i = 0; i < carousels.length; i++) {
     	// Add listener to  event
     	carousels[i].on('before:show', state => {
-    		console.log(state);
+    		// console.log(state);
     	});
     }
 
@@ -54,25 +34,10 @@ $(document).ready(function() {
     if (element && element.bulmaCarousel) {
     	// bulmaCarousel instance is available as element.bulmaCarousel
     	element.bulmaCarousel.on('before-show', function(state) {
-    		console.log(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();
 
 })

static/js/scrollytelling.js

@@ -29,7 +29,7 @@ function init(selector) {
 
     // scrollama event handlers
     function handleStepEnter(response) {
-        console.log(response);
+        // console.log(response);
         // response = { element, direction, index }
 
         // // add color to current step only