diff --git a/source/css/_extend.styl b/source/css/_extend.styl index 8fa8c23..467ad92 100644 --- a/source/css/_extend.styl +++ b/source/css/_extend.styl @@ -59,7 +59,7 @@ $base-style padding 1rem 1.5rem tbody tr:nth-child(2n) - background-color rgba(froth, .25) + background-color transparent blockquote display block diff --git a/source/js/ayer.js b/source/js/ayer.js index 603cc6a..f15c44d 100644 --- a/source/js/ayer.js +++ b/source/js/ayer.js @@ -127,26 +127,26 @@ // // lazyload $("img.lazy").lazyload({ - effect : "fadeIn" + effect: "fadeIn" }); // // justifiedGallery $('#gallery').justifiedGallery({ - rowHeight : 200, - margins : 5 + rowHeight: 200, + margins: 5 }); // $(document).ready(function ($) { $('.anchor').click(function (event) { event.preventDefault(); - $('main').animate({scrollTop: $(this.hash).offset().top}, 'smooth'); + $('main').animate({ scrollTop: $(this.hash).offset().top }, 'smooth'); }); }); // To top - (function($) { + (function ($) { // When to show the scroll link // higher number = scroll link appears further down the page var upperLimit = 1000; @@ -161,16 +161,16 @@ scrollElem.hide(); $('.content').scroll(function () { var scrollTop = $('.content').scrollTop(); - if ( scrollTop > upperLimit ) { + if (scrollTop > upperLimit) { $(scrollElem).stop().fadeTo(300, 1); // fade back in - }else{ + } else { $(scrollElem).stop().fadeTo(300, 0); // fade out } }); // Scroll to top animation on click - $(scrollElem).click(function(){ - $('.content').animate({scrollTop:0}, scrollSpeed); return false; + $(scrollElem).click(function () { + $('.content').animate({ scrollTop: 0 }, scrollSpeed); return false; }); })(jQuery); @@ -204,6 +204,11 @@ $sidebar.removeClass('on'); }); + if (window.matchMedia("(min-width: 768px)").matches) { + $content.addClass('on'); + $sidebar.addClass('on'); + } + })(jQuery);