https://dynamic-stereo.github.io/static/js/index.js

1window.HELP_IMPROVE_VIDEOJS = false;
2
3// var INTERP_BASE = "https://homes.cs.washington.edu/~kpar/nerfies/interpolation/stacked";
4// var NUM_INTERP_FRAMES = 240;
5
6// var interp_images = [];
7// function preloadInterpolationImages() {
8//   for (var i = 0; i < NUM_INTERP_FRAMES; i++) {
9//     var path = INTERP_BASE + '/' + String(i).padStart(6, '0') + '.jpg';
10//     interp_images[i] = new Image();
11//     interp_images[i].src = path;
12//   }
13// }
14
15// function setInterpolationImage(i) {
16//   var image = interp_images[i];
17//   image.ondragstart = function() { return false; };
18//   image.oncontextmenu = function() { return false; };
19//   $('#interpolation-image-wrapper').empty().append(image);
20// }
21
22
23$(document).ready(function () {
24  // Check for click events on the navbar burger icon
25  $(".navbar-burger").click(function () {
26    // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
27    $(".navbar-burger").toggleClass("is-active");
28    $(".navbar-menu").toggleClass("is-active");
29
30  });
31
32  var options = {
33    slidesToScroll: 1,
34    slidesToShow: 3,
35    loop: true,
36    infinite: true,
37    autoplay: false,
38    autoplaySpeed: 3000,
39  }
40
41  // Initialize all div with carousel class
42  var carousels = bulmaCarousel.attach('.carousel', options);
43
44  // Loop on each carousel initialized
45  for (var i = 0; i < carousels.length; i++) {
46    // Add listener to  event
47    carousels[i].on('before:show', state => {
48      console.log(state);
49    });
50  }
51
52  // Access to bulmaCarousel instance of an element
53  var element = document.getElementById('container-carousel 1');
54
55  if (element && element.bulmaCarousel) {
56    // bulmaCarousel instance is available as element.bulmaCarousel
57    element.bulmaCarousel.on('before-show', function (state) {
58      console.log(state);
59    });
60  }
61
62
63  bulmaSlider.attach();
64
65
66})
67$(document).ready(function () {
68  console.log('document', document)
69
70
71  const acceptButton = document.getElementById('accept-button');
72
73  revealDatalink = document.getElementById('reveal-datalink')
74  datalink = document.getElementById('datalink')
75  datalink.href = "https://www.robots.ox.ac.uk/~nikita/storage/links.json";
76  datalink.textContent = "Download data links";
77  datalink.download = "links.json"
78  datalink.target = "_blank"
79
80
81  function showDataLink() {
82    acceptButton.style.display = "none";
83    revealDatalink.style.display = "block";
84    // acceptButton.parentNode.replaceChild(divlink, acceptButton);
85  }
86
87  acceptButton.addEventListener('click', showDataLink);
88  // acceptButton.addEventListener('click', acceptCookies);
89  // rejectButton.addEventListener('click', rejectCookies);
90})
91
92document.addEventListener('DOMContentLoaded', () => {
93  // Functions to open and close a modal
94  function openModal($el) {
95    $el.classList.add('is-active');
96  }
97
98  function closeModal($el) {
99    $el.classList.remove('is-active');
100  }
101
102  function closeAllModals() {
103    (document.querySelectorAll('.modal') || []).forEach(($modal) => {
104      closeModal($modal);
105    });
106  }
107
108  // Add a click event on buttons to open a specific modal
109  (document.querySelectorAll('.js-modal-trigger') || []).forEach(($trigger) => {
110    const modal = $trigger.dataset.target;
111    const $target = document.getElementById(modal);
112
113    $trigger.addEventListener('click', () => {
114      openModal($target);
115    });
116  });
117
118  // Add a click event on various child elements to close the parent modal
119  (document.querySelectorAll('.modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button') || []).forEach(($close) => {
120    const $target = $close.closest('.modal');
121
122    $close.addEventListener('click', () => {
123      closeModal($target);
124    });
125  });
126
127  // Add a keyboard event to close all modals
128  document.addEventListener('keydown', (event) => {
129    const e = event || window.event;
130
131    if (e.keyCode === 27) { // Escape key
132      closeAllModals();
133    }
134  });
135});
136