mirror of https://github.com/juliancwirko/abc.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.9 KiB
66 lines
1.9 KiB
10 years ago
|
'use strict';
|
||
|
|
|
||
|
|
var abc = (function ($) {
|
||
|
|
|
||
|
|
var
|
||
|
|
mainMenu = function () {
|
||
|
|
var menuOvrl = $('.js-main-menu-ovrl'),
|
||
|
|
menuHamburger = $('.js-main-menu-open');
|
||
|
|
$('.js-main-menu-open').on('click', function (e) {
|
||
|
|
e.preventDefault();
|
||
|
|
menuHamburger.hide();
|
||
|
|
menuOvrl.addClass('open');
|
||
|
|
});
|
||
|
|
$('.js-main-menu-close').on('click', function (e) {
|
||
|
|
e.preventDefault();
|
||
|
|
menuOvrl.removeClass('open');
|
||
|
|
menuHamburger.show();
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
// change color according to the background
|
||
|
|
headerTitles = function () {
|
||
|
|
if ($('.js-bg-check').length && $('.js-blog-bg-image').length) {
|
||
|
|
var imgPath = $('.js-blog-bg-image').css('background-image');
|
||
|
|
imgPath = imgPath && imgPath.match(/url\((['"])?(.*?)\1\)/);
|
||
|
|
imgPath = imgPath && imgPath[2];
|
||
|
|
if (imgPath) {
|
||
|
|
$('<img>').attr('src', imgPath).load(function() {
|
||
|
|
$(this).remove();
|
||
|
|
BackgroundCheck.init({
|
||
|
|
targets: '.js-bg-check',
|
||
|
|
images: '.js-blog-bg-image',
|
||
|
|
threshold: 70,
|
||
|
|
classes: {
|
||
|
|
light: 'element-dark', // when background is light
|
||
|
|
dark: 'element-light', // when background is dark
|
||
|
|
complex: 'element-complex'
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// https://highlightjs.org/
|
||
|
|
syntaxHighlighter = function () {
|
||
|
|
hljs.initHighlightingOnLoad();
|
||
|
|
},
|
||
|
|
|
||
|
|
// abc javascripts initialization
|
||
|
|
init = function () {
|
||
|
|
mainMenu();
|
||
|
|
$(document).foundation();
|
||
|
|
headerTitles();
|
||
|
|
syntaxHighlighter();
|
||
|
|
};
|
||
|
|
|
||
|
|
return {
|
||
|
|
init: init
|
||
|
|
};
|
||
|
|
|
||
|
|
})(jQuery);
|
||
|
|
|
||
|
|
(function () {
|
||
|
|
abc.init();
|
||
|
|
})();
|