diff --git a/_dist/_css/_grunticon/grunticon.loader.txt b/_dist/_css/_grunticon/grunticon.loader.txt deleted file mode 100755 index db06035..0000000 --- a/_dist/_css/_grunticon/grunticon.loader.txt +++ /dev/null @@ -1,6 +0,0 @@ - - - \ No newline at end of file diff --git a/_dist/_css/_grunticon/icons.data.png.css b/_dist/_css/_grunticon/icons.data.png.css deleted file mode 100755 index 7168694..0000000 --- a/_dist/_css/_grunticon/icons.data.png.css +++ /dev/null @@ -1 +0,0 @@ -.icon-star { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAABQhJREFUWIXtmGtoHFUUx8+d126aZDeT7CPJmsf2la7pC4totWAo/WCQ+oBaS1sqIogFbZEKtdqnKCoKhSoqvmgUtQ0VFD+IWBBbqx9ULE2t1ia7m+3uTmaSzazZzcxuZucePzSRNsk2s9lpC9I/nC977/2fH+fcmTkswE3dlD3q7u5mEZHcaI4Zpcixc4lE/1t2+zJ2mmWz2XuhcNSPNNpJKfXZ6W2rYrE/fiwM3on5wUfNaPjCK3Z621ZRXdfXVODxNjCHgDVPMRyvrEdEj13+toHKcu8e0dntAQoAFMDDf9gSjYa32+VvC6iu66vnwA8hMBQASgAoAa5wkuVZeSOltM6OHLaAKnJ4dy1/zDsBOREe/qPm/v7INjtylA2qado9FXiyHQwJJoNy+ZOcwA1tQsSaGw4qD/TtrmWP+SZDTkQtHG61o6plgWqatqoSfloCRhwAYdrgx75nBXZoC6XUdd1BEXEOpXTB8ODFF2uZL/zFqjkRIu1qkWVpH6W0BRG52eQs+k2mlDoIIQFEDBiG0STLUnvByC5y8GyQEN0NOYlzGkdqXOxvliqVMh8aMoSODO9sxFyBKmMGE66sdJ/zev1/sSwbB4A4wzAJS6CJxMWXdD29wCkwc1kWxYLWzzpIrNIlxEUeFA4KCmBBBjAzlisxrdhaILwfgPODjvW5kVxTmrJNuqOiCXN5IzlmYtjl9p71ev2vTwuqDsZirsyuJhyLApjp8mBmK84LOWGVoZiPfDl3/pL1Ez9fcUdFb3OzLLxwBhABkNyQ0ArNejK/7rPLIQGK3NFk7M9ffdknV0Bh+NpUrYg09nZtgNn26cLQ8icmrxV9mOLRnp99I8/cwVDlugzBWWZlVuK3doVCy5+abv2qELFwzwlf5tm7WVOydW6drCzbMaIIj3/QFlq2o9ieGasVDvccb8ju7ODGEqy9eJeUFtakh9gt74bal+262j5Lbe3rPfNNfWbfGsGIzOplXUwq16mqFRsPtYWW7J9pr+X713v+zFcNowc6BSPMl0U3LlVYmxp2rH9j0a2LX7Wy3/Ldm9+29AG5eu+3wPlhYjiebWTI0mymatNBq5AAACW1EoEfJLwPMKeUcmyKHOJiviU470IpZ0p6mjnGDKE2de4sNRxGxJFMxpdfE1BEdPI8+CCvlg0KugRGLlMSqOXWI2LQzEY5oOW//1GTYE69MK+UM6W0vqXKiNQUG5BLCmqCmZc4SmnAdtBUSmmvJgnXjG0VGiy1n89GKgGg1Wp+y61Pp1O3iaNJKNp6rhLSNQ8Oq86Vv4tuMegcONzoTH3nLObnIlFPLpebDwCnbAV1skwbagNTQQkHo561I6N194erxMa9C93urwEAEonY01nvhu1u6eNmXj0x5SPB52X2ohRfAQBdtoFSSqulyGkR8ldO9npd56jWsCHOOMUDAZ/v88vXAoHmNxHx/Zi5dQfnWfdYnfJJkFV/+e+qoSYBA8ZiK/ktgwJAEEajAoz/7ZmrW53Xb9mcoJz7tfr6xveKHSKE5ADgZUR8OwriTr4m+bA3dSTI/HOagKZAhYNvQURCCEFbQE3TDFaP9YtG7V0F1b+53+Rq3mkKtB4khFAr5wkhKgA8Ryk9FO71Pe9wx+5rUI+25tUoA4EFQQAIW/GZUcpAck8qcT4ZifTtR8Sqcv0opfP6/j7blUqciyNihw2Il4SIHkqp1zbDcVFKQ3Z73tT/Tv8CRRKiKuZn7/YAAAAASUVORK5CYII='); background-repeat: no-repeat; } \ No newline at end of file diff --git a/_dist/_css/_grunticon/icons.data.svg.css b/_dist/_css/_grunticon/icons.data.svg.css deleted file mode 100755 index 2eadbfc..0000000 --- a/_dist/_css/_grunticon/icons.data.svg.css +++ /dev/null @@ -1 +0,0 @@ -.icon-star { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%3E%3ClinearGradient%20id%3D%22a%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%2220.891%22%20y1%3D%22786.984%22%20x2%3D%2220.891%22%20y2%3D%22752.985%22%20gradientTransform%3D%22translate(0%20-749)%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FBB03B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FCEE21%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M20.89%203.985l5.524%2011.193%2012.352%201.794-8.94%208.712%202.112%2012.3-11.048-5.807-11.048%205.807%202.11-12.3-8.937-8.712%2012.35-1.794z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%22.736%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M20.89%203.985l5.524%2011.193%2012.352%201.794-8.94%208.712%202.112%2012.3-11.048-5.807-11.048%205.807%202.11-12.3-8.937-8.712%2012.35-1.794z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; } \ No newline at end of file diff --git a/_dist/_css/_grunticon/icons.fallback.css b/_dist/_css/_grunticon/icons.fallback.css deleted file mode 100755 index f646cac..0000000 --- a/_dist/_css/_grunticon/icons.fallback.css +++ /dev/null @@ -1 +0,0 @@ -.icon-star { background-image: url(png/star.png); background-repeat: no-repeat; } \ No newline at end of file diff --git a/_dist/_css/_grunticon/png/star.png b/_dist/_css/_grunticon/png/star.png deleted file mode 100755 index b5b5709..0000000 Binary files a/_dist/_css/_grunticon/png/star.png and /dev/null differ diff --git a/_dist/_css/_grunticon/preview.html b/_dist/_css/_grunticon/preview.html deleted file mode 100755 index 17ece2a..0000000 --- a/_dist/_css/_grunticon/preview.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - Icons Preview! - - - - - 
.icon-star:
- - \ No newline at end of file diff --git a/_dist/_css/all.css b/_dist/_css/all.css deleted file mode 100755 index 2cac4af..0000000 --- a/_dist/_css/all.css +++ /dev/null @@ -1,59 +0,0 @@ -/*! Project Name - v - 2014-10-09 -* Copyright (c) 2014 Authored by Filament Group, Inc. */body { - margin: 0; - background-image: url(_img/bg.png); - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAADhCAYAAABbV7VpAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAA8tJREFUeJzt18FJQ0EYRlGVNCC8lOAiLQipwLJTgJDNW6SEN0XYQhbKMN5zKvgY+LnM6/f9/vUCv2zfH7MnLONy+Zg9gX/IDT7vbfYAAJhJCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIOx1jzN6wjPO2zZ6wjDGO2ROWcbt5q2ddr5+zJyxjO7/PnrAMP0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgDQhBCBNCAFIE0IA0oQQgLTT7AEr2ffH7AnL2Lbz7AnLGOOYPWEZbpC/4EcIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApAmhACkCSEAaUIIQJoQApD2A6c/G0GCVp/9AAAAAElFTkSuQmCC); - background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUwIiBoZWlnaHQ9IjIyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnIG9wYWNpdHk9Ii4zIj4KICA8dGl0bGU+QkcgUGF0dGVybjwvdGl0bGU+CiAgPHJlY3QgaWQ9InN2Z18xIiBoZWlnaHQ9IjE1MCIgd2lkdGg9IjE1MCIgeT0iMCIgeD0iMCIgZmlsbD0iI2QxZDJkNCIvPgogIDxyZWN0IGlkPSJzdmdfMiIgaGVpZ2h0PSIxNTAiIHdpZHRoPSI3NSIgeT0iNzUiIHg9IjAiIGZpbGw9IiNiY2JkYzAiLz4KICA8cmVjdCBpZD0ic3ZnXzMiIGhlaWdodD0iNzUiIHdpZHRoPSI3NSIgeT0iMCIgeD0iMTUwIiBmaWxsPSIjYTdhOWFjIi8+CiAgPHJlY3QgaWQ9InN2Z181IiBoZWlnaHQ9IjE1MCIgd2lkdGg9IjE1MCIgeT0iMCIgeD0iMjI1IiBmaWxsPSIjZDFkMmQ0Ii8+CiAgPHJlY3QgaWQ9InN2Z182IiBoZWlnaHQ9IjE1MCIgd2lkdGg9IjE1MCIgeT0iNzUiIHg9IjE1MCIgZmlsbD0iIzkzOTU5OCIvPgogIDxyZWN0IGlkPSJzdmdfNyIgaGVpZ2h0PSI3NSIgd2lkdGg9IjE1MCIgeT0iMTUwIiB4PSI3NSIgZmlsbD0iI2E3YTlhYyIvPgogIDxyZWN0IGlkPSJzdmdfOCIgaGVpZ2h0PSI3NSIgd2lkdGg9Ijc1IiB5PSIwIiB4PSIzNzUiIGZpbGw9IiNhN2E5YWMiLz4KICA8cmVjdCBpZD0ic3ZnXzkiIGhlaWdodD0iNzUiIHdpZHRoPSI3NSIgeT0iNzUiIHg9IjM3NSIgZmlsbD0iI2JjYmRjMCIvPgogIDxyZWN0IGlkPSJzdmdfMTAiIGhlaWdodD0iNzUiIHdpZHRoPSIxNTAiIHk9IjE1MCIgeD0iMzAwIiBmaWxsPSIjYTdhOWFjIi8+CiA8L2c+Cjwvc3ZnPg==); -} -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -img { - max-width: 100%; -} - -.logo { - margin: 0; - padding: 1em 0; -} - -.sitehead { - background: rgba(255,255,255,.5); - width: 100%; -} -.sitehead img { - display: block; - margin: 0 auto; - width: 340px; -} - -.issues { - border-top: 2px solid #000; -} - -.head { - background: #fd353d; - border-left: .3125em solid #000; - border-top: 1px solid #000; - float: left; - padding: .3em .925em; - width: 100%; -} -.feat-hed { - color: #fff; - float: left; - font-size: 1.3125em; - margin: 0; - padding: .5em 0 .45em 0; -} -.support { - float: right; - border: 2px solid blue; -} - -.body { - padding-left: .925em; -} \ No newline at end of file diff --git a/_dist/_css/critical.css b/_dist/_css/critical.css deleted file mode 100755 index fe9882d..0000000 --- a/_dist/_css/critical.css +++ /dev/null @@ -1 +0,0 @@ -body{ } \ No newline at end of file diff --git a/_dist/_img/ricg-logo.png b/_dist/_img/ricg-logo.png deleted file mode 100755 index 09e9098..0000000 Binary files a/_dist/_img/ricg-logo.png and /dev/null differ diff --git a/_dist/_includes/head.html b/_dist/_includes/head.html deleted file mode 100755 index 499e98a..0000000 --- a/_dist/_includes/head.html +++ /dev/null @@ -1,29 +0,0 @@ - - - Responsive Issues Community Group - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/_dist/_js/initial.js b/_dist/_js/initial.js deleted file mode 100755 index 8b22efe..0000000 --- a/_dist/_js/initial.js +++ /dev/null @@ -1,413 +0,0 @@ -/*! Project Name - v - 2014-10-09 -* Copyright (c) 2014 Authored by Filament Group, Inc. *//* Modernizr 2.6.2 (Custom Build) | MIT & BSD - * Build: http://modernizr.com/download/#-csstransforms3d-inlinesvg-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes - */ -; - - - -window.Modernizr = (function( window, document, undefined ) { - - var version = '2.6.2', - - Modernizr = {}, - - enableClasses = true, - - docElement = document.documentElement, - - mod = 'modernizr', - modElem = document.createElement(mod), - mStyle = modElem.style, - - inputElem , - - - toString = {}.toString, - - prefixes = ' -webkit- -moz- -o- -ms- '.split(' '), - - - - omPrefixes = 'Webkit Moz O ms', - - cssomPrefixes = omPrefixes.split(' '), - - domPrefixes = omPrefixes.toLowerCase().split(' '), - - ns = {'svg': 'http://www.w3.org/2000/svg'}, - - tests = {}, - inputs = {}, - attrs = {}, - - classes = [], - - slice = classes.slice, - - featureName, - - - injectElementWithStyles = function( rule, callback, nodes, testnames ) { - - var style, ret, node, docOverflow, - div = document.createElement('div'), - body = document.body, - fakeBody = body || document.createElement('body'); - - if ( parseInt(nodes, 10) ) { - while ( nodes-- ) { - node = document.createElement('div'); - node.id = testnames ? testnames[nodes] : mod + (nodes + 1); - div.appendChild(node); - } - } - - style = ['­',''].join(''); - div.id = mod; - (body ? div : fakeBody).innerHTML += style; - fakeBody.appendChild(div); - if ( !body ) { - fakeBody.style.background = ''; - fakeBody.style.overflow = 'hidden'; - docOverflow = docElement.style.overflow; - docElement.style.overflow = 'hidden'; - docElement.appendChild(fakeBody); - } - - ret = callback(div, rule); - if ( !body ) { - fakeBody.parentNode.removeChild(fakeBody); - docElement.style.overflow = docOverflow; - } else { - div.parentNode.removeChild(div); - } - - return !!ret; - - }, - _hasOwnProperty = ({}).hasOwnProperty, hasOwnProp; - - if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) { - hasOwnProp = function (object, property) { - return _hasOwnProperty.call(object, property); - }; - } - else { - hasOwnProp = function (object, property) { - return ((property in object) && is(object.constructor.prototype[property], 'undefined')); - }; - } - - - if (!Function.prototype.bind) { - Function.prototype.bind = function bind(that) { - - var target = this; - - if (typeof target != "function") { - throw new TypeError(); - } - - var args = slice.call(arguments, 1), - bound = function () { - - if (this instanceof bound) { - - var F = function(){}; - F.prototype = target.prototype; - var self = new F(); - - var result = target.apply( - self, - args.concat(slice.call(arguments)) - ); - if (Object(result) === result) { - return result; - } - return self; - - } else { - - return target.apply( - that, - args.concat(slice.call(arguments)) - ); - - } - - }; - - return bound; - }; - } - - function setCss( str ) { - mStyle.cssText = str; - } - - function setCssAll( str1, str2 ) { - return setCss(prefixes.join(str1 + ';') + ( str2 || '' )); - } - - function is( obj, type ) { - return typeof obj === type; - } - - function contains( str, substr ) { - return !!~('' + str).indexOf(substr); - } - - function testProps( props, prefixed ) { - for ( var i in props ) { - var prop = props[i]; - if ( !contains(prop, "-") && mStyle[prop] !== undefined ) { - return prefixed == 'pfx' ? prop : true; - } - } - return false; - } - - function testDOMProps( props, obj, elem ) { - for ( var i in props ) { - var item = obj[props[i]]; - if ( item !== undefined) { - - if (elem === false) return props[i]; - - if (is(item, 'function')){ - return item.bind(elem || obj); - } - - return item; - } - } - return false; - } - - function testPropsAll( prop, prefixed, elem ) { - - var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1), - props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' '); - - if(is(prefixed, "string") || is(prefixed, "undefined")) { - return testProps(props, prefixed); - - } else { - props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' '); - return testDOMProps(props, prefixed, elem); - } - } tests['csstransforms3d'] = function() { - - var ret = !!testPropsAll('perspective'); - - if ( ret && 'webkitPerspective' in docElement.style ) { - - injectElementWithStyles('@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}', function( node, rule ) { - ret = node.offsetLeft === 9 && node.offsetHeight === 3; - }); - } - return ret; - }; - - tests['inlinesvg'] = function() { - var div = document.createElement('div'); - div.innerHTML = ''; - return (div.firstChild && div.firstChild.namespaceURI) == ns.svg; - }; for ( var feature in tests ) { - if ( hasOwnProp(tests, feature) ) { - featureName = feature.toLowerCase(); - Modernizr[featureName] = tests[feature](); - - classes.push((Modernizr[featureName] ? '' : 'no-') + featureName); - } - } - - - - Modernizr.addTest = function ( feature, test ) { - if ( typeof feature == 'object' ) { - for ( var key in feature ) { - if ( hasOwnProp( feature, key ) ) { - Modernizr.addTest( key, feature[ key ] ); - } - } - } else { - - feature = feature.toLowerCase(); - - if ( Modernizr[feature] !== undefined ) { - return Modernizr; - } - - test = typeof test == 'function' ? test() : test; - - if (typeof enableClasses !== "undefined" && enableClasses) { - docElement.className += ' ' + (test ? '' : 'no-') + feature; - } - Modernizr[feature] = test; - - } - - return Modernizr; - }; - - - setCss(''); - modElem = inputElem = null; - - - Modernizr._version = version; - - Modernizr._prefixes = prefixes; - Modernizr._domPrefixes = domPrefixes; - Modernizr._cssomPrefixes = cssomPrefixes; - - - - Modernizr.testProp = function(prop){ - return testProps([prop]); - }; - - Modernizr.testAllProps = testPropsAll; - - - Modernizr.testStyles = injectElementWithStyles; docElement.className = docElement.className.replace(/(^|\s)no-js(\s|$)/, '$1$2') + - - (enableClasses ? ' js ' + classes.join(' ') : ''); - - return Modernizr; - -})(this, this.document); -; -/* app globals scripting */ -(function( window ){ - window.projectName = {}; -}(this)); - -/* - this file: - * determines whether a browser is qualified for enhancements at all, and if so, - * finds available CSS and JS assets that may be loaded - * check the template via meta[name='template'] - * test features and device conditions and environment to determine which files to load - * load files as needed -*/ -(function( win, undefined ){ - "use strict"; - - // Are we allowing web fonts? - var allowType = true; - - // test for font-face version to load via Data URI'd CSS - // Basically, load WOFF unless it's android's default browser, which needs TTF - var fontSrcRef = null, ua; - /** - if ( allowType ) { - fontSrcRef = win.document.getElementById( "fontsProximaWOFF" ); - ua = win.navigator.userAgent; - - if( ua.indexOf( "Android" ) > -1 && ua.indexOf( "like Gecko" ) > -1 && ua.indexOf( "Chrome" ) === -1 ){ - fontSrcRef = win.document.getElementById( "fontsProximaTTF" ); - } - } - */ - - var initialJS = win.document.getElementById( "initialjs" ), - docClasses = [ "enhancing enhanced" ], - grunticonPath = win.document.getElementById( "grunticon" ), - iconsDataSVG = "icons.data.svg.css", - iconsDataPNG = "icons.data.png.css", - iconsPNG = "icons.fallback.css"; - - // simple load CSS function - function loadCSS( href ){ - if( initialJS && initialJS.parentNode ) { - var link = win.document.createElement( "link" ); - link.rel = "stylesheet"; - link.href= href; - initialJS.parentNode.insertBefore( link, initialJS ); - } else { - win.setTimeout(function() { - loadCSS( href ); - }, 15); - } - } - - if( fontSrcRef ) { - // if fontSrcRef defined, grab its content attr for the font url - loadCSS( fontSrcRef.content ); - } - - - // simple load JS function - function loadJS( src ){ - if( initialJS && initialJS.parentNode ) { - var script = win.document.createElement( "script" ); - script.src= src; - initialJS.parentNode.insertBefore( script, initialJS ); - } else { - win.setTimeout(function() { - loadJS( src ); - }, 15); - } - } - - // modified grunticon loader - - // use yepnope's loader to fetch our backgrounds and icons css - function grunticon( css ){ - - var svg = !!win.document.createElementNS && !!win.document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect && !!win.document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1") && !(win.opera && win.navigator.userAgent.indexOf('Chrome') === -1), - load = function( data ){ - loadCSS( css[ data && svg ? 0 : data ? 1 : 2 ] ); - }, - - // Thanks Modernizr - img = new win.Image(); - - img.onerror = function(){ - load( false ); - }; - - img.onload = function(){ - load( img.width === 1 && img.height === 1 ); - }; - - img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="; - } - - - // NOTE: Load grunticon icons without any broad qualification - - // get Grunticon icon paths, if defined - if( grunticonPath && grunticonPath.content){ - var path = grunticonPath.content; - - // load 'em - grunticon([ path + iconsDataSVG, path + iconsDataPNG, path + iconsPNG ]); - } - - - // Broad qualification starts here. - - - // Add your qualifications for major browser experience divisions here. - // For example, you might choose to only enhance browsers that support document.querySelector (IE8+, etc). - // Use case will vary, but basic browsers: last stop here! - if( !( "querySelector" in win.document ) ){ - return; - } - - // Add scoping classes to HTML element - win.document.documentElement.className += " " + docClasses.join(" "); - - // Get scripts to load, if defined - if( initialJS ){ - var enhancedScripting = initialJS.getAttribute( "data-enhance" ); - // Load JS files - if( enhancedScripting ){ - loadJS( enhancedScripting ); - } - } - -}( this )); diff --git a/_dist/_js/main.js b/_dist/_js/main.js deleted file mode 100755 index 3296d5b..0000000 --- a/_dist/_js/main.js +++ /dev/null @@ -1,8 +0,0 @@ -/*! Project Name - v - 2014-10-09 -* Copyright (c) 2014 Authored by Filament Group, Inc. */// DOM-ready auto-init of plugins. -// Many plugins bind to an "enhance" event to init themselves on dom ready, or when new markup is inserted into the DOM -(function( $ ){ - $( function(){ - $( document ).trigger( "enhance" ); - }); -}( jQuery )); diff --git a/_dist/_js/respond.js b/_dist/_js/respond.js deleted file mode 100755 index 07be838..0000000 --- a/_dist/_js/respond.js +++ /dev/null @@ -1,295 +0,0 @@ -/*! Project Name - v - 2014-10-09 -* Copyright (c) 2014 Authored by Filament Group, Inc. *//*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */ -(function( win ){ - //exposed namespace - win.respond = {}; - - //define update even in native-mq-supporting browsers, to avoid errors - respond.update = function(){}; - - //expose media query support flag for external use - respond.mediaQueriesSupported = win.matchMedia && win.matchMedia( "only all" ).matches; - - //if media queries are supported, exit here - if( respond.mediaQueriesSupported ){ return; } - - //define vars - var doc = win.document, - docElem = doc.documentElement, - mediastyles = [], - rules = [], - appendedEls = [], - parsedSheets = {}, - resizeThrottle = 30, - head = doc.getElementsByTagName( "head" )[0] || docElem, - base = doc.getElementsByTagName( "base" )[0], - links = head.getElementsByTagName( "link" ), - requestQueue = [], - - //loop stylesheets, send text content to translate - ripCSS = function(){ - var sheets = links, - sl = sheets.length, - i = 0, - //vars for loop: - sheet, href, media, isCSS; - - for( ; i < sl; i++ ){ - sheet = sheets[ i ], - href = sheet.href, - media = sheet.media, - isCSS = sheet.rel && sheet.rel.toLowerCase() === "stylesheet"; - - //only links plz and prevent re-parsing - if( !!href && isCSS && !parsedSheets[ href ] ){ - // selectivizr exposes css through the rawCssText expando - if (sheet.styleSheet && sheet.styleSheet.rawCssText) { - translate( sheet.styleSheet.rawCssText, href, media ); - parsedSheets[ href ] = true; - } else { - if( (!/^([a-zA-Z:]*\/\/)/.test( href ) && !base) - || href.replace( RegExp.$1, "" ).split( "/" )[0] === win.location.host ){ - requestQueue.push( { - href: href, - media: media - } ); - } - } - } - } - makeRequests(); - }, - - //recurse through request queue, get css text - makeRequests = function(){ - if( requestQueue.length ){ - var thisRequest = requestQueue.shift(); - - ajax( thisRequest.href, function( styles ){ - translate( styles, thisRequest.href, thisRequest.media ); - parsedSheets[ thisRequest.href ] = true; - makeRequests(); - } ); - } - }, - - //find media blocks in css text, convert to style blocks - translate = function( styles, href, media ){ - var qs = styles.match( /@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi ), - ql = qs && qs.length || 0, - //try to get CSS path - href = href.substring( 0, href.lastIndexOf( "/" )), - repUrls = function( css ){ - return css.replace( /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g, "$1" + href + "$2$3" ); - }, - useMedia = !ql && media, - //vars used in loop - i = 0, - j, fullq, thisq, eachq, eql; - - //if path exists, tack on trailing slash - if( href.length ){ href += "/"; } - - //if no internal queries exist, but media attr does, use that - //note: this currently lacks support for situations where a media attr is specified on a link AND - //its associated stylesheet has internal CSS media queries. - //In those cases, the media attribute will currently be ignored. - if( useMedia ){ - ql = 1; - } - - - for( ; i < ql; i++ ){ - j = 0; - - //media attr - if( useMedia ){ - fullq = media; - rules.push( repUrls( styles ) ); - } - //parse for styles - else{ - fullq = qs[ i ].match( /@media *([^\{]+)\{([\S\s]+?)$/ ) && RegExp.$1; - rules.push( RegExp.$2 && repUrls( RegExp.$2 ) ); - } - - eachq = fullq.split( "," ); - eql = eachq.length; - - for( ; j < eql; j++ ){ - thisq = eachq[ j ]; - mediastyles.push( { - media : thisq.split( "(" )[ 0 ].match( /(only\s+)?([a-zA-Z]+)\s?/ ) && RegExp.$2 || "all", - rules : rules.length - 1, - hasquery: thisq.indexOf("(") > -1, - minw : thisq.match( /\(\s*min\-width:\s*(\s*[0-9\.]+)(px|em)\s*\)/ ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" ), - maxw : thisq.match( /\(\s*max\-width:\s*(\s*[0-9\.]+)(px|em)\s*\)/ ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" ) - } ); - } - } - - applyMedia(); - }, - - lastCall, - - resizeDefer, - - // returns the value of 1em in pixels - getEmValue = function() { - var ret, - div = doc.createElement('div'), - body = doc.body, - fakeUsed = false; - - div.style.cssText = "position:absolute;font-size:1em;width:1em"; - - if( !body ){ - body = fakeUsed = doc.createElement( "body" ); - body.style.background = "none"; - } - - body.appendChild( div ); - - docElem.insertBefore( body, docElem.firstChild ); - - ret = div.offsetWidth; - - if( fakeUsed ){ - docElem.removeChild( body ); - } - else { - body.removeChild( div ); - } - - //also update eminpx before returning - ret = eminpx = parseFloat(ret); - - return ret; - }, - - //cached container for 1em value, populated the first time it's needed - eminpx, - - //enable/disable styles - applyMedia = function( fromResize ){ - var name = "clientWidth", - docElemProp = docElem[ name ], - currWidth = doc.compatMode === "CSS1Compat" && docElemProp || doc.body[ name ] || docElemProp, - styleBlocks = {}, - lastLink = links[ links.length-1 ], - now = (new Date()).getTime(); - - //throttle resize calls - if( fromResize && lastCall && now - lastCall < resizeThrottle ){ - clearTimeout( resizeDefer ); - resizeDefer = setTimeout( applyMedia, resizeThrottle ); - return; - } - else { - lastCall = now; - } - - for( var i in mediastyles ){ - var thisstyle = mediastyles[ i ], - min = thisstyle.minw, - max = thisstyle.maxw, - minnull = min === null, - maxnull = max === null, - em = "em"; - - if( !!min ){ - min = parseFloat( min ) * ( min.indexOf( em ) > -1 ? ( eminpx || getEmValue() ) : 1 ); - } - if( !!max ){ - max = parseFloat( max ) * ( max.indexOf( em ) > -1 ? ( eminpx || getEmValue() ) : 1 ); - } - - // if there's no media query at all (the () part), or min or max is not null, and if either is present, they're true - if( !thisstyle.hasquery || ( !minnull || !maxnull ) && ( minnull || currWidth >= min ) && ( maxnull || currWidth <= max ) ){ - if( !styleBlocks[ thisstyle.media ] ){ - styleBlocks[ thisstyle.media ] = []; - } - styleBlocks[ thisstyle.media ].push( rules[ thisstyle.rules ] ); - } - } - - //remove any existing respond style element(s) - for( var i in appendedEls ){ - if( appendedEls[ i ] && appendedEls[ i ].parentNode === head ){ - head.removeChild( appendedEls[ i ] ); - } - } - - //inject active styles, grouped by media type - for( var i in styleBlocks ){ - var ss = doc.createElement( "style" ), - css = styleBlocks[ i ].join( "\n" ); - - ss.type = "text/css"; - ss.media = i; - - //originally, ss was appended to a documentFragment and sheets were appended in bulk. - //this caused crashes in IE in a number of circumstances, such as when the HTML element had a bg image set, so appending beforehand seems best. Thanks to @dvelyk for the initial research on this one! - head.insertBefore( ss, lastLink.nextSibling ); - - if ( ss.styleSheet ){ - ss.styleSheet.cssText = css; - } - else { - ss.appendChild( doc.createTextNode( css ) ); - } - - //push to appendedEls to track for later removal - appendedEls.push( ss ); - } - }, - //tweaked Ajax functions from Quirksmode - ajax = function( url, callback ) { - var req = xmlHttp(); - if (!req){ - return; - } - req.open( "GET", url, true ); - req.onreadystatechange = function () { - if ( req.readyState != 4 || req.status != 200 && req.status != 304 ){ - return; - } - callback( req.responseText ); - } - if ( req.readyState == 4 ){ - return; - } - req.send( null ); - }, - //define ajax obj - xmlHttp = (function() { - var xmlhttpmethod = false; - try { - xmlhttpmethod = new XMLHttpRequest(); - } - catch( e ){ - xmlhttpmethod = new ActiveXObject( "Microsoft.XMLHTTP" ); - } - return function(){ - return xmlhttpmethod; - }; - })(); - - //translate CSS - ripCSS(); - - //expose update for re-running respond later on - respond.update = ripCSS; - - //adjust on resize - function callMedia(){ - applyMedia( true ); - } - if( win.addEventListener ){ - win.addEventListener( "resize", callMedia, false ); - } - else if( win.attachEvent ){ - win.attachEvent( "onresize", callMedia ); - } -})(this); \ No newline at end of file diff --git a/_dist/index.php b/_dist/index.php deleted file mode 100755 index 75b011a..0000000 --- a/_dist/index.php +++ /dev/null @@ -1,93 +0,0 @@ - - - - - -
-

Responsive Issues Community Group

-
- -
-
-
-

The srcset and sizes attributes

-
-
Chrome
-
Partial Support
-
Firefox
-
Supported
-
Opera
-
Partial Support
-
Safari
-
No Support
-
Safari
-
Partial Support
-
-
-
-

The picture element is a markup pattern that allows developers to declare multiple sources for an image. By using media - queries, it gives developers control as to when and if those images are presented to the user.

-

The picture element is one part of the HTML specification.

- -

Use Cases and Requirements

- -

Draft

- -

Published

- http://responsiveimagescg.github.io/eq-usecases/ - -

Specification

- http://responsiveimagescg.github.io/eq-usecases/ - -
-
- -
-
-

The picture element

-
-
Chrome
-
Partial Support
-
Firefox
-
Supported
-
Opera
-
Partial Support
-
Safari
-
No Support
-
Safari
-
Partial Support
-
-
-
-

The picture element is a markup pattern that allows developers to declare multiple sources for an image. By using media - queries, it gives developers control as to when and if those images are presented to the user.

-

The picture element is one part of the HTML specification.

-
-
- -
-
-

Element Queries

-
-
Chrome
-
Partial Support
-
Firefox
-
Supported
-
Opera
-
Partial Support
-
Safari
-
No Support
-
Safari
-
Partial Support
-
-
-
-

The picture element is a markup pattern that allows developers to declare multiple sources for an image. By using media - queries, it gives developers control as to when and if those images are presented to the user.

-

The picture element is one part of the HTML specification.

-
-
- -
- - \ No newline at end of file diff --git a/_tmpl/_css/_type/DINweb-cond.woff b/_tmpl/_css/_type/DINweb-cond.woff new file mode 100644 index 0000000..3398416 Binary files /dev/null and b/_tmpl/_css/_type/DINweb-cond.woff differ diff --git a/_tmpl/_css/_type/proximanova-bold.woff b/_tmpl/_css/_type/proximanova-bold.woff new file mode 100755 index 0000000..cfcd785 Binary files /dev/null and b/_tmpl/_css/_type/proximanova-bold.woff differ diff --git a/_tmpl/_css/_type/proximanova-reg.woff b/_tmpl/_css/_type/proximanova-reg.woff new file mode 100755 index 0000000..af0fa2b Binary files /dev/null and b/_tmpl/_css/_type/proximanova-reg.woff differ diff --git a/_tmpl/_css/all.css b/_tmpl/_css/all.css index f268eda..bc8074f 100644 --- a/_tmpl/_css/all.css +++ b/_tmpl/_css/all.css @@ -9,11 +9,26 @@ body { -moz-box-sizing: border-box; box-sizing: border-box; } +.a11y-hide { + color: transparent; + display: block; + font-size: 1px; + height: 1px; + overflow: hidden; + position: absolute; + +} img { max-width: 100%; } +p { + color: #e7e2e2; + margin: 1em 0; + font-family: Proxima Nova, sans-serif; +} + .logo { margin: 0; padding: 1em 0; @@ -30,29 +45,87 @@ img { } .issues { + background: #4a4646; border-top: 2px solid #000; + clear: both; } +.feat { + clear: both; + width: 100%; +} .head { - background: #fd353d; + background: #d6342d; border-left: .3125em solid #000; border-top: 1px solid #000; - float: left; - padding: .3em .925em; + clear: both; + display: block; + padding: .3em 1.2em .3em .8875em; + position: relative; width: 100%; } +/* */ +.body { + display: none; +} +.open .body { + display: block; +} +/* */ + +.open .head { + background: #000; +} + .feat-hed { + -webkit-font-smoothing: antialiased; color: #fff; - float: left; - font-size: 1.3125em; + font: normal 1.3125em/1.2 DIN Condensed, sans-serif; + font-weight: normal; margin: 0; - padding: .5em 0 .45em 0; + padding: .65em 0 .4em 0; } + .support { + background: rgba(225, 225, 225, .95); + border-radius: .25em; + padding: .25em .25em 0 .25em; + position: absolute; float: right; - border: 2px solid blue; + right: 1em; + margin: 0; + top: .55em; + bottom: .55em; +} +.support dt { + float: left; + margin: 0 1px; + width: 30px; } .body { - padding-left: .925em; + padding: .5em 1.2em; +} + + + + + + +@font-face { + font-family: 'Proxima Nova'; + src: url('_type/proximanova-reg.woff') format('woff'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'Proxima Nova'; + src: url('_type/proximanova-bold.woff') format('woff'); + font-weight: bold; + font-style: normal; +} +@font-face { + font-family: 'DIN Condensed'; + src: url('_type/DINweb-cond.woff') format('woff'); + font-style: normal; } \ No newline at end of file diff --git a/_tmpl/_img/icon-chrome.png b/_tmpl/_img/icon-chrome.png new file mode 100644 index 0000000..f241a3a Binary files /dev/null and b/_tmpl/_img/icon-chrome.png differ diff --git a/_tmpl/_img/icon-firefox.png b/_tmpl/_img/icon-firefox.png new file mode 100644 index 0000000..8f2c465 Binary files /dev/null and b/_tmpl/_img/icon-firefox.png differ diff --git a/_tmpl/_img/icon-ie.png b/_tmpl/_img/icon-ie.png new file mode 100644 index 0000000..cf9752e Binary files /dev/null and b/_tmpl/_img/icon-ie.png differ diff --git a/_tmpl/_img/icon-opera.png b/_tmpl/_img/icon-opera.png new file mode 100644 index 0000000..0a4a142 Binary files /dev/null and b/_tmpl/_img/icon-opera.png differ diff --git a/_tmpl/_img/icon-safari.png b/_tmpl/_img/icon-safari.png new file mode 100644 index 0000000..b7fef48 Binary files /dev/null and b/_tmpl/_img/icon-safari.png differ diff --git a/_tmpl/index.php b/_tmpl/index.php index 75b011a..25d727c 100644 --- a/_tmpl/index.php +++ b/_tmpl/index.php @@ -12,16 +12,16 @@

The srcset and sizes attributes

-
Chrome
-
Partial Support
-
Firefox
-
Supported
-
Opera
-
Partial Support
-
Safari
-
No Support
-
Safari
-
Partial Support
+
Chrome
+
Partial Support
+
Firefox
+
Supported
+
Opera
+
Partial Support
+
Internet Explorer
+
No Support
+
Safari
+
Partial Support
@@ -65,7 +65,7 @@
-
+

Element Queries