-
Notifications
You must be signed in to change notification settings - Fork 40
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Deploying to gh-pages from @ a2d0b1b 🚀
- Loading branch information
1 parent
9ac8173
commit 01c3764
Showing
104 changed files
with
15,202 additions
and
1,714 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,136 @@ | ||
/* ========================================================================== | ||
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'],a[href$='.webp']" | ||
).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=\"fas fa-link\"></i>'; | ||
anchor.title = "Permalink"; | ||
$(this).append(anchor); | ||
} | ||
}); | ||
}); |
Oops, something went wrong.