text: /* ==========================================================================
     jQuery plugin settings and other scripts
     ========================================================================== */
  
     $(document).ready(function() {
      // FitVids init
      $("#main").fitVids();
    
      // Sticky sidebar
      var stickySideBar = function() {
        var show =
          $(".author__urls-wrapper button").length === 0
            ? $(window).width() > 1024 // width should match $large Sass variable
            : !$(".author__urls-wrapper button").is(":visible");
        if (show) {
          // fix
          $(".sidebar").addClass("sticky");
        } else {
          // unfix
          $(".sidebar").removeClass("sticky");
        }
      };
    
      stickySideBar();
    
      $(window).resize(function() {
        stickySideBar();
      });
    
      // Follow menu drop down
      $(".author__urls-wrapper button").on("click", function() {
        $(".author__urls").toggleClass("is--visible");
        $(".author__urls-wrapper button").toggleClass("open");
      });
    
      // Close search screen with Esc key
      $(document).keyup(function(e) {
        if (e.keyCode === 27) {
          if ($(".initial-content").hasClass("is--hidden")) {
            $(".search-content").toggleClass("is--visible");
            $(".initial-content").toggleClass("is--hidden");
          }
        }
      });
    
      // Search toggle
      $(".search__toggle").on("click", function() {
        $(".search-content").toggleClass("is--visible");
        $(".initial-content").toggleClass("is--hidden");
        // set focus on input
        setTimeout(function() {
          $(".search-content input").focus();
        }, 400);
      });
    
      // Smooth scrolling
      var scroll = new SmoothScroll('a[href*="#"]', {
        offset: 20,
        speed: 400,
        speedAsDuration: true,
        durationMax: 500
      });
    
      // Gumshoe scroll spy init
      if($("nav.toc").length > 0) {
        var spy = new Gumshoe("nav.toc a", {
          // Active classes
          navClass: "active", // applied to the nav list item
          contentClass: "active", // applied to the content
    
          // Nested navigation
          nested: false, // if true, add classes to parents of active link
          nestedClass: "active", // applied to the parent items
    
          // Offset & reflow
          offset: 20, // how far from the top of the page to activate a content area
          reflow: true, // if true, listen for reflows
    
          // Event support
          events: true // if true, emit custom events
        });
      }
    
      // add lightbox class to all image links
      $(
        "a[href$='.jpg'],a[href$='.jpeg'],a[href$='.JPG'],a[href$='.png'],a[href$='.gif']"
      ).addClass("image-popup");
    
      // Magnific-Popup options
      $(".image-popup").magnificPopup({
        // disableOn: function() {
        //   if( $(window).width() < 500 ) {
        //     return false;
        //   }
        //   return true;
        // },
        type: "image",
        tLoading: "Loading image #%curr%...",
        gallery: {
          enabled: true,
          navigateByImgClick: true,
          preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
        },
        image: {
          tError: '<a href="%url%">Image #%curr%</a> could not be loaded.'
        },
        removalDelay: 500, // Delay in milliseconds before popup is removed
        // Class that is added to body when popup is open.
        // make it unique to apply your CSS animations just to this exact popup
        mainClass: "mfp-zoom-in",
        callbacks: {
          beforeOpen: function() {
            // just a hack that adds mfp-anim class to markup
            this.st.image.markup = this.st.image.markup.replace(
              "mfp-figure",
              "mfp-figure mfp-with-anim"
            );
          }
        },
        closeOnContentClick: true,
        midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source.
      });
    
      // Add anchors for headings
      $('.page__content').find('h1, h2, h3, h4, h5, h6').each(function() {
        var id = $(this).attr('id');
        if (id) {
          var anchor = document.createElement("a");
          anchor.className = 'header-link';
          anchor.href = '#' + id;
          anchor.innerHTML = '<span class=\"sr-only\">Permalink</span><i class=\"fa fa-link\"></i>';
          anchor.title = "Permalink";
          $(this).append(anchor);
        }
      });
    });