Skip to content

Instantly share code, notes, and snippets.

View lunarfusion's full-sized avatar
☄️

Monet Fort lunarfusion

☄️
View GitHub Profile
@lunarfusion
lunarfusion / accessibility-menu.css
Last active January 13, 2022 14:07
Stylesheets for Dark and Light Mode - Head Tag
/***************** ACCESSIBILITY - REDUCE MOTION - LIGHT MODE - DARK MODE MENUS *****************/
#accessibility-menu-trigger {
position: fixed;
margin-top: 1.65rem;
top: 0;
left: 0;
z-index: 9999992;
}
@lunarfusion
lunarfusion / smoothscroll-jumplink.js
Last active October 29, 2021 12:36
Scroll smoothly to jumplinks
@lunarfusion
lunarfusion / lazyload-tool.js
Created October 28, 2021 20:38
Apply Lazyload to Images
//requires lazyload.js https://github.com/verlok/vanilla-lazyload
$(function() {
// find images within the main site container and add lazy class
$('#main-container').find('img').addClass('lazy');
// remove src so images do not load until scrolled to, add fade in
$("img.lazy").each(function() {
$(this).lazyload({effect : "fadeIn", effectspeed: 2000});
$(this).attr("data-original",$(this).attr("src"));
@lunarfusion
lunarfusion / 0_reuse_code.js
Created February 23, 2017 18:09
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console