https://spaghettiopendata.org/assets/js/main.js

1var sectionHeight = function() {
2  var total    = $(window).height(),
3      $section = $('section').css('height','auto');
4
5  if ($section.outerHeight(true) < total) {
6    var margin = $section.outerHeight(true) - $section.height();
7    $section.height(total - margin - 20);
8  } else {
9    $section.css('height','auto');
10  }
11}
12
13$(window).resize(sectionHeight);
14
15$(function() {
16  $("section h1, section h2, section h3").each(function(){
17    $("nav ul").append("<li class='tag-" + this.nodeName.toLowerCase() + "'><a href='#" + $(this).text().toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g,'') + "'>" + $(this).text() + "</a></li>");
18    $(this).attr("id",$(this).text().toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g,''));
19    $("nav ul li:first-child a").parent().addClass("active");
20  });
21
22  $("nav ul li").on("click", "a", function(event) {
23    var position = $($(this).attr("href")).offset().top - 190;
24    $("html, body").animate({scrollTop: position}, 400);
25    $("nav ul li a").parent().removeClass("active");
26    $(this).parent().addClass("active");
27    event.preventDefault();
28  });
29
30  sectionHeight();
31
32  $('img').on('load', sectionHeight);
33});