diff --git a/_dist/_css/all.css b/_dist/_css/all.css index cf1d28a..7ca2060 100755 --- a/_dist/_css/all.css +++ b/_dist/_css/all.css @@ -1,3 +1,3 @@ /*! Project Name - v - 2014-10-31 * Copyright (c) 2014 Mat Marquis - mat@matmarquis.com */ -body{background-image:url(_img/bg.png);background-image:url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%01%C2%00%00%00%E1%02%03%00%00%00%269%5D%FA%00%00%00%0CPLTE%F7%F7%F7%EF%F0%F0%F3%F4%F4%EC%ED%ED%9B%2B%93%D1%00%00%00%9AIDATx%DA%ED%CD%B1%11%40%40%18%84Q%CC%88%B5%A4%84K%AE%1E%AD%08%D1%24%05l%F2%A7g%DE%E6%DF%BE%A9%B4%B5%C7%F6J7g%D7%88D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%87%14%9F%D8%95%E5%F6V%96%DD%92%EF%27%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%E2O%C4%BBWv%A4X%EA%1A%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%E2%88%E2%07%C8%F2C%01%11%C1%19%FD%00%00%00%00IEND%AEB%60%82);font-family:Proxima Nova,sans-serif;margin:0;padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{color:#751415;font-weight:700;text-decoration:none;-webkit-font-smoothing:antialiased}.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;line-height:1.4;font-family:Proxima Nova,sans-serif}.sitehead{width:100%}.logo{margin:0}.logo img{display:block;margin:0 auto;padding:2em 0 .5em;max-width:300px;width:50%}.intro{padding-bottom:1.5em;max-width:920px;margin:0 auto}.intro a{text-decoration:underline}.intro a:hover{text-decoration:none}.intro p{color:#444;font-size:1.1em;font-weight:700;line-height:1.4;padding:0 5%;text-align:center;text-shadow:1px 1px 0 #fff}@media(min-width:45em){.intro p{font-size:1.2em;line-height:1.5}}.issues{background:#2a2a2a;border-bottom:5px solid #000;margin-bottom:2em;clear:both}.feat{clear:both;width:100%}.feat:after{clear:both;content:"";display:block}.head{border-left:.3125em solid #000;clear:both;cursor:pointer;float:left;display:block;padding:.3em 0;position:relative;width:100%}.heading0 .head{background:#e20e03}.heading1 .head{background:#e62d23}.heading2 .head{background:#e73b33}.heading3 .head{background:#e74840}.heading4 .head{background:#f15048}.heading5 .head{background:#f55952}.feat+.feat .head{border-top:1px solid rgba(0,0,0,.25)}.head .feat-hed{float:left}.head .status{clear:both;font-size:.925em;margin-top:.525em;opacity:.8}@media(min-width:30em){.head .status{clear:none;float:right}}.issues .body{height:1px;left:-9999px;overflow:hidden;position:absolute}.issues .open .body{height:auto;overflow:visible;position:static}.open .head{background:#000}.body{clear:both;padding-top:1em;padding-bottom:4em;width:100%}.body:after{content:"";clear:both;display:block}.body p{text-shadow:1px 1px 0 #000}@media(min-width:30em){.body .col-a{float:left;width:75.7894737%}.body .col-b{float:right;max-width:21.8947368%}}.head span,.body{display:block;margin:0 auto;padding:.5em 1.2em 0;max-width:1040px}.body{padding-bottom:2em}.usage{background:#eeeff0;border-left:6px solid #191818;clear:both;float:left;padding-left:1em;margin-top:1em;margin:1em 0 1.5em -6px;width:100%}.usage code{color:#191818;display:block;padding:1px;line-height:1.5;word-wrap:break-word}.feat-hed{-webkit-font-smoothing:antialiased;color:#fff;font:400 1.3125em/1.2 DIN Condensed,sans-serif;font-weight:400;margin:0;padding:.25em 0 .5em}.col-b{background:#222;margin:-.5em -1em 0 -1em}.impl-hed{color:#fafafa;display:block;font-size:.925em;margin:0 0 .5em 1em;padding-top:.75em;-webkit-font-smoothing:antialiased}.support{border-bottom:3px solid #111;display:block;text-align:justify;max-height:4em;padding:.5em 1em .25em;width:100%}.support:after{content:"";display:inline-block;width:100%;margin:0 auto}.support img{display:inline;margin:0 1px;padding:.15em 0;opacity:.3;max-width:40px;width:12.5%}.support img.full-support{opacity:1}@media(min-width:30em){.col-b{background:0;margin:0}.support{background:rgba(225,225,225,.95);border-radius:.25em;border-width:0;display:block;float:right;margin:0;max-height:inherit;padding:.25em .5em;width:auto}.support:after{display:none}.impl-hed{margin:0 0 .75em}.support img{display:block;width:32px}}@media(min-width:50em){.support img{float:left;width:28px}}@media(min-width:30em) and (max-width:50em){.impl-hed .abbr{display:none}}.subhed{background:#000;color:#f9f9f9;clear:both;display:inline-block;float:left;font-size:.975em;margin-left:-9999px;padding:.4em 1em .375em 9999px;-webkit-font-smoothing:antialiased}.docs{clear:both;margin-left:-6px;float:left;margin-bottom:1.5em;width:100%}.docs dt{background:#ebebec;border-left:6px solid #191818;border-right:1px solid rgba(200,200,200,.5);clear:left;color:#191818;float:left;font-weight:700;margin-right:.5em;min-width:8em}.docs dd{background:#efefef;border-left:6px solid #191818;clear:left;margin:0 0 .5em;min-width:70%;width:100%}.docs dd a{display:block;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs dt,.docs dd{display:block;padding:.25em .5em .2em}dt.published{background:#cee6b8}dd.published,dt.published{border-left-color:#334b11;color:#334b11}dt.draft{background:#efdadd}dd.draft,dt.draft{border-left-color:#761718;color:#761718}@media(min-width:50em){.docs dt,.docs dd{clear:none;width:auto}}.social{float:right;padding-bottom:3em}.social a{background-color:#841d1a;background-position:center center;background-repeat:no-repeat;display:inline-block;margin-left:.25em;height:2.1em;width:2.1em;text-indent:-9999px}a.twitter{background-image:url(_img/twitter.png);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAYRJREFUOI2lk6+LVFEYht9zdkFwXWXNYlr8ARrXYjIYxLR/gLBJNNlsVptB4wSDSTC5IKjBMkEMYjAMWkSLIrKiGBaG530N3hmuOjsexhduOd+9z3m+j+9KkpJUNcb2EWAAfAC+AkPbm736qSRHJUnAtu3jDdCTwOfMCPAAeA68TLIk2yuAgU+2N+aBgRezoD34R9vXbF9SkrVeYdf29STLs2znQXuMV0nWJibv/ii+TXLZ9sEe+EIDdGR7tW9zdY8Xd4FnwC3gTgP46YS5nF+jGNt+VGu92G+/1rpP0rnuacmXKVjSjyS3a637Gz/eM6WU0VSqlDKWdO9/oR14+NtBkkPd/i2cbr+XpsbdTd9KKedt37T9fUHhQSmFv05b1mmO7U4muzsrwGBB9tbcXpIU21eAEeBG27vNw7K9AbxugN7PjN9/AllNciDJiSRbwOMG4Nj2jSRlnt0Z4Elj2wAPbZ/+V9fTG22vS9pMclbSMUmHJY0l7dRa3yQZStqutb5vGedPN9QerEMFL08AAAAASUVORK5CYII=);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNiAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNi4wNDc2MjI4NTcxNDI4NG1tIiBoZWlnaHQ9IjQuOTE0NzhtbSIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNjcwMSA1NDQ2Ig0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5maWwwIHtmaWxsOiNmZmZmZmZ9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxpdmVsbG9feDAwMjBfMSI+DQogIDxtZXRhZGF0YSBpZD0iQ29yZWxDb3JwSURfMENvcmVsLUxheWVyIi8+DQogIDxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNNjcwMSA2NDVjLTI0NywxMDkgLTUxMiwxODMgLTc5MCwyMTYgMjg0LC0xNzAgNTAyLC00NDAgNjA0LC03NjEgLTI2NiwxNTggLTU2MCwyNzIgLTg3MywzMzQgLTI1MSwtMjY3IC02MDgsLTQzNCAtMTAwNCwtNDM0IC03NTksMCAtMTM3NSw2MTYgLTEzNzUsMTM3NSAwLDEwOCAxMiwyMTMgMzYsMzEzIC0xMTQzLC01NyAtMjE1NiwtNjA1IC0yODM0LC0xNDM3IC0xMTgsMjAzIC0xODYsNDM5IC0xODYsNjkxIDAsNDc3IDI0Myw4OTggNjEyLDExNDQgLTIyNSwtNyAtNDM3LC02OSAtNjIzLC0xNzIgMCw2IDAsMTEgMCwxNyAwLDY2NiA0NzQsMTIyMiAxMTAzLDEzNDggLTExNSwzMSAtMjM3LDQ4IC0zNjIsNDggLTg5LDAgLTE3NSwtOSAtMjU5LC0yNSAxNzUsNTQ2IDY4Myw5NDQgMTI4NCw5NTUgLTQ3MSwzNjkgLTEwNjMsNTg5IC0xNzA4LDU4OSAtMTExLDAgLTIyMCwtNyAtMzI4LC0xOSA2MDgsMzkwIDEzMzEsNjE4IDIxMDgsNjE4IDI1MjksMCAzOTEyLC0yMDk1IDM5MTIsLTM5MTIgMCwtNjAgLTEsLTExOSAtNCwtMTc4IDI2OSwtMTk0IDUwMiwtNDM2IDY4NiwtNzEyeiIvPg0KIDwvZz4NCjwvc3ZnPg0K);background-position:center center}a.g-plus{background-image:url(_img/g-plus.png);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAA5FJREFUWIXtVkuIXEUUPbdevzeTUSESCP7GgAYlIMlCF4EIStSlSMCgRkEh/t0GBcE4iApuRLJS0aUomvUQEd0IfhEchTALN/ksgowo0995VfccF3aHN013vx5nEjceuFC337mnTr2qrneB/7EeVkeQZJIKM6vlAijNjEP1AUDRT6OZea2KJCN50N3fcffv3H3F3UlSdeHuH0gqhjVJ7lcfJB8eN3eoFDxA8jSALwHcA+BXAKcAXKgxHwG8kGXZk2ZW1q52Etz9hLsrpbRK8tDQRIW7v+nuGkRKqSfpMMkbSO6YpD3tGwEApJSW3V0kH5xgdmHIzJ8kb65b5Ia3RtK5EMLJscQQXpP00yA3s+2S3q0zMi1C3wTM7OdJRDNjCOFVSajEvST39TWCpNnhADBTkSlGcSRlAIAY47K7f1TnWpLFGM+nlDQIki8B67dgoyD5WHVrrqwzYmYKISwOvZXddXXToFEZ3zRNgaTvATw1QuO8pFdG8OdDCE/3088k/TJCdgnAP1tTlmWUdHWdEZIHY4wahLu/UcPf2L8GQMPdD40jVpCqW2NmX09RU4uqEUg6dvEEjwHJOwZjM/vNzL7YMiOD1ZHck1I6Po4sqSD5XJ/rAJ6Z6iM2rZEqSB6PMS5IyodNxBjfl7RbkjcajaN5nn+1FSaAfhtQluVpSXvWPTA7a2afm9k5SddIul/SvKTVLMseyfN8cZoJJN0I4Pn++OMQwtJYIyT3xhhPSLqrRrScmZm5O4Tw7TQmNoJ1zQ7JXe5+u5ntBODu/rikA4PnWZa9l+f5s1ttAlh/oSGEcAbAmUHe6/UWJFUpv18KE8CIw1oFyauqubs/QXLnZTeSZdkP1VzSfFmW35DceynMjAXJA+122zudjqrRbrc7KaVHt3Ku4cO6DcBtJG8heb2kHSQfkrRrVHGWZW8XRfHiVlxqBgAppSMppaMppTvNbNCJr5rZ2RDCCgCllPab2bZhgRDC4uzs7GEz62zWDDqdznKr1ep0u91PUkpHSM4Pc0je2u12f2y32xqOXq93qu4bNRV6vd6HJK+t40lqrK2tvd5sNr3VaqkaZVke24wH60+Qm1mctijGeF9Zlp9K2n5RyOzC3NzcdWamSbVbDpL7Wq3WarPZ1CBI/uu2ceI9MrEwhKWiKF4e+vmKy24EAPI8P1npZWhmZ+qrRqNRT5mIP/I8fwsAzGzFzP7apN5/j78B0m5Cg05Ym3kAAAAASUVORK5CYII=);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzNHB4IiBoZWlnaHQ9IjM0cHgiIHZpZXdCb3g9IjAgMCA3OS4zNyA3OS4zNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzkuMzcgNzkuMzciIHhtbDpzcGFjZT0icHJlc2VydmUiPgoKPGcgaWQ9Il94MkJfXzFfIj4KCTxnPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTcuODUsNi45NSA2My44NSw2Ljk1IDYzLjg1LDIwLjk1IDc3LjksMjAuOTUgNzcuOSwyNi44MjcgNjMuODUsMjYuODI3IDYzLjg1LDQwLjk1IDU3Ljg1LDQwLjk1IAoJCQk1Ny44NSwyNi44MjcgNDMuODUsMjYuODI3IDQzLjg1LDIwLjk1IDU3Ljg1LDIwLjk1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjIzLjg1NjQiIHkxPSI3NS45NjkyIiB4Mj0iMjMuODU2NCIgeTI9IjYuOTQ5NyI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMkYyRjIiLz4KCQkJPHN0b3AgIG9mZnNldD0iMC4yNDEzIiBzdHlsZT0ic3RvcC1jb2xvcjojRjZGNkY2Ii8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkYiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGZpbGw9InVybCgjU1ZHSURfNF8pIiBkPSJNMzMuNjUsNTUuMDA4bC0zLjk3OS0zLjA5NmMtMS4yMTItMC45OTgtMi44NjctMi4zMjgtMi44NjctNC43NjJjMC0yLjQ0MSwxLjY1NS0zLjk5NiwzLjA5LTUuNDM0CgkJCWM0LjYzNy0zLjY1LDguOTU3LTcuNTM1LDguOTU3LTE1LjczMmMwLTcuNDg0LTQuMDQzLTExLjY4Ni02Ljc1My0xNC4wMzVjMC45MDksMCw2Ljc2NSwwLDYuNzY1LDBsNi4xOTktNUgyMS43MjgKCQkJQzE1LjkzOCw3LjA1Nyw5LjAzNCw3LjkyNiwyLjc0MSwxMy4xMzVjLTAuMjk1LDAuMjU0LDAuMjUsMC41MTYtMC4wMjYsMC43ODF2MjcuODcxYzMuMDI2LDIuNTE2LDYuMjc0LDMuNTg2LDExLjI4NCwzLjU4NgoJCQljMS4xMDYsMCwyLjMxNi0wLjExMywzLjUzMy0wLjIyM2MtMC41NTEsMS4zMzItMS4xMDQsMi40NDEtMS4xMDQsNC4zMjRjMCwzLjQzMiwxLjc2NCw1LjUzMywzLjMxMiw3LjUzMQoJCQljLTQuMjIsMC4yODUtMTAuNzA0LDAuNDEyLTE3LjAwNywzLjExOWwtMC4wMTksNS44MDljMi4yNzgtMy4wOTYsNS4wNTQtMy40NjcsNi42NDgtNC4wNDljNC42MzYtMS41NTMsMTAuNTk5LTEuNzc1LDExLjU5Ny0xLjc3NQoJCQljMS4wOTgsMCwxLjY1LDAsMi41MywwLjExM2M4LjM5NSw1Ljk4NiwxMy43OTIsOC45NjksMTMuNzkyLDE0LjYyOWMwLDAuNTk4LDAuMDAxLDAuODA1LTAuMDIxLDEuMTE3bDYuNjA0LTAuMDA0CgkJCWMwLjY0OC0yLjA5MiwwLjk4NC0zLjM4OSwwLjk4NC01LjQzOEM0NC44NSw2Mi44ODEsMzguNTA1LDU5LjExLDMzLjY1LDU1LjAwOHogTTE5LjU2Myw0MC45NQoJCQljLTkuNDk1LDAtMTMuMzkzLTEwLjk3Ny0xMy4zOTMtMTguMzk2YzAtMi44ODcsMC4yODktNS44NzMsMi4xNjYtOC4yMDFjMS43Ny0yLjIxNyw0Ljg1Ny0zLjY1Niw3LjczLTMuNjU2CgkJCWM5LjE1OCwwLDEzLjc4MywxMi40MDgsMTMuNzgzLDIwLjM4N2MwLDEuNTk4LTAuODEyLDQuNzIxLTIuODg0LDcuMDk0QzI1LjE1LDQwLjI0NywyMi4zMjEsNDAuOTUsMTkuNTYzLDQwLjk1eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);background-position:bottom left}a.facebook{background-image:url(_img/facebook.png);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAR5JREFUWIXtlz1Ow0AQRmdmMUWa1LTkHhSIW3ATTpDrUCLEEbgDiiBQICFKhOb7aGIpMjvEYLNOpH3d7M56nrzeH4tUDgAtUYRkIyJpK6aZfZSoLSQNwKW737r7Gzu4+0Mpkcbdr7sCk8gAuPpJpJgMSXX39V9ljkaWOTWzk1wfgBcRWZsZReR5zLpZAJwFb+KOZNo13saUUdXjoOteVb2oTFjEDL3y/lvkNwzegQEsSN5swlnwAb8DeN2KVyml827S4NWkqo2qLnakzc1s3gYAsqtpqml6zDVOJfOUaxw8TZutpD2Bk5l9eyYAiMhnG6vqamjdPmIXwQmw7DN+r5Z2lYmoMhFVJqLKRFSZiL2SGftXhSRzF+9ed+DKQfAFwJ4RNjrDEPQAAAAASUVORK5CYII=);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzVweCINCgkgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTI4IDEyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0iTGF5ZXJfMyI+DQoJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLjM3NiwxMTcuMDEySDcyLjIwM1Y2NS43NjdINjEuNjI1di0xNy42NmgxMC41NzhWMzcuNTA0YzAtMTQuNDA3LDUuOTczLTIyLjk3NCwyMi45NDMtMjIuOTc0aDE0LjEyOA0KCQl2MTcuNjYyaC04LjgzMWMtNi42MDYsMC03LjA0MywyLjQ2OC03LjA0Myw3LjA3NGwtMC4wMjQsOC44MzloMTUuOTk4bC0xLjg3MiwxNy42Nkg5My4zNzZWMTE3LjAxMnoiLz4NCjwvZz4NCjwvc3ZnPg0K);background-position:center center} \ No newline at end of file +body{background-image:url(_img/bg.png);background-image:url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%01%C2%00%00%00%E1%02%03%00%00%00%269%5D%FA%00%00%00%0CPLTE%F7%F7%F7%EF%F0%F0%F3%F4%F4%EC%ED%ED%9B%2B%93%D1%00%00%00%9AIDATx%DA%ED%CD%B1%11%40%40%18%84Q%CC%88%B5%A4%84K%AE%1E%AD%08%D1%24%05l%F2%A7g%DE%E6%DF%BE%A9%B4%B5%C7%F6J7g%D7%88D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%87%14%9F%D8%95%E5%F6V%96%DD%92%EF%27%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%E2O%C4%BBWv%A4X%EA%1A%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%E2%88%E2%07%C8%F2C%01%11%C1%19%FD%00%00%00%00IEND%AEB%60%82);font-family:Proxima Nova,sans-serif;margin:0;padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{color:#751415;font-weight:700;text-decoration:none;-webkit-font-smoothing:antialiased}.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}.sitehead{width:100%}.logo{margin:0}.logo img{display:block;margin:0 auto;padding:2em 0 .5em;max-width:300px;width:50%}.intro{padding-bottom:1.5em;max-width:920px;margin:0 auto}.intro p{color:#444;font-size:1.1em;font-weight:700;line-height:1.4;padding:0 5%;text-align:center;text-shadow:1px 1px 0 #fff}@media(min-width:45em){.intro p{font-size:1.2em;line-height:1.5}}.issues{background:#2a2a2a;border-bottom:5px solid #000;margin-bottom:5em;clear:both}.feat{clear:both;width:100%}.feat:after{clear:both;content:"";display:block}.head{border-left:.3125em solid #000;clear:both;cursor:pointer;float:left;display:block;padding:.3em 0;position:relative;width:100%}.heading0 .head{background:#e20e03}.heading1 .head{background:#e62d23}.heading2 .head{background:#e73b33}.heading3 .head{background:#e74840}.heading4 .head{background:#f15048}.heading5 .head{background:#f55952}.feat+.feat .head{border-top:1px solid rgba(0,0,0,.25)}.head .feat-hed{float:left}.head .status{clear:both;font-size:.925em;margin-top:.525em;opacity:.8}@media(min-width:30em){.head .status{clear:none;float:right}}.issues .body{height:1px;left:-9999px;overflow:hidden;position:absolute}.issues .open .body{height:auto;overflow:visible;position:static}.open .head{background:#000}.body{clear:both;padding-top:1em;padding-bottom:4em;width:100%}.body:after{content:"";clear:both;display:block}.body p{text-shadow:1px 1px 0 #000}@media(min-width:30em){.body .col-a{float:left;width:75.7894737%}.body .col-b{float:right;max-width:21.8947368%}}.head span,.body{display:block;margin:0 auto;padding:.5em 1.2em 0;max-width:1040px}.body{padding-bottom:2em}.usage{background:#eeeff0;border-left:6px solid #191818;clear:both;float:left;padding-left:1em;margin-top:1em;margin:1em 0 1.5em -6px;width:100%}.usage code{color:#191818;display:block;padding:1px;line-height:1.5;word-wrap:break-word}.feat-hed{-webkit-font-smoothing:antialiased;color:#fff;font:400 1.3125em/1.2 DIN Condensed,sans-serif;font-weight:400;margin:0;padding:.25em 0 .5em}.col-b{background:#222;margin:-.5em -1em 0 -1em}.impl-hed{color:#fafafa;display:block;font-size:.925em;margin:0 0 .5em 1em;padding-top:.75em;-webkit-font-smoothing:antialiased}.support{border-bottom:3px solid #111;display:block;text-align:justify;max-height:4em;padding:.5em 1em .25em;width:100%}.support:after{content:"";display:inline-block;width:100%;margin:0 auto}.support img{display:inline;margin:0 1px;padding:.15em 0;opacity:.3;max-width:40px;width:12.5%}.support img.full-support{opacity:1}@media(min-width:30em){.col-b{background:0;margin:0}.support{background:rgba(225,225,225,.95);border-radius:.25em;border-width:0;display:block;float:right;margin:0;max-height:inherit;padding:.25em .5em;width:auto}.support:after{display:none}.impl-hed{margin:0 0 .75em}.support img{display:block;width:32px}}@media(min-width:50em){.support img{float:left;width:28px}}@media(min-width:30em) and (max-width:50em){.impl-hed .abbr{display:none}}.subhed{background:#000;color:#f9f9f9;clear:both;display:inline-block;float:left;font-size:.975em;margin-left:-9999px;padding:.4em 1em .375em 9999px;-webkit-font-smoothing:antialiased}.docs{clear:both;margin-left:-6px;float:left;margin-bottom:1.5em;width:100%}.docs dt{background:#ebebec;border-left:6px solid #191818;border-right:1px solid rgba(200,200,200,.5);clear:left;color:#191818;float:left;font-weight:700;margin-right:.5em;min-width:8em}.docs dd{background:#efefef;border-left:6px solid #191818;clear:left;margin:0 0 .5em;min-width:70%;width:100%}.docs dd a{font-weight:400;text-indent:1em}.docs dt,.docs dd{display:block;padding:.25em .5em .2em}dt.published{background:#cee6b8}dd.published,dt.published{border-left-color:#334b11;color:#334b11}dt.draft{background:#efdadd}dd.draft,dt.draft{border-left-color:#761718;color:#761718}@media(min-width:50em){.docs dt,.docs dd{clear:none;width:auto}} \ No newline at end of file diff --git a/_dist/_css/critical.css b/_dist/_css/critical.css index b9cfb14..16c4ff5 100755 --- a/_dist/_css/critical.css +++ b/_dist/_css/critical.css @@ -1,19 +1,17 @@ body{ background-image: url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%01%C2%00%00%00%E1%02%03%00%00%00%269%5D%FA%00%00%00%0CPLTE%F7%F7%F7%EF%F0%F0%F3%F4%F4%EC%ED%ED%9B%2B%93%D1%00%00%00%9AIDATx%DA%ED%CD%B1%11%40%40%18%84Q%CC%88%B5%A4%84K%AE%1E%AD%08%D1%24%05l%F2%A7g%DE%E6%DF%BE%A9%B4%B5%C7%F6J7g%D7%88D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%87%14%9F%D8%95%E5%F6V%96%DD%92%EF%27%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%E2O%C4%BBWv%A4X%EA%1A%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%22%91H%24%12%89D%E2%88%E2%07%C8%F2C%01%11%C1%19%FD%00%00%00%00IEND%AEB%60%82); font-family: 'Proxima Nova', sans-serif; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } *{ box-sizing: border-box; } a{ color: rgb(117, 20, 21); font-weight: 700; text-decoration: none; -webkit-font-smoothing: antialiased; } -.a11y-hide{ color: transparent; display: block; font-size: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden; position: absolute; } img{ max-width: 100%; } -p{ color: rgb(231, 226, 226); margin-top: 1em; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; line-height: 1.4; font-family: 'Proxima Nova', sans-serif; } +p{ color: rgb(231, 226, 226); margin-top: 1em; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; font-family: 'Proxima Nova', sans-serif; } .sitehead{ width: 100%; } .logo{ margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .logo img{ display: block; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 2em; padding-right: 0px; padding-bottom: 0.5em; padding-left: 0px; max-width: 300px; width: 50%; } .intro{ padding-bottom: 1.5em; max-width: 920px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } -.intro a{ text-decoration: underline; } .intro p{ color: rgb(68, 68, 68); font-size: 1.1em; font-weight: 700; line-height: 1.4; padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; text-align: center; text-shadow: rgb(255, 255, 255) 1px 1px 0px; } @media (min-width: 45em){ .intro p{ font-size: 1.2em; line-height: 1.5; } } -.issues{ background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(42, 42, 42); border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); margin-bottom: 2em; clear: both; background-position: initial initial; background-repeat: initial initial; } +.issues{ background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(42, 42, 42); border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); margin-bottom: 5em; clear: both; background-position: initial initial; background-repeat: initial initial; } .feat{ clear: both; width: 100%; } .head{ border-left-width: 0.3125em; border-left-style: solid; border-left-color: rgb(0, 0, 0); clear: both; cursor: pointer; float: left; display: block; padding-top: 0.3em; padding-right: 0px; padding-bottom: 0.3em; padding-left: 0px; position: relative; width: 100%; } .heading0 .head{ background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(226, 14, 3); background-position: initial initial; background-repeat: initial initial; } @@ -59,15 +57,12 @@ p{ color: rgb(231, 226, 226); margin-top: 1em; margin-right: 0px; margin-bottom: .docs{ clear: both; margin-left: -6px; float: left; margin-bottom: 1.5em; width: 100%; } .docs dt{ background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(235, 235, 236); border-left-width: 6px; border-left-style: solid; border-left-color: rgb(25, 24, 24); border-right-width: 1px; border-right-style: solid; border-right-color: rgba(200, 200, 200, 0.496094); clear: left; color: rgb(25, 24, 24); float: left; font-weight: 700; margin-right: 0.5em; min-width: 8em; background-position: initial initial; background-repeat: initial initial; } .docs dd{ background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(239, 239, 239); border-left-width: 6px; border-left-style: solid; border-left-color: rgb(25, 24, 24); clear: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; min-width: 70%; width: 100%; background-position: initial initial; background-repeat: initial initial; } -.docs dd a{ display: block; font-weight: 400; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; } +.docs dd a{ font-weight: 400; text-indent: 1em; } .docs dt, .docs dd{ display: block; padding-top: 0.25em; padding-right: 0.5em; padding-bottom: 0.2em; padding-left: 0.5em; } dt.published{ background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(206, 230, 184); background-position: initial initial; background-repeat: initial initial; } - dt.published{ border-left-color: rgb(51, 75, 17); color: rgb(51, 75, 17); } +dd.published, dt.published{ border-left-color: rgb(51, 75, 17); color: rgb(51, 75, 17); } +dt.draft{ background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(239, 218, 221); background-position: initial initial; background-repeat: initial initial; } +dd.draft, dt.draft{ border-left-color: rgb(118, 23, 24); color: rgb(118, 23, 24); } @media (min-width: 50em){ .docs dt, .docs dd{ clear: none; width: auto; } -} -.social{ float: right; padding-bottom: 3em; } -.social a{ background-color: rgb(132, 29, 26); display: inline-block; margin-left: 0.25em; height: 2.1em; width: 2.1em; text-indent: -9999px; background-position: 50% 50%; background-repeat: no-repeat no-repeat; } -a.twitter{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNiAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNi4wNDc2MjI4NTcxNDI4NG1tIiBoZWlnaHQ9IjQuOTE0NzhtbSIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNjcwMSA1NDQ2Ig0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5maWwwIHtmaWxsOiNmZmZmZmZ9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxpdmVsbG9feDAwMjBfMSI+DQogIDxtZXRhZGF0YSBpZD0iQ29yZWxDb3JwSURfMENvcmVsLUxheWVyIi8+DQogIDxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNNjcwMSA2NDVjLTI0NywxMDkgLTUxMiwxODMgLTc5MCwyMTYgMjg0LC0xNzAgNTAyLC00NDAgNjA0LC03NjEgLTI2NiwxNTggLTU2MCwyNzIgLTg3MywzMzQgLTI1MSwtMjY3IC02MDgsLTQzNCAtMTAwNCwtNDM0IC03NTksMCAtMTM3NSw2MTYgLTEzNzUsMTM3NSAwLDEwOCAxMiwyMTMgMzYsMzEzIC0xMTQzLC01NyAtMjE1NiwtNjA1IC0yODM0LC0xNDM3IC0xMTgsMjAzIC0xODYsNDM5IC0xODYsNjkxIDAsNDc3IDI0Myw4OTggNjEyLDExNDQgLTIyNSwtNyAtNDM3LC02OSAtNjIzLC0xNzIgMCw2IDAsMTEgMCwxNyAwLDY2NiA0NzQsMTIyMiAxMTAzLDEzNDggLTExNSwzMSAtMjM3LDQ4IC0zNjIsNDggLTg5LDAgLTE3NSwtOSAtMjU5LC0yNSAxNzUsNTQ2IDY4Myw5NDQgMTI4NCw5NTUgLTQ3MSwzNjkgLTEwNjMsNTg5IC0xNzA4LDU4OSAtMTExLDAgLTIyMCwtNyAtMzI4LC0xOSA2MDgsMzkwIDEzMzEsNjE4IDIxMDgsNjE4IDI1MjksMCAzOTEyLC0yMDk1IDM5MTIsLTM5MTIgMCwtNjAgLTEsLTExOSAtNCwtMTc4IDI2OSwtMTk0IDUwMiwtNDM2IDY4NiwtNzEyeiIvPg0KIDwvZz4NCjwvc3ZnPg0K); background-position: 50% 50%; } -a.g-plus{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzNHB4IiBoZWlnaHQ9IjM0cHgiIHZpZXdCb3g9IjAgMCA3OS4zNyA3OS4zNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzkuMzcgNzkuMzciIHhtbDpzcGFjZT0icHJlc2VydmUiPgoKPGcgaWQ9Il94MkJfXzFfIj4KCTxnPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTcuODUsNi45NSA2My44NSw2Ljk1IDYzLjg1LDIwLjk1IDc3LjksMjAuOTUgNzcuOSwyNi44MjcgNjMuODUsMjYuODI3IDYzLjg1LDQwLjk1IDU3Ljg1LDQwLjk1IAoJCQk1Ny44NSwyNi44MjcgNDMuODUsMjYuODI3IDQzLjg1LDIwLjk1IDU3Ljg1LDIwLjk1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjIzLjg1NjQiIHkxPSI3NS45NjkyIiB4Mj0iMjMuODU2NCIgeTI9IjYuOTQ5NyI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMkYyRjIiLz4KCQkJPHN0b3AgIG9mZnNldD0iMC4yNDEzIiBzdHlsZT0ic3RvcC1jb2xvcjojRjZGNkY2Ii8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkYiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGZpbGw9InVybCgjU1ZHSURfNF8pIiBkPSJNMzMuNjUsNTUuMDA4bC0zLjk3OS0zLjA5NmMtMS4yMTItMC45OTgtMi44NjctMi4zMjgtMi44NjctNC43NjJjMC0yLjQ0MSwxLjY1NS0zLjk5NiwzLjA5LTUuNDM0CgkJCWM0LjYzNy0zLjY1LDguOTU3LTcuNTM1LDguOTU3LTE1LjczMmMwLTcuNDg0LTQuMDQzLTExLjY4Ni02Ljc1My0xNC4wMzVjMC45MDksMCw2Ljc2NSwwLDYuNzY1LDBsNi4xOTktNUgyMS43MjgKCQkJQzE1LjkzOCw3LjA1Nyw5LjAzNCw3LjkyNiwyLjc0MSwxMy4xMzVjLTAuMjk1LDAuMjU0LDAuMjUsMC41MTYtMC4wMjYsMC43ODF2MjcuODcxYzMuMDI2LDIuNTE2LDYuMjc0LDMuNTg2LDExLjI4NCwzLjU4NgoJCQljMS4xMDYsMCwyLjMxNi0wLjExMywzLjUzMy0wLjIyM2MtMC41NTEsMS4zMzItMS4xMDQsMi40NDEtMS4xMDQsNC4zMjRjMCwzLjQzMiwxLjc2NCw1LjUzMywzLjMxMiw3LjUzMQoJCQljLTQuMjIsMC4yODUtMTAuNzA0LDAuNDEyLTE3LjAwNywzLjExOWwtMC4wMTksNS44MDljMi4yNzgtMy4wOTYsNS4wNTQtMy40NjcsNi42NDgtNC4wNDljNC42MzYtMS41NTMsMTAuNTk5LTEuNzc1LDExLjU5Ny0xLjc3NQoJCQljMS4wOTgsMCwxLjY1LDAsMi41MywwLjExM2M4LjM5NSw1Ljk4NiwxMy43OTIsOC45NjksMTMuNzkyLDE0LjYyOWMwLDAuNTk4LDAuMDAxLDAuODA1LTAuMDIxLDEuMTE3bDYuNjA0LTAuMDA0CgkJCWMwLjY0OC0yLjA5MiwwLjk4NC0zLjM4OSwwLjk4NC01LjQzOEM0NC44NSw2Mi44ODEsMzguNTA1LDU5LjExLDMzLjY1LDU1LjAwOHogTTE5LjU2Myw0MC45NQoJCQljLTkuNDk1LDAtMTMuMzkzLTEwLjk3Ny0xMy4zOTMtMTguMzk2YzAtMi44ODcsMC4yODktNS44NzMsMi4xNjYtOC4yMDFjMS43Ny0yLjIxNyw0Ljg1Ny0zLjY1Niw3LjczLTMuNjU2CgkJCWM5LjE1OCwwLDEzLjc4MywxMi40MDgsMTMuNzgzLDIwLjM4N2MwLDEuNTk4LTAuODEyLDQuNzIxLTIuODg0LDcuMDk0QzI1LjE1LDQwLjI0NywyMi4zMjEsNDAuOTUsMTkuNTYzLDQwLjk1eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=); background-position: 0% 100%; } -a.facebook{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzVweCINCgkgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTI4IDEyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0iTGF5ZXJfMyI+DQoJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLjM3NiwxMTcuMDEySDcyLjIwM1Y2NS43NjdINjEuNjI1di0xNy42NmgxMC41NzhWMzcuNTA0YzAtMTQuNDA3LDUuOTczLTIyLjk3NCwyMi45NDMtMjIuOTc0aDE0LjEyOA0KCQl2MTcuNjYyaC04LjgzMWMtNi42MDYsMC03LjA0MywyLjQ2OC03LjA0Myw3LjA3NGwtMC4wMjQsOC44MzloMTUuOTk4bC0xLjg3MiwxNy42Nkg5My4zNzZWMTE3LjAxMnoiLz4NCjwvZz4NCjwvc3ZnPg0K); background-position: 50% 50%; } \ No newline at end of file +} \ No newline at end of file diff --git a/_dist/index.php b/_dist/index.php index 12e7e84..18f461c 100755 --- a/_dist/index.php +++ b/_dist/index.php @@ -33,17 +33,17 @@

Responsive Issues Community Group

-
-

The RICG is a group of independent designers and developers working toward new web standards that will build fast, accessible, responsive websites.

-
+
+

The RICG is a group of independent designers and developers working toward standards that will help build fast, accessible, responsive websites.

+
-

Element Queries

-

Initial Planning

+

Basic srcset attribute

+

Active Development
@@ -52,35 +52,47 @@

Implementation Status

- chrome: not supported + chrome - firefox: not supported + firefox - opera: not supported + opera - safari: not supported + safari - ie: not supported + ie
-

Media queries allow authors to vary the layout of their page based on the dimensions of the viewport. Element queries will allow developers to vary the layout within specific elements on a page (and their children) based on the dimensions of the parent elements themselves, allowing for much more modular approaches to layout.

Work on element queries has just begun; we are still collecting use cases and working to understand technical constraints. Please contribute!

+

The srcset attribute allows developers to supply user agents with alternate versions of an image, intended for display at different pixel densities.

In its most basic and well-supported form, srcset lets developers use x descriptors to specify the intended pixel-density of each source.

- +

Usage

+
+ 
<img src="standard-definition.jpg" srcset="high-definition.jpg 2x">
 +

Documentation

- -
Repo
-
https://github.com/ResponsiveImagesCG/eq-usecases
- -
Use Cases
-
https://responsiveimagescg.github.io/eq-usecases/
- +
Use Cases
+
http://responsiveimagescg.github.io/eq-usecases/
+ +
Specification
+
http://responsiveimagescg.github.io/eq-usecases/
+

Resources

+
+
Draft
+
http://responsiveimagescg.github.io/eq-usecases/
+ +
Published
+
http://responsiveimagescg.github.io/eq-usecases/
+ +
Specification
+
http://responsiveimagescg.github.io/eq-usecases/
+
@@ -88,7 +100,7 @@
-

picture Element

+

Advanced srcset and sizes attributes

Active Development
@@ -98,46 +110,47 @@

Implementation Status

- chrome: supported + chrome - firefox: not supported + firefox - opera: supported + opera - safari: not supported + safari - ie: not supported + ie
-

The picture element contains any number of child source elements and one img.

When this pattern is used with the media attribute on source elements, it allows developers to mandate that user agents must load specific sources when certain media conditions are met. This allows developers to specify alternate aspect ratios to align with layoutchanges, or alternate framing of image content for optimally highlighting the subject of the image at different sizes.

When picture and source are used with the type attribute, authors may supply the same image in alternate formats to be requested only by browsers that support said format.

+

srcset’s w descriptor and the sizes attribute allow developers to supply a range of alternate sources for images whose sizes vary within a responsive layout. Optionally working in conjunction with server-side resizing, these syntaxes allow for a fully automated “responsive images” solution.

-

Usage

- 
<picture>
-  <source srcset="large.jpg" media="(min-width: 800px)">
-  <img src="small.jpg" alt="…">
-<picture>
 + 

       

-      
 
       
Documentation

 
       

-        
-        
Repo

-        
https://github.com/ResponsiveImagesCG/picture-element

-        
-        
Use Cases

-        
http://usecases.responsiveimages.org/

-        
+        
Use Cases

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

+
         
Specification

-        
https://html.spec.whatwg.org/multipage/embedded-content.html#introduction-3:art-direction-3

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

       

 
+      
Resources

+      

+        
Draft

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

+
+        
Published

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

+
+        
Specification

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

+      

     

   
 
@@ -145,7 +158,7 @@
 

   

     
-      
Advanced srcset and sizes Attributes

+      
picture element

       
Active Development

     
   

@@ -155,40 +168,47 @@
       
Implementation Status

       

         
-          chrome: supported
+          chrome
         
-          firefox: not supported
+          firefox
         
-          opera: supported
+          opera
         
-          safari: not supported
+          safari
         
-          ie: not supported
+          ie
         
       

     

     

-      
srcset’s w descriptor and the sizes attribute allow developers to supply a range of alternate sources for images whose sizes vary within a responsive layout. Optionally working in conjunction with server-side resizing, these syntaxes allow for a fully automated “responsive images” solution.

+      
The picture element contains any number of child source elements and one img.
When this pattern is used with the media attribute on source elements, it allows developers to mandate that user agents must load specific  sources when certain media conditions are met. This allows developers to specify alternate aspect ratios to align with layoutchanges, or alternate framing of image content for optimally highlighting the subject of the image at different sizes.
When picture and source are used with the type attribute, authors may supply the same image in alternate formats to be requested only by browsers that support said format.

 
-      
       
Usage

       

-        
<img src="fallbk.jpg" sizes="100vw" srcset="small.jpg 400w, large.jpg 1200w" alt="…">

+        

       

-      
 
       
Documentation

 
       

-        
-        
Use Cases

-        
http://usecases.responsiveimages.org/

-        
+        
Use Cases

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

+
         
Specification

-        
https://html.spec.whatwg.org/multipage/embedded-content.html#introduction-3:device-pixel-ratio-2/

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

       

 
+      
Resources

+      

+        
Draft

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

+
+        
Published

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

+
+        
Specification

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

+      

     

   
 
@@ -196,8 +216,8 @@
 

   

     
-      
Basic srcset Attribute

-      
Active Development

+      
Element Queries

+      
Initial Planning

     
   

   

@@ -206,53 +226,41 @@
       
Implementation Status

       

         
-          chrome: supported
-        
-          firefox: not supported
-        
-          opera: supported
-        
-          safari: supported
-        
-          ie: not supported
-        
       

     

     

-      
The srcset attribute allows developers to supply user agents with alternate versions of an image, intended for display at different pixel densities.
In its most basic and well-supported form, srcset lets developers use x descriptors to specify the intended pixel-density of each source.

+      
Media queries allow authors to vary the layout of their page based on the dimensions of the viewport. Element queries will allow developers to vary the layout within specific elements on a page (and their children) based on the dimensions of the parent elements themselves, allowing for much more modular approaches to layout.
Work on element queries has just begun; we are still collecting use cases and working to understand technical constraints. Please contribute!

 
-      
       
Usage

       

-        
<img src="standard-definition.jpg" srcset="high-definition.jpg 2x" alt="…">

+        

       

-      
 
       
Documentation

 
       

-        
-        
Use Cases

-        
http://usecases.responsiveimages.org/

-        
+        
Use Cases

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

+
         
Specification

-        
https://html.spec.whatwg.org/multipage/embedded-content.html#introduction-3:viewport-based-selection-2

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

       

 
+      
Resources

+      

+        
Draft

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

+
+        
Published

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

+
+        
Specification

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

+      

     

   

 
 
     
-
-    
   
 
\ No newline at end of file
diff --git a/_tmpl/_css/all.css b/_tmpl/_css/all.css
index 74ecefb..b2b4b9a 100644
--- a/_tmpl/_css/all.css
+++ b/_tmpl/_css/all.css
@@ -32,7 +32,6 @@ img {
 p {
   color: #e7e2e2;
   margin: 1em 0;
-  line-height: 1.4;
   font-family: Proxima Nova, sans-serif;
 }
 .sitehead {
@@ -56,13 +55,6 @@ p {
   margin: 0 auto;
 }
 
-.intro a {
-  text-decoration: underline;
-}
-.intro a:hover {
-  text-decoration: none;
-}
-
 .intro p {
   color: #444;
   font-size: 1.1em;
@@ -82,7 +74,7 @@ p {
 .issues {
   background: #2a2a2a;
   border-bottom: 5px solid #000;
-  margin-bottom: 2em;
+  margin-bottom: 5em;
   clear: both;
 }
 
@@ -331,11 +323,8 @@ p {
   width: 100%;
 }
 .docs dd a {
-  display: block;
   font-weight: normal;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  text-indent: 1em;
 }
 .docs dt,
 .docs dd {
@@ -361,6 +350,7 @@ dt.draft {
   color: #761718;
 }
 
+
 @media( min-width: 50em ) {
   .docs dt,
   .docs dd {
@@ -369,41 +359,5 @@ dt.draft {
   }
 }
 
-.social {
-  float: right;
-  padding-bottom: 3em;
-}
 
-.social a {
-  background-color: #841d1a;
-  background-position: center center;
-  background-repeat: no-repeat;
-  display: inline-block;
-  margin-left: .25em;
-  height: 2.1em;
-  width: 2.1em;
-  text-indent: -9999px;
-}
-
-/* TODO: Grunticon */
-
-a.twitter {
-  background-image: url(_img/twitter.png);
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAYRJREFUOI2lk6+LVFEYht9zdkFwXWXNYlr8ARrXYjIYxLR/gLBJNNlsVptB4wSDSTC5IKjBMkEMYjAMWkSLIrKiGBaG530N3hmuOjsexhduOd+9z3m+j+9KkpJUNcb2EWAAfAC+AkPbm736qSRHJUnAtu3jDdCTwOfMCPAAeA68TLIk2yuAgU+2N+aBgRezoD34R9vXbF9SkrVeYdf29STLs2znQXuMV0nWJibv/ii+TXLZ9sEe+EIDdGR7tW9zdY8Xd4FnwC3gTgP46YS5nF+jGNt+VGu92G+/1rpP0rnuacmXKVjSjyS3a637Gz/eM6WU0VSqlDKWdO9/oR14+NtBkkPd/i2cbr+XpsbdTd9KKedt37T9fUHhQSmFv05b1mmO7U4muzsrwGBB9tbcXpIU21eAEeBG27vNw7K9AbxugN7PjN9/AllNciDJiSRbwOMG4Nj2jSRlnt0Z4Elj2wAPbZ/+V9fTG22vS9pMclbSMUmHJY0l7dRa3yQZStqutb5vGedPN9QerEMFL08AAAAASUVORK5CYII=);
-  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYNiAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNi4wNDc2MjI4NTcxNDI4NG1tIiBoZWlnaHQ9IjQuOTE0NzhtbSIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiDQp2aWV3Qm94PSIwIDAgNjcwMSA1NDQ2Ig0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5maWwwIHtmaWxsOiNmZmZmZmZ9DQogICBdXT4NCiAgPC9zdHlsZT4NCiA8L2RlZnM+DQogPGcgaWQ9IkxpdmVsbG9feDAwMjBfMSI+DQogIDxtZXRhZGF0YSBpZD0iQ29yZWxDb3JwSURfMENvcmVsLUxheWVyIi8+DQogIDxwYXRoIGNsYXNzPSJmaWwwIiBkPSJNNjcwMSA2NDVjLTI0NywxMDkgLTUxMiwxODMgLTc5MCwyMTYgMjg0LC0xNzAgNTAyLC00NDAgNjA0LC03NjEgLTI2NiwxNTggLTU2MCwyNzIgLTg3MywzMzQgLTI1MSwtMjY3IC02MDgsLTQzNCAtMTAwNCwtNDM0IC03NTksMCAtMTM3NSw2MTYgLTEzNzUsMTM3NSAwLDEwOCAxMiwyMTMgMzYsMzEzIC0xMTQzLC01NyAtMjE1NiwtNjA1IC0yODM0LC0xNDM3IC0xMTgsMjAzIC0xODYsNDM5IC0xODYsNjkxIDAsNDc3IDI0Myw4OTggNjEyLDExNDQgLTIyNSwtNyAtNDM3LC02OSAtNjIzLC0xNzIgMCw2IDAsMTEgMCwxNyAwLDY2NiA0NzQsMTIyMiAxMTAzLDEzNDggLTExNSwzMSAtMjM3LDQ4IC0zNjIsNDggLTg5LDAgLTE3NSwtOSAtMjU5LC0yNSAxNzUsNTQ2IDY4Myw5NDQgMTI4NCw5NTUgLTQ3MSwzNjkgLTEwNjMsNTg5IC0xNzA4LDU4OSAtMTExLDAgLTIyMCwtNyAtMzI4LC0xOSA2MDgsMzkwIDEzMzEsNjE4IDIxMDgsNjE4IDI1MjksMCAzOTEyLC0yMDk1IDM5MTIsLTM5MTIgMCwtNjAgLTEsLTExOSAtNCwtMTc4IDI2OSwtMTk0IDUwMiwtNDM2IDY4NiwtNzEyeiIvPg0KIDwvZz4NCjwvc3ZnPg0K);
-  background-position: center center;
-}
-a.g-plus {
-
-  background-image: url(_img/g-plus.png);
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAA5FJREFUWIXtVkuIXEUUPbdevzeTUSESCP7GgAYlIMlCF4EIStSlSMCgRkEh/t0GBcE4iApuRLJS0aUomvUQEd0IfhEchTALN/ksgowo0995VfccF3aHN013vx5nEjceuFC337mnTr2qrneB/7EeVkeQZJIKM6vlAijNjEP1AUDRT6OZea2KJCN50N3fcffv3H3F3UlSdeHuH0gqhjVJ7lcfJB8eN3eoFDxA8jSALwHcA+BXAKcAXKgxHwG8kGXZk2ZW1q52Etz9hLsrpbRK8tDQRIW7v+nuGkRKqSfpMMkbSO6YpD3tGwEApJSW3V0kH5xgdmHIzJ8kb65b5Ia3RtK5EMLJscQQXpP00yA3s+2S3q0zMi1C3wTM7OdJRDNjCOFVSajEvST39TWCpNnhADBTkSlGcSRlAIAY47K7f1TnWpLFGM+nlDQIki8B67dgoyD5WHVrrqwzYmYKISwOvZXddXXToFEZ3zRNgaTvATw1QuO8pFdG8OdDCE/3088k/TJCdgnAP1tTlmWUdHWdEZIHY4wahLu/UcPf2L8GQMPdD40jVpCqW2NmX09RU4uqEUg6dvEEjwHJOwZjM/vNzL7YMiOD1ZHck1I6Po4sqSD5XJ/rAJ6Z6iM2rZEqSB6PMS5IyodNxBjfl7RbkjcajaN5nn+1FSaAfhtQluVpSXvWPTA7a2afm9k5SddIul/SvKTVLMseyfN8cZoJJN0I4Pn++OMQwtJYIyT3xhhPSLqrRrScmZm5O4Tw7TQmNoJ1zQ7JXe5+u5ntBODu/rikA4PnWZa9l+f5s1ttAlh/oSGEcAbAmUHe6/UWJFUpv18KE8CIw1oFyauqubs/QXLnZTeSZdkP1VzSfFmW35DceynMjAXJA+122zudjqrRbrc7KaVHt3Ku4cO6DcBtJG8heb2kHSQfkrRrVHGWZW8XRfHiVlxqBgAppSMppaMppTvNbNCJr5rZ2RDCCgCllPab2bZhgRDC4uzs7GEz62zWDDqdznKr1ep0u91PUkpHSM4Pc0je2u12f2y32xqOXq93qu4bNRV6vd6HJK+t40lqrK2tvd5sNr3VaqkaZVke24wH60+Qm1mctijGeF9Zlp9K2n5RyOzC3NzcdWamSbVbDpL7Wq3WarPZ1CBI/uu2ceI9MrEwhKWiKF4e+vmKy24EAPI8P1npZWhmZ+qrRqNRT5mIP/I8fwsAzGzFzP7apN5/j78B0m5Cg05Ym3kAAAAASUVORK5CYII=);
-  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzNHB4IiBoZWlnaHQ9IjM0cHgiIHZpZXdCb3g9IjAgMCA3OS4zNyA3OS4zNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzkuMzcgNzkuMzciIHhtbDpzcGFjZT0icHJlc2VydmUiPgoKPGcgaWQ9Il94MkJfXzFfIj4KCTxnPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTcuODUsNi45NSA2My44NSw2Ljk1IDYzLjg1LDIwLjk1IDc3LjksMjAuOTUgNzcuOSwyNi44MjcgNjMuODUsMjYuODI3IDYzLjg1LDQwLjk1IDU3Ljg1LDQwLjk1IAoJCQk1Ny44NSwyNi44MjcgNDMuODUsMjYuODI3IDQzLjg1LDIwLjk1IDU3Ljg1LDIwLjk1Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjIzLjg1NjQiIHkxPSI3NS45NjkyIiB4Mj0iMjMuODU2NCIgeTI9IjYuOTQ5NyI+CgkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMkYyRjIiLz4KCQkJPHN0b3AgIG9mZnNldD0iMC4yNDEzIiBzdHlsZT0ic3RvcC1jb2xvcjojRjZGNkY2Ii8+CgkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkYiLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXRoIGZpbGw9InVybCgjU1ZHSURfNF8pIiBkPSJNMzMuNjUsNTUuMDA4bC0zLjk3OS0zLjA5NmMtMS4yMTItMC45OTgtMi44NjctMi4zMjgtMi44NjctNC43NjJjMC0yLjQ0MSwxLjY1NS0zLjk5NiwzLjA5LTUuNDM0CgkJCWM0LjYzNy0zLjY1LDguOTU3LTcuNTM1LDguOTU3LTE1LjczMmMwLTcuNDg0LTQuMDQzLTExLjY4Ni02Ljc1My0xNC4wMzVjMC45MDksMCw2Ljc2NSwwLDYuNzY1LDBsNi4xOTktNUgyMS43MjgKCQkJQzE1LjkzOCw3LjA1Nyw5LjAzNCw3LjkyNiwyLjc0MSwxMy4xMzVjLTAuMjk1LDAuMjU0LDAuMjUsMC41MTYtMC4wMjYsMC43ODF2MjcuODcxYzMuMDI2LDIuNTE2LDYuMjc0LDMuNTg2LDExLjI4NCwzLjU4NgoJCQljMS4xMDYsMCwyLjMxNi0wLjExMywzLjUzMy0wLjIyM2MtMC41NTEsMS4zMzItMS4xMDQsMi40NDEtMS4xMDQsNC4zMjRjMCwzLjQzMiwxLjc2NCw1LjUzMywzLjMxMiw3LjUzMQoJCQljLTQuMjIsMC4yODUtMTAuNzA0LDAuNDEyLTE3LjAwNywzLjExOWwtMC4wMTksNS44MDljMi4yNzgtMy4wOTYsNS4wNTQtMy40NjcsNi42NDgtNC4wNDljNC42MzYtMS41NTMsMTAuNTk5LTEuNzc1LDExLjU5Ny0xLjc3NQoJCQljMS4wOTgsMCwxLjY1LDAsMi41MywwLjExM2M4LjM5NSw1Ljk4NiwxMy43OTIsOC45NjksMTMuNzkyLDE0LjYyOWMwLDAuNTk4LDAuMDAxLDAuODA1LTAuMDIxLDEuMTE3bDYuNjA0LTAuMDA0CgkJCWMwLjY0OC0yLjA5MiwwLjk4NC0zLjM4OSwwLjk4NC01LjQzOEM0NC44NSw2Mi44ODEsMzguNTA1LDU5LjExLDMzLjY1LDU1LjAwOHogTTE5LjU2Myw0MC45NQoJCQljLTkuNDk1LDAtMTMuMzkzLTEwLjk3Ny0xMy4zOTMtMTguMzk2YzAtMi44ODcsMC4yODktNS44NzMsMi4xNjYtOC4yMDFjMS43Ny0yLjIxNyw0Ljg1Ny0zLjY1Niw3LjczLTMuNjU2CgkJCWM5LjE1OCwwLDEzLjc4MywxMi40MDgsMTMuNzgzLDIwLjM4N2MwLDEuNTk4LTAuODEyLDQuNzIxLTIuODg0LDcuMDk0QzI1LjE1LDQwLjI0NywyMi4zMjEsNDAuOTUsMTkuNTYzLDQwLjk1eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=);
-  background-position: bottom left;
-}
-a.facebook {
-  background-image: url(_img/facebook.png);
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAR5JREFUWIXtlz1Ow0AQRmdmMUWa1LTkHhSIW3ATTpDrUCLEEbgDiiBQICFKhOb7aGIpMjvEYLNOpH3d7M56nrzeH4tUDgAtUYRkIyJpK6aZfZSoLSQNwKW737r7Gzu4+0Mpkcbdr7sCk8gAuPpJpJgMSXX39V9ljkaWOTWzk1wfgBcRWZsZReR5zLpZAJwFb+KOZNo13saUUdXjoOteVb2oTFjEDL3y/lvkNwzegQEsSN5swlnwAb8DeN2KVyml827S4NWkqo2qLnakzc1s3gYAsqtpqml6zDVOJfOUaxw8TZutpD2Bk5l9eyYAiMhnG6vqamjdPmIXwQmw7DN+r5Z2lYmoMhFVJqLKRFSZiL2SGftXhSRzF+9ed+DKQfAFwJ4RNjrDEPQAAAAASUVORK5CYII=);
-  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzVweCINCgkgaGVpZ2h0PSIzNXB4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTI4IDEyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0iTGF5ZXJfMyI+DQoJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLjM3NiwxMTcuMDEySDcyLjIwM1Y2NS43NjdINjEuNjI1di0xNy42NmgxMC41NzhWMzcuNTA0YzAtMTQuNDA3LDUuOTczLTIyLjk3NCwyMi45NDMtMjIuOTc0aDE0LjEyOA0KCQl2MTcuNjYyaC04LjgzMWMtNi42MDYsMC03LjA0MywyLjQ2OC03LjA0Myw3LjA3NGwtMC4wMjQsOC44MzloMTUuOTk4bC0xLjg3MiwxNy42Nkg5My4zNzZWMTE3LjAxMnoiLz4NCjwvZz4NCjwvc3ZnPg0K);
-  background-position: center center;
-}
 
diff --git a/_tmpl/_data/efforts.json b/_tmpl/_data/efforts.json
index 1bd27cc..d8fc4be 100644
--- a/_tmpl/_data/efforts.json
+++ b/_tmpl/_data/efforts.json
@@ -1,13 +1,13 @@
 {
   "efforts": [
-      {
-      "title": "Element Queries",
-      "status": "Initial Planning",
-      "hascode": false,
-      "desc": "
Media queries allow authors to vary the layout of their page based on the dimensions of the viewport. Element queries will allow developers to vary the layout within specific elements on a page (and their children) based on the dimensions of the parent elements themselves, allowing for much more modular approaches to layout.
Work on element queries has just begun; we are still collecting use cases and working to understand technical constraints. Please contribute!
",
+    {
+      "title": "Basic srcset attribute",
+      "status": "Active Development",
+      "desc": "
The srcset attribute allows developers to supply user agents with alternate versions of an image, intended for display at different pixel densities.
In its most basic and well-supported form, srcset lets developers use x descriptors to specify the intended pixel-density of each source.
",
+      "snippet": "",
       "support": [{
           "name": "chrome",
-          "supported": false
+          "supported": true
         },
         {
           "name": "firefox",
@@ -15,33 +15,23 @@
         },
         {
           "name": "opera",
-          "supported": false
+          "supported": true
         },
         {
           "name": "safari",
-          "supported": false
+          "supported": true
         },
         {
           "name": "ie",
           "supported": false
-        }],
-        "docs": [{
-          "title" : "Repo",
-          "formal": false,
-          "url": "https://github.com/ResponsiveImagesCG/eq-usecases"
-        },
-        {
-          "title" : "Use Cases",
-          "formal": false,
-          "url": "https://responsiveimagescg.github.io/eq-usecases/"
         }]
     },
     {
-      "title": "picture Element",
+      "title": "Advanced srcset and sizes attributes",
       "status": "Active Development",
-      "desc": "
The picture element contains any number of child source elements and one img.
When this pattern is used with the media attribute on source elements, it allows developers to mandate that user agents must load specific  sources when certain media conditions are met. This allows developers to specify alternate aspect ratios to align with layoutchanges, or alternate framing of image content for optimally highlighting the subject of the image at different sizes.
When picture and source are used with the type attribute, authors may supply the same image in alternate formats to be requested only by browsers that support said format.
",
-      "hascode": true,
-      "snippet": "\n  \n  \"…\"\n",
+      "desc":
+        "
srcset’s w descriptor and the sizes attribute allow developers to supply a range of alternate sources for images whose sizes vary within a responsive layout. Optionally working in conjunction with server-side resizing, these syntaxes allow for a fully automated “responsive images” solution.
",
+      "snippet": "",
       "support": [{
           "name": "chrome",
           "supported": true
@@ -56,35 +46,18 @@
         },
         {
           "name": "safari",
-          "supported": false
+          "supported": true
         },
         {
           "name": "ie",
           "supported": false
-        }],
-        "docs": [{
-          "title": "Repo",
-          "formal": false,
-          "url": "https://github.com/ResponsiveImagesCG/picture-element"
-        },
-        {
-          "title" : "Use Cases",
-          "formal": false,
-          "url": "http://usecases.responsiveimages.org/"
-        },
-        {
-          "title" : "Specification",
-          "formal": true,
-          "url": "https://html.spec.whatwg.org/multipage/embedded-content.html#introduction-3:art-direction-3"
         }]
     },
     {
-      "title": "Advanced srcset and sizes Attributes",
+      "title": "picture element",
       "status": "Active Development",
-      "desc":
-        "
srcset’s w descriptor and the sizes attribute allow developers to supply a range of alternate sources for images whose sizes vary within a responsive layout. Optionally working in conjunction with server-side resizing, these syntaxes allow for a fully automated “responsive images” solution.
",
-      "hascode": true,
-      "snippet": "\"…\"",
+      "desc": "
The picture element contains any number of child source elements and one img.
When this pattern is used with the media attribute on source elements, it allows developers to mandate that user agents must load specific  sources when certain media conditions are met. This allows developers to specify alternate aspect ratios to align with layoutchanges, or alternate framing of image content for optimally highlighting the subject of the image at different sizes.
When picture and source are used with the type attribute, authors may supply the same image in alternate formats to be requested only by browsers that support said format.
",
+      "snippet": "",
       "support": [{
           "name": "chrome",
           "supported": true
@@ -99,59 +72,17 @@
         },
         {
           "name": "safari",
-          "supported": false
+          "supported": true
         },
         {
           "name": "ie",
           "supported": false
-        }],
-        "docs": [{
-          "title" : "Use Cases",
-          "formal": false,
-          "url": "http://usecases.responsiveimages.org/"
-        },
-        {
-          "title" : "Specification",
-          "formal": true,
-          "url": "https://html.spec.whatwg.org/multipage/embedded-content.html#introduction-3:device-pixel-ratio-2/"
         }]
     },
     {
-      "title": "Basic srcset Attribute",
-      "status": "Active Development",
-      "desc": "
The srcset attribute allows developers to supply user agents with alternate versions of an image, intended for display at different pixel densities.
In its most basic and well-supported form, srcset lets developers use x descriptors to specify the intended pixel-density of each source.
",
-      "hascode": true,
-      "snippet": "\"…\"",
-      "support": [{
-        "name": "chrome",
-        "supported": true
-      },
-      {
-        "name": "firefox",
-        "supported": false
-      },
-      {
-        "name": "opera",
-        "supported": true
-      },
-      {
-        "name": "safari",
-        "supported": true
-      },
-      {
-        "name": "ie",
-        "supported": false
-      }],
-      "docs": [{
-        "title" : "Use Cases",
-        "formal": true,
-        "url": "http://usecases.responsiveimages.org/"
-      },
-      {
-        "title" : "Specification",
-        "formal": true,
-        "url": "https://html.spec.whatwg.org/multipage/embedded-content.html#introduction-3:viewport-based-selection-2"
-      }]
+      "title": "Element Queries",
+      "status": "Initial Planning",
+      "desc": "
Media queries allow authors to vary the layout of their page based on the dimensions of the viewport. Element queries will allow developers to vary the layout within specific elements on a page (and their children) based on the dimensions of the parent elements themselves, allowing for much more modular approaches to layout.
Work on element queries has just begun; we are still collecting use cases and working to understand technical constraints. Please contribute!
"
     }
   ]
 }
\ No newline at end of file
diff --git a/_tmpl/_partials/issues.hbs b/_tmpl/_partials/issues.hbs
index 1a9bed8..0b3fcbc 100644
--- a/_tmpl/_partials/issues.hbs
+++ b/_tmpl/_partials/issues.hbs
@@ -12,29 +12,39 @@
       
Implementation Status

       

         {{#each support}}
-          {{name}}: {{^supported}}not {{/supported}}supported
+          {{name}}
         {{/each}}
       

     
     

       
{{{desc}}}

 
-      {{#hascode}}
       
Usage

       

         
{{snippet}}

       

-      {{/hascode}}
 
       
Documentation

 
       

-        {{#each docs}}
-        
{{title}}

-        
{{url}}

-        {{/each}}
+        
Use Cases

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

+
+        
Specification

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

       

 
+      
Resources

+      

+        
Draft

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

+
+        
Published

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

+
+        
Specification

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

+      

     

   
 
diff --git a/_tmpl/index.hbs b/_tmpl/index.hbs
index 2983662..7b7f167 100644
--- a/_tmpl/index.hbs
+++ b/_tmpl/index.hbs
@@ -7,21 +7,12 @@
       
Responsive Issues Community Group

     
 
-    

-      
The RICG is a group of independent designers and developers working toward new web standards that will build fast, accessible, responsive websites.

-    

+	

+	    
The RICG is a group of independent designers and developers working toward standards that will help build fast, accessible, responsive websites.

+	

 
     

       {{> issues }}
     

-
-    
   
 
\ No newline at end of file