/**! Head JS The only script in your Copyright Tero Piirainen (tipiirai) License MIT / http://bit.ly/mit-license Version 0.97a http://headjs.com */ ; (function (win, undefined) { "use strict"; var doc = win.document, nav = win.navigator, loc = win.location, html = doc.documentElement, klass = [], conf = { screens: [320, 480, 640, 768, 1024, 1280, 1440, 1680, 1920], section: "-section", page : "-page", head : "head" }; if (win.head_conf) { for (var item in win.head_conf) { if (win.head_conf[item] !== undefined) { conf[item] = win.head_conf[item]; } } } function pushClass(name) { klass[klass.length] = name; } function removeClass(name) { var re = new RegExp("\\b" + name + "\\b"); html.className = html.className.replace(re, ''); } function each(arr, fn) { for (var i = 0, l = arr.length; i < l; i++) { fn.call(arr, arr[i], i); } } // API var api = win[conf.head] = function () { api.ready.apply(null, arguments); }; api.feature = function (key, enabled, queue) { // internal: apply all classes if (!key) { html.className += ' ' + klass.join(' '); klass = []; return api; } if (Object.prototype.toString.call(enabled) === '[object Function]') { enabled = enabled.call(); } pushClass((enabled ? '' : 'no-') + key); api[key] = !!enabled; // apply class to HTML element if (!queue) { removeClass('no-' + key); removeClass(key); api.feature(); } return api; }; // no queue here, so we can remove any eventual pre-existing no-js class api.feature("js", true); // browser type & version var ua = nav.userAgent.toLowerCase(), mobile = /mobile|midp/.test(ua); // useful for enabling/disabling feature (we can consider a desktop navigator to have more cpu/gpu power) api.feature("mobile" , mobile , true); api.feature("desktop", !mobile, true); api.feature("touch" , 'ontouchstart' in win, true); // http://www.zytrax.com/tech/web/browser_ids.htm // http://www.zytrax.com/tech/web/mobile_ids.html ua = /(chrome|firefox)[ \/]([\w.]+)/.exec(ua) || // Chrome & Firefox /(iphone|ipad|ipod)(?:.*version)?[ \/]([\w.]+)/.exec(ua) || // Mobile IOS /(android)(?:.*version)?[ \/]([\w.]+)/.exec(ua) || // Mobile Webkit /(webkit|opera)(?:.*version)?[ \/]([\w.]+)/.exec(ua) || // Safari & Opera /(msie) ([\w.]+)/.exec(ua) || []; var browser = ua[1], version = parseFloat(ua[2]), start = 0, stop = 0; switch (browser) { case 'msie': browser = 'ie'; version = doc.documentMode || version; start = 6; stop = 10; break; // Add/remove extra tests here case 'chrome': start = 8; stop = 22; break; case 'firefox': browser = 'ff'; start = 3; stop = 17; break; case 'ipod': case 'ipad': case 'iphone': browser = 'ios'; start = 3; stop = 6; break; case 'android': start = 2; stop = 4; break; case 'webkit': browser = 'safari'; start = 9; stop = 12; break; case 'opera': start = 9; stop = 12; break; } // name can be used further on for various tasks, like font-face detection in css3.js api.browser = { name : browser, version: version }; api.browser[browser] = true; // add supported, not supported classes var supported = ['ie']; //var supported = ['ie', 'chrome', 'ff', 'ios', 'android', 'safari', 'opera']; each(supported, function (name) { if (name === browser) { pushClass(name); } else { pushClass("no-" + name); } }); for (var v = start; v <= stop; v++) { if (version < v) { pushClass("lt-" + browser + v); } } // IE lt9 specific if (browser === "ie" && version < 9) { // HTML5 support : you still need to add html5 css initialization styles to your site // See: assets/html5.css each("abbr|article|aside|audio|canvas|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video".split("|"), function (el) { doc.createElement(el); }); } // CSS "router" each(loc.pathname.split("/"), function (el, i) { if (this.length > 2 && this[i + 1] !== undefined) { if (i) { pushClass(this.slice(1, i + 1).join("-").toLowerCase() + conf.section); } } else { // pageId var id = el || "index", index = id.indexOf("."); if (index > 0) { id = id.substring(0, index); } html.id = id.toLowerCase() + conf.page; // on root? if (!i) { pushClass("root" + conf.section); } } }); // basic screen info api.screen = { height: win.screen.height, width : win.screen.width }; // screen resolution: w-100, lt-480, lt-1024 ... function screenSize() { // Viewport width var iw = win.innerWidth || html.clientWidth, ow = win.outerWidth || win.screen.width; api.screen['innerWidth'] = iw; api.screen['outerWidth'] = ow; // START old code var w = win.outerWidth || html.clientWidth; // remove earlier widths html.className = html.className.replace(/ (w|lt|portrait|no-portrait|landscape|no-landscape)-\d+/g, ""); // add new ones pushClass("w-" + Math.round(w / 100) * 100); each(conf.screens, function (width) { if (w <= width) { pushClass("lt-" + width); } }); // END old code // Viewport height var ih = win.innerHeight || html.clientHeight, oh = win.outerHeight || win.screen.height; api.screen['innerHeight'] = ih; api.screen['outerHeight'] = oh; // no need for onChange event to detect this api.feature("portrait" , (ih > iw)); api.feature("landscape", (ih < iw)); } screenSize(); // Throttle navigators from triggering too many resize events var resizeId = 0; function onResize() { win.clearTimeout(resizeId); resizeId = win.setTimeout(screenSize, 100); } // Manually attach, as to not overwrite existing handler if (win.addEventListener) { win.addEventListener("resize", onResize, false); } else { win.attachEvent("onresize", onResize); } })(window); /** Head JS The only script in your Copyright Tero Piirainen (tipiirai) License MIT / http://bit.ly/mit-license Version 0.97a http://headjs.com */ ;(function(win, undefined) { "use strict"; var doc = win.document, nav = win.navigator, /* To add a new test: head.feature("video", function() { var tag = document.createElement('video'); return !!tag.canPlayType; }); Good place to grab more tests https://github.com/Modernizr/Modernizr/blob/master/modernizr.js */ /* CSS modernizer */ el = doc.createElement("i"), style = el.style, prefs = ' -o- -moz- -ms- -webkit- -khtml- '.split(' '), domPrefs = 'Webkit Moz O ms Khtml'.split(' '), head_var = win.head_conf && win.head_conf.head || "head", api = win[head_var]; // Thanks Paul Irish! function testProps(props) { for (var i in props) { if (style[props[i]] !== undefined) { return true; } } } function testAll(prop) { var camel = prop.charAt(0).toUpperCase() + prop.substr(1), props = (prop + ' ' + domPrefs.join(camel + ' ') + camel).split(' '); return !!testProps(props); } var tests = { gradient: function() { var s1 = 'background-image:', s2 = 'gradient(linear,left top,right bottom,from(#9f9),to(#fff));', s3 = 'linear-gradient(left top,#eee,#fff);'; style.cssText = (s1 + prefs.join(s2 + s1) + prefs.join(s3 + s1)).slice(0,-s1.length); return !!style.backgroundImage; }, rgba: function() { style.cssText = "background-color:rgba(0,0,0,0.5)"; return !!style.backgroundColor; }, opacity: function() { return el.style.opacity === ""; }, textshadow: function() { return style.textShadow === ''; }, multiplebgs: function() { style.cssText = "background:url(//:),url(//:),red url(//:)"; return new RegExp("(url\\s*\\(.*?){3}").test(style.background); }, boxshadow: function() { return testAll("boxShadow"); }, borderimage: function() { return testAll("borderImage"); }, borderradius: function() { return testAll("borderRadius"); }, cssreflections: function() { return testAll("boxReflect"); }, csstransforms: function() { return testAll("transform"); }, csstransitions: function() { return testAll("transition"); }, /* font-face support. Uses browser sniffing but is synchronous. http://paulirish.com/2009/font-face-feature-detection/ */ fontface: function() { var ua = navigator.userAgent, parsed; if (/*@cc_on@if(@_jscript_version>=5)!@end@*/0) { return true; } if (parsed = ua.match(/Chrome\/(\d+\.\d+\.\d+\.\d+)/)) { return parsed[1] >= '4.0.249.4' || 1 * parsed[1].split(".")[0] > 5; } if ((parsed = ua.match(/Safari\/(\d+\.\d+)/)) && !/iPhone/.test(ua)) { return parsed[1] >= '525.13'; } if (/Opera/.test({}.toString.call(window.opera))) { return opera.version() >= '10.00'; } if (parsed = ua.match(/rv:(\d+\.\d+\.\d+)[^b].*Gecko\//)) { return parsed[1] >= '1.9.1'; } return false; } }; // queue features for (var key in tests) { if (tests[key]) { api.feature(key, tests[key].call(), true); } } // enable features at once api.feature(); })(window);