diff --git a/content/patterns/landmarks/example-one.md b/content/patterns/landmarks/example-one.md new file mode 100644 index 0000000..e139c03 --- /dev/null +++ b/content/patterns/landmarks/example-one.md @@ -0,0 +1,11 @@ ++++ +title = "Page region navigation landmark" ++++ + +

Nulla vel magna sit amet dui lobortis commodo vitae vel nulla sit amet ante hendrerit tempus. Maecenas sit amet tellus nec mi gravida posuere non pretium magna. Donec a congue leo.

+ +{{% principles include="add value" %}} + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet tellus nec mi gravida posuere non pretium magna. Nulla vel magna sit amet dui lobortis commodo vitae vel nulla sit amet ante hendrerit tempus. Donec tempus tempus tellus, ac HTML lacinia turpis mattis ac. Suspendisse potenti. Nunc iaculis risus vel orci ornare dignissim sed vitae nulla. Donec a congue leo? Fusce ac sodales CSS magna.

+ +{{% wcag include="1.1.1" %}} diff --git a/content/patterns/widgets/example2.md b/content/patterns/widgets/example2.md index d6c585b..fa2cfcb 100644 --- a/content/patterns/widgets/example2.md +++ b/content/patterns/widgets/example2.md @@ -19,7 +19,13 @@ tags = ["animated", "interactive"] } {{}} -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac sodales .generate() magna. Aliquam tincidunt velit sit amet ante hendrerit tempus. Donec et nisi dictum felis sollicitudin congue. Nulla vel magna sit — amet dui lobortis commodo — vitae vel nulla. Nulla lobortis tempus commodo.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac sodales .generate() magna. Aliquam tincidunt velit sit amet ante hendrerit tempus. Donec et nisi dictum felis sollicitudin congue.

+ +{{}} + +{{}} + +

Nulla vel magna sit — amet dui lobortis commodo — vitae vel nulla. Nulla lobortis tempus commodo.

{{% ticks %}} * Something good diff --git a/themes/inclusive-pattern-docs/layouts/_default/li.html b/themes/inclusive-pattern-docs/layouts/_default/li.html new file mode 100644 index 0000000..13eb59a --- /dev/null +++ b/themes/inclusive-pattern-docs/layouts/_default/li.html @@ -0,0 +1,8 @@ +
  • +

    + + + {{ .Title }} + +

    +
    • diff --git a/themes/inclusive-pattern-docs/layouts/partials/svg.html b/themes/inclusive-pattern-docs/layouts/partials/svg.html new file mode 100644 index 0000000..dd2f6c2 --- /dev/null +++ b/themes/inclusive-pattern-docs/layouts/partials/svg.html @@ -0,0 +1,22 @@ + + + + + + + + + W3C + SVG + + + + + + + + + + + + diff --git a/themes/inclusive-pattern-docs/layouts/patterns/li.html b/themes/inclusive-pattern-docs/layouts/patterns/li.html new file mode 100644 index 0000000..13eb59a --- /dev/null +++ b/themes/inclusive-pattern-docs/layouts/patterns/li.html @@ -0,0 +1,8 @@ +
  • +

    + + + {{ .Title }} + +

    +
    • diff --git a/themes/inclusive-pattern-docs/layouts/patterns/single.html b/themes/inclusive-pattern-docs/layouts/patterns/single.html new file mode 100644 index 0000000..520876a --- /dev/null +++ b/themes/inclusive-pattern-docs/layouts/patterns/single.html @@ -0,0 +1,21 @@ +{{ define "main" }} +
    +

    {{ .Title }}

    + {{ if isset .Params "tags" }} +
    + + +
    + {{ end }} + {{ .Content }} +
    +{{ end }} diff --git a/themes/inclusive-pattern-docs/layouts/shortcodes/demo.html b/themes/inclusive-pattern-docs/layouts/shortcodes/demo.html new file mode 100644 index 0000000..7df12e0 --- /dev/null +++ b/themes/inclusive-pattern-docs/layouts/shortcodes/demo.html @@ -0,0 +1,30 @@ +{{ $uniq := .Inner | htmlEscape | base64Encode | truncate 15 "" }} +
    +
    +
    + + +
    diff --git a/themes/inclusive-pattern-docs/layouts/shortcodes/patternLink.html b/themes/inclusive-pattern-docs/layouts/shortcodes/patternLink.html new file mode 100644 index 0000000..671c6da --- /dev/null +++ b/themes/inclusive-pattern-docs/layouts/shortcodes/patternLink.html @@ -0,0 +1,11 @@ +{{ $title := .Get 0 }} +{{ range .Site.Pages }} + {{ if eq .Title $title }} + + + {{ .Title }} + + {{ end }} +{{ end }} diff --git a/themes/inclusive-pattern-docs/layouts/shortcodes/ticks.html b/themes/inclusive-pattern-docs/layouts/shortcodes/ticks.html new file mode 100644 index 0000000..b751603 --- /dev/null +++ b/themes/inclusive-pattern-docs/layouts/shortcodes/ticks.html @@ -0,0 +1,3 @@ +
    + {{ .Inner }} +
    diff --git a/themes/inclusive-pattern-docs/static/css/images/icon-tick.svg b/themes/inclusive-pattern-docs/static/css/images/icon-tick.svg new file mode 100644 index 0000000..20f9650 --- /dev/null +++ b/themes/inclusive-pattern-docs/static/css/images/icon-tick.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/themes/inclusive-pattern-docs/static/css/images/stripe.svg b/themes/inclusive-pattern-docs/static/css/images/stripe.svg new file mode 100644 index 0000000..48bf5f9 --- /dev/null +++ b/themes/inclusive-pattern-docs/static/css/images/stripe.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/themes/inclusive-pattern-docs/static/css/styles.css b/themes/inclusive-pattern-docs/static/css/styles.css index a96166d..9b4ea9f 100644 --- a/themes/inclusive-pattern-docs/static/css/styles.css +++ b/themes/inclusive-pattern-docs/static/css/styles.css @@ -541,3 +541,13 @@ a .bookmark { .pattern-link { font-weight: bold; } + +/* inline demos */ + +[id^="demo-"] { + all: initial; +} + +[id^="demo-"] * { + all: initial; +} diff --git a/themes/inclusive-pattern-docs/static/images/icon-tag.svg b/themes/inclusive-pattern-docs/static/images/icon-tag.svg new file mode 100644 index 0000000..0d8d3af --- /dev/null +++ b/themes/inclusive-pattern-docs/static/images/icon-tag.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/themes/inclusive-pattern-docs/static/js/shadyDOM.min.js b/themes/inclusive-pattern-docs/static/js/shadyDOM.min.js new file mode 100644 index 0000000..6a6e9ea --- /dev/null +++ b/themes/inclusive-pattern-docs/static/js/shadyDOM.min.js @@ -0,0 +1,68 @@ +(function(){ +/* + +Copyright (c) 2016 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +*/ +'use strict';function n(a,b){return{index:a,i:[],m:b}} +function aa(a,b,c,d){var e=0,h=0,g=0,f=0,k=Math.min(b-e,d-h);if(0==e&&0==h)a:{for(g=0;g]/g;function ja(a){switch(a){case "&":return"&";case "<":return"<";case ">":return">";case '"':return""";case "\u00a0":return" "}}function ka(a){for(var b={},c=0;c";break a;case Node.TEXT_NODE:f=f.data;f=k&&ma[k.localName]?f:f.replace(ia,ja);break a;case Node.COMMENT_NODE:f="\x3c!--"+f.data+"--\x3e";break a;default:throw window.console.error(f), +Error("not implemented");}}c+=f}return c};var I={},J=document.createTreeWalker(document,NodeFilter.SHOW_ALL,null,!1),K=document.createTreeWalker(document,NodeFilter.SHOW_ELEMENT,null,!1);function na(a){var b=[];J.currentNode=a;for(a=J.firstChild();a;)b.push(a),a=J.nextSibling();return b}I.parentNode=function(a){J.currentNode=a;return J.parentNode()};I.firstChild=function(a){J.currentNode=a;return J.firstChild()};I.lastChild=function(a){J.currentNode=a;return J.lastChild()};I.previousSibling=function(a){J.currentNode=a;return J.previousSibling()}; +I.nextSibling=function(a){J.currentNode=a;return J.nextSibling()};I.childNodes=na;I.parentElement=function(a){K.currentNode=a;return K.parentNode()};I.firstElementChild=function(a){K.currentNode=a;return K.firstChild()};I.lastElementChild=function(a){K.currentNode=a;return K.lastChild()};I.previousElementSibling=function(a){K.currentNode=a;return K.previousSibling()};I.nextElementSibling=function(a){K.currentNode=a;return K.nextSibling()}; +I.children=function(a){var b=[];K.currentNode=a;for(a=K.firstChild();a;)b.push(a),a=K.nextSibling();return b};I.innerHTML=function(a){return H(a,function(a){return na(a)})};I.textContent=function(a){if(a.nodeType!==Node.ELEMENT_NODE)return a.nodeValue;a=document.createTreeWalker(a,NodeFilter.SHOW_TEXT,null,!1);for(var b="",c;c=a.nextNode();)b+=c.nodeValue;return b};var M=Object.getOwnPropertyDescriptor(Element.prototype,"innerHTML")||Object.getOwnPropertyDescriptor(HTMLElement.prototype,"innerHTML"),N=document.implementation.createHTMLDocument("inert").createElement("div"),O=Object.getOwnPropertyDescriptor(Document.prototype,"activeElement"),oa={parentElement:{get:function(){var a=this.__shady&&this.__shady.parentNode;a&&a.nodeType!==Node.ELEMENT_NODE&&(a=null);return void 0!==a?a:I.parentElement(this)},configurable:!0},parentNode:{get:function(){var a=this.__shady&& +this.__shady.parentNode;return void 0!==a?a:I.parentNode(this)},configurable:!0},nextSibling:{get:function(){var a=this.__shady&&this.__shady.nextSibling;return void 0!==a?a:I.nextSibling(this)},configurable:!0},previousSibling:{get:function(){var a=this.__shady&&this.__shady.previousSibling;return void 0!==a?a:I.previousSibling(this)},configurable:!0},className:{get:function(){return this.getAttribute("class")||""},set:function(a){this.setAttribute("class",a)},configurable:!0},nextElementSibling:{get:function(){if(this.__shady&& +void 0!==this.__shady.nextSibling){for(var a=this.nextSibling;a&&a.nodeType!==Node.ELEMENT_NODE;)a=a.nextSibling;return a}return I.nextElementSibling(this)},configurable:!0},previousElementSibling:{get:function(){if(this.__shady&&void 0!==this.__shady.previousSibling){for(var a=this.previousSibling;a&&a.nodeType!==Node.ELEMENT_NODE;)a=a.previousSibling;return a}return I.previousElementSibling(this)},configurable:!0}},P={childNodes:{get:function(){var a;if(this.__shady&&void 0!==this.__shady.firstChild){if(!this.__shady.childNodes){this.__shady.childNodes= +[];for(var b=this.firstChild;b;b=b.nextSibling)this.__shady.childNodes.push(b)}a=this.__shady.childNodes}else a=I.childNodes(this);a.item=function(b){return a[b]};return a},configurable:!0},childElementCount:{get:function(){return this.children.length},configurable:!0},firstChild:{get:function(){var a=this.__shady&&this.__shady.firstChild;return void 0!==a?a:I.firstChild(this)},configurable:!0},lastChild:{get:function(){var a=this.__shady&&this.__shady.lastChild;return void 0!==a?a:I.lastChild(this)}, +configurable:!0},textContent:{get:function(){if(this.__shady&&void 0!==this.__shady.firstChild){for(var a=[],b=0,c=this.childNodes,d;d=c[b];b++)d.nodeType!==Node.COMMENT_NODE&&a.push(d.textContent);return a.join("")}return I.textContent(this)},set:function(a){if(this.nodeType!==Node.ELEMENT_NODE)this.nodeValue=a;else{for(;this.firstChild;)this.removeChild(this.firstChild);this.appendChild(document.createTextNode(a))}},configurable:!0},firstElementChild:{get:function(){if(this.__shady&&void 0!==this.__shady.firstChild){for(var a= +this.firstChild;a&&a.nodeType!==Node.ELEMENT_NODE;)a=a.nextSibling;return a}return I.firstElementChild(this)},configurable:!0},lastElementChild:{get:function(){if(this.__shady&&void 0!==this.__shady.lastChild){for(var a=this.lastChild;a&&a.nodeType!==Node.ELEMENT_NODE;)a=a.previousSibling;return a}return I.lastElementChild(this)},configurable:!0},children:{get:function(){var a;this.__shady&&void 0!==this.__shady.firstChild?a=Array.prototype.filter.call(this.childNodes,function(a){return a.nodeType=== +Node.ELEMENT_NODE}):a=I.children(this);a.item=function(b){return a[b]};return a},configurable:!0},innerHTML:{get:function(){var a="template"===this.localName?this.content:this;return this.__shady&&void 0!==this.__shady.firstChild?H(a):I.innerHTML(a)},set:function(a){for(var b="template"===this.localName?this.content:this;b.firstChild;)b.removeChild(b.firstChild);for(M&&M.set?M.set.call(N,a):N.innerHTML=a;N.firstChild;)b.appendChild(N.firstChild)},configurable:!0}},pa={shadowRoot:{get:function(){return this.__shady&& +this.__shady.root||null},set:function(a){this.__shady=this.__shady||{};this.__shady.root=a},configurable:!0}},Q={activeElement:{get:function(){var a;a=O&&O.get?O.get.call(document):p.g?void 0:document.activeElement;if(a&&a.nodeType){var b=!!u(this);if(this===document||b&&this.host!==a&&this.host.contains(a)){for(b=v(a);b&&b!==this;)a=b.host,b=v(a);a=this===document?b?null:a:b===this?a:null}else a=null}else a=null;return a},set:function(){},configurable:!0}}; +function R(a,b,c){for(var d in b){var e=Object.getOwnPropertyDescriptor(a,d);e&&e.configurable||!e&&c?Object.defineProperty(a,d,b[d]):c&&console.warn("Could not define",d,"on",a)}}function S(a){R(a,oa);R(a,P);R(a,Q)}var qa=p.g?function(){}:function(a){a.__shady&&a.__shady.N||(a.__shady=a.__shady||{},a.__shady.N=!0,R(a,oa,!0))},ra=p.g?function(){}:function(a){a.__shady&&a.__shady.L||(a.__shady=a.__shady||{},a.__shady.L=!0,R(a,P,!0),R(a,pa,!0))};function sa(a,b,c){qa(a);c=c||null;a.__shady=a.__shady||{};b.__shady=b.__shady||{};c&&(c.__shady=c.__shady||{});a.__shady.previousSibling=c?c.__shady.previousSibling:b.lastChild;var d=a.__shady.previousSibling;d&&d.__shady&&(d.__shady.nextSibling=a);(d=a.__shady.nextSibling=c)&&d.__shady&&(d.__shady.previousSibling=a);a.__shady.parentNode=b;c?c===b.__shady.firstChild&&(b.__shady.firstChild=a):(b.__shady.lastChild=a,b.__shady.firstChild||(b.__shady.firstChild=a));b.__shady.childNodes=null} +function T(a){if(!a.__shady||void 0===a.__shady.firstChild){a.__shady=a.__shady||{};a.__shady.firstChild=I.firstChild(a);a.__shady.lastChild=I.lastChild(a);ra(a);for(var b=a.__shady.childNodes=I.childNodes(a),c=0,d;c