INNER CODE UNIT · JavaScript

buildTimeline

mario-andreschak/FLUJO · githubpages/short/app.js:224

  function buildTimeline() {
    SCENES.forEach(scene => {
      const marker = document.createElement("i");
      marker.className = "timeline-marker";
      marker.style.left = `${scene.start / FILM_DURATION * 100}%`;
      marker.dataset.name = scene.name;
      marker.title = scene.name;
      timelineMarkers.appendChild(marker);
    });
    timeline.setAttribute("aria-valuemax", String(FILM_DURATION));
  }

  function preparePaths() {
    $$(".map-line-group path, .flow-edge, .team-edge, .eco-edge, .trigger-lines path").forEach(path => {
      try {
        const length = path.getTotalLength();
        path.dataset.length = String(length);
        path.style.strokeDasharray = String(length);

View source record →