diff --git a/docs/css/styles.css b/docs/css/styles.css index 2bd7846..9816370 100644 --- a/docs/css/styles.css +++ b/docs/css/styles.css @@ -280,6 +280,7 @@ caption { .wrapper { position: relative; margin-top: 0; + overflow-x: hidden; } .intro-and-nav { @@ -568,10 +569,6 @@ pre[class*=language-] code * { margin-top: -1rem; } -*:not(pre) > code { - white-space: nowrap; -} - .token.property, .token.tag, .token.boolean, @@ -635,9 +632,14 @@ pre[class*=language-] code * { /* file tree lists */ +.file-tree { + overflow-x: auto; +} + .file-tree ul { - font-family: courier; + font-family: Courier, monospace; margin: 0; + padding: 0; padding-left: 3rem; list-style: none; line-height: 1.25; @@ -645,6 +647,10 @@ pre[class*=language-] code * { overflow: hidden; } +.file-tree > ul { + padding-left: 0; +} + .file-tree li:not(:last-child) > ul::before { content: '\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020'; position: absolute; @@ -654,14 +660,10 @@ pre[class*=language-] code * { width: 1em; } -.file-tree > ul { - margin: 0; - padding: 0; -} - .file-tree li { background: #fff; position: relative; + white-space: nowrap; } .file-tree li + li { @@ -676,6 +678,11 @@ pre[class*=language-] code * { content: '\2514\2500\2500\0020'; } +.file-tree li::before, +.file-tree ul::before { + white-space: normal; +} + /* Expandable sections */ .expandable-section { diff --git a/docs/index.html b/docs/index.html index 83ae8f1..6cca19b 100644 --- a/docs/index.html +++ b/docs/index.html @@ -25,7 +25,7 @@ - + Infusion @@ -330,10 +330,8 @@ </div> </div> </div> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> <script src="https://heydon.github.io/infusion/js/service-worker-registration.js"></script> diff --git a/docs/js/dom-scripts.js b/docs/js/dom-scripts.js index 0673630..59bfa4b 100644 --- a/docs/js/dom-scripts.js +++ b/docs/js/dom-scripts.js @@ -20,25 +20,30 @@ /* menu button */ (function () { var button = document.getElementById('menu-button') - var menu = document.getElementById('patterns-list') - button.addEventListener('click', function() { - var expanded = this.getAttribute('aria-expanded') === 'true' - this.setAttribute('aria-expanded', !expanded) - }) + if (button) { + var menu = document.getElementById('patterns-list') + button.addEventListener('click', function() { + var expanded = this.getAttribute('aria-expanded') === 'true' + this.setAttribute('aria-expanded', !expanded) + }) + } }()); /* persist navigation scroll point */ (function () { - window.onunload = function () { - var scrollPoint = document.getElementById('patterns-nav').scrollTop - localStorage.setItem('scrollPoint', scrollPoint) + var patternsNav = document.getElementById('patterns-nav') + if (patternsNav) { + var scrollPoint = patternsNav.scrollTop + window.onunload = function () { + localStorage.setItem('scrollPoint', scrollPoint) + } } window.addEventListener('DOMContentLoaded', function () { if (window.location.href.indexOf('patterns/') !== -1) { - document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint')) + scrollPoint = parseInt(localStorage.getItem('scrollPoint')) } else { - document.getElementById('patterns-nav').scrollTop = 0 + scrollPoint = 0 } }) }()); diff --git a/docs/patterns/coding/code-blocks/index.html b/docs/patterns/coding/code-blocks/index.html index 957431c..7b9ba13 100644 --- a/docs/patterns/coding/code-blocks/index.html +++ b/docs/patterns/coding/code-blocks/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Code blocks | Infusion @@ -371,12 +369,8 @@ toggle.addEventListener('click', (e) => { </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/coding/color-palettes/index.html b/docs/patterns/coding/color-palettes/index.html index 3fca2e9..9fca167 100644 --- a/docs/patterns/coding/color-palettes/index.html +++ b/docs/patterns/coding/color-palettes/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Color palettes | Infusion @@ -364,12 +362,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/coding/command-line/index.html b/docs/patterns/coding/command-line/index.html index a3cf1fb..05b5a3d 100644 --- a/docs/patterns/coding/command-line/index.html +++ b/docs/patterns/coding/command-line/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Command line | Infusion @@ -350,12 +348,8 @@ npm run start </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/coding/demo-embedding/index.html b/docs/patterns/coding/demo-embedding/index.html index 46cc4b9..e2d2c60 100644 --- a/docs/patterns/coding/demo-embedding/index.html +++ b/docs/patterns/coding/demo-embedding/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Demo embedding | Infusion @@ -420,12 +418,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/coding/file-trees/index.html b/docs/patterns/coding/file-trees/index.html index 4654b71..ae5ede8 100644 --- a/docs/patterns/coding/file-trees/index.html +++ b/docs/patterns/coding/file-trees/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> File trees | Infusion @@ -400,12 +398,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/coding/index.html b/docs/patterns/coding/index.html index b303fde..bc9dd99 100644 --- a/docs/patterns/coding/index.html +++ b/docs/patterns/coding/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Coding | Infusion @@ -389,12 +387,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/coding/tested/index.html b/docs/patterns/coding/tested/index.html index 2a91916..989c1e2 100644 --- a/docs/patterns/coding/tested/index.html +++ b/docs/patterns/coding/tested/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Tested using... | Infusion @@ -403,12 +401,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/coding/writing-inline-demos/index.html b/docs/patterns/coding/writing-inline-demos/index.html index c01a59a..eca65cc 100644 --- a/docs/patterns/coding/writing-inline-demos/index.html +++ b/docs/patterns/coding/writing-inline-demos/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Writing inline demos | Infusion @@ -423,12 +421,8 @@ toggle.addEventListener('click', (e) => { </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/index.html b/docs/patterns/index.html index 32d2eef..486d662 100644 --- a/docs/patterns/index.html +++ b/docs/patterns/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Patterns | Infusion @@ -349,12 +347,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/installation/index.html b/docs/patterns/installation/index.html index bcac3ea..5af0ae9 100644 --- a/docs/patterns/installation/index.html +++ b/docs/patterns/installation/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Installation | Infusion @@ -413,12 +411,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/library-setup/index.html b/docs/patterns/library-setup/index.html index 9ea6135..62d10bd 100644 --- a/docs/patterns/library-setup/index.html +++ b/docs/patterns/library-setup/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Library setup | Infusion @@ -402,12 +400,8 @@ theme = "infusion" </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/media/including-images/index.html b/docs/patterns/media/including-images/index.html index 55aa0ae..63c0708 100644 --- a/docs/patterns/media/including-images/index.html +++ b/docs/patterns/media/including-images/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Including images | Infusion @@ -385,12 +383,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/media/including-videos/index.html b/docs/patterns/media/including-videos/index.html index 7b51882..45c3734 100644 --- a/docs/patterns/media/including-videos/index.html +++ b/docs/patterns/media/including-videos/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Including videos | Infusion @@ -330,12 +328,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/media/index.html b/docs/patterns/media/index.html index aac2008..d8f221f 100644 --- a/docs/patterns/media/index.html +++ b/docs/patterns/media/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Media | Infusion @@ -339,12 +337,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/serving/index.html b/docs/patterns/serving/index.html index 11c998c..5c30bca 100644 --- a/docs/patterns/serving/index.html +++ b/docs/patterns/serving/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Serving | Infusion @@ -368,12 +366,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/writing/expandable-sections/index.html b/docs/patterns/writing/expandable-sections/index.html index da7c2e4..44a8b90 100644 --- a/docs/patterns/writing/expandable-sections/index.html +++ b/docs/patterns/writing/expandable-sections/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Expandable sections | Infusion @@ -435,12 +433,8 @@ Here is some markdown including [a link](https://twitter.com/heydonworks). Donec </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/writing/index.html b/docs/patterns/writing/index.html index 459b2c7..7f57a57 100644 --- a/docs/patterns/writing/index.html +++ b/docs/patterns/writing/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Writing | Infusion @@ -379,12 +377,8 @@ </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/writing/library-structure/index.html b/docs/patterns/writing/library-structure/index.html index 5eedd9e..5f023c7 100644 --- a/docs/patterns/writing/library-structure/index.html +++ b/docs/patterns/writing/library-structure/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Library structure | Infusion @@ -404,12 +402,8 @@ title = "Popups" </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/writing/markdown-and-metadata/index.html b/docs/patterns/writing/markdown-and-metadata/index.html index 867879e..3d4e098 100644 --- a/docs/patterns/writing/markdown-and-metadata/index.html +++ b/docs/patterns/writing/markdown-and-metadata/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Markdown & metadata | Infusion @@ -401,12 +399,8 @@ weight = 1 </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/writing/notes-and-warnings/index.html b/docs/patterns/writing/notes-and-warnings/index.html index ac8bf03..0737d9d 100644 --- a/docs/patterns/writing/notes-and-warnings/index.html +++ b/docs/patterns/writing/notes-and-warnings/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Notes & warnings | Infusion @@ -394,12 +392,8 @@ This is a warning! It's about something the reader should be careful to do or to </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/writing/references/index.html b/docs/patterns/writing/references/index.html index 32c4362..55d1c18 100644 --- a/docs/patterns/writing/references/index.html +++ b/docs/patterns/writing/references/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> References | Infusion @@ -767,12 +765,8 @@ I can reference the {{% pattern "Notes & warnings" %}} pattern here. </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/patterns/writing/tables-of-contents/index.html b/docs/patterns/writing/tables-of-contents/index.html index ea1e62d..b445785 100644 --- a/docs/patterns/writing/tables-of-contents/index.html +++ b/docs/patterns/writing/tables-of-contents/index.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - - <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Tables of contents | Infusion @@ -352,12 +350,8 @@ toc = false </div> </div> </div> - - <script src="https://heydon.github.io/infusion/js/prism.js"></script> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/print-version/index.html b/docs/print-version/index.html index 5ceb261..0004516 100644 --- a/docs/print-version/index.html +++ b/docs/print-version/index.html @@ -24,7 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Infusion @@ -1838,8 +1838,8 @@ npm run start </div> </div> </div> - - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/service-worker.js b/docs/service-worker.js index 18f7d3a..0514454 100644 --- a/docs/service-worker.js +++ b/docs/service-worker.js @@ -37,7 +37,7 @@ /* eslint-disable indent, no-unused-vars, no-multiple-empty-lines, max-nested-callbacks, space-before-function-paren, quotes, comma-spacing */ 'use strict'; -var precacheConfig = [["browserconfig.xml","67c3113b1574fecc6015d56d774e1d38"],["categories/index.xml","0ac1d02cfbcad2fcc8c13b2c54715338"],["css/fonts/miriamlibre-bold.woff","96496f6f06535d25b3bcba876917ca35"],["css/fonts/miriamlibre-bold.woff2","668defa44d9a74dd709ce0c826a5eb11"],["css/fonts/pt_sans-web-bold.woff","f83c22b548d2d684e24e315d81f7d22b"],["css/fonts/pt_sans-web-bold.woff2","84520c22e6ebf1b30b6f17251d65fff7"],["css/fonts/pt_sans-web-italic.woff","31f09f09a1d3fbe6c8de19644ef0e614"],["css/fonts/pt_sans-web-italic.woff2","df128e1d5a449fc0506fc1b48aac0184"],["css/fonts/pt_sans-web-regular.woff","32100f6ebf01af64d4a71416561c072d"],["css/fonts/pt_sans-web-regular.woff2","b6d4ede9a3a5dbe4d5ac242ae4b0ecc2"],["css/images/arrow_effect.svg","1434d178461f70c16b77acb4bdbc51e3"],["css/images/icon-tick.svg","35d4d4728ea80d254508b2bca4109d70"],["css/images/stripe.svg","fa3f32a026b6a1bb04ee98d963432e15"],["css/prism.css","004029c8c70ed2bbaa5d9debcf14f8c7"],["css/styles.css","d30dd7495d40046390a2934e6ebd0091"],["images/android-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/android-icon-192x192.png","4c07782e52e0ab714074e6d3d69dc3ec"],["images/android-icon-36x36.png","3b2cd8c925a66bf84c89b68bb30e5f62"],["images/android-icon-48x48.png","45dc386eea1d8a46216a8b6de9b156c6"],["images/android-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/android-icon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/apple-icon-114x114.png","72e127d6f01dfcd2ba2340141babc536"],["images/apple-icon-120x120.png","bc7cd9e36869e66aaca78412207bf723"],["images/apple-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/apple-icon-152x152.png","567c64205576865b5e5d06c849613ca2"],["images/apple-icon-180x180.png","6b8734c446bf02ab50be598b4c01ec9c"],["images/apple-icon-57x57.png","f8c586086752c78870820b6190d6b42b"],["images/apple-icon-60x60.png","6e88df111e506bcd5501bed4ff10542e"],["images/apple-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/apple-icon-76x76.png","d8666e0ac256f39f8c5c628486bd71fb"],["images/apple-icon-precomposed.png","725f6cec25256abb1db10385e0724400"],["images/apple-icon.png","725f6cec25256abb1db10385e0724400"],["images/browser-Chrome-Android.svg","3100b2a9c5f0e34982c717fc2aa46d73"],["images/browser-Chrome.svg","fa39b4be6727525330e928f582fbe80a"],["images/browser-Edge.svg","9e8265ab8f6a701587a4271dd3aa6a73"],["images/browser-Firefox-Android.svg","452df7b9e83c70a07e8e03b4e8dab9c4"],["images/browser-Firefox.svg","d3093eda664be3d0cc6d791e1386420f"],["images/browser-IE.svg","13e192cf2b3fe17e7049a49b7d085caa"],["images/browser-Opera.svg","95d65630c9f7deef6a3098af8f5baf9f"],["images/browser-Safari-iOS.svg","f729e629ec998ec40d313495d7257741"],["images/browser-Safari.svg","523ee9491f5a937b8975f4d23aa77f62"],["images/favicon-16x16.png","7a99c20d6c00babddd26d03607b8721d"],["images/favicon-32x32.png","129881474a1bf130027bff7a1e89febd"],["images/favicon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/favicon.ico","81c46feedbfcc6c6dc9495e4fd5adfad"],["images/icon-info.svg","53a6c555ce41f818556c71ab0dfc533b"],["images/icon-tag.svg","f067bbbc072941b2a0335679300bfc6c"],["images/icon-warning.svg","2a4322abbee9aed694fadb50e98a1f61"],["images/logo.png","0134d77c2c6b01eabb425990bab7ce9a"],["images/ms-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/ms-icon-150x150.png","e73370837ab9060772a18d62aaacd0f0"],["images/ms-icon-310x310.png","8a7143516b929702e3309bb537a99c5c"],["images/ms-icon-70x70.png","d7c6e7368733d53b5f979546d5aa4fe9"],["images/open_in_desktop.png","e899d6679b011aa7b0e783683d90d99b"],["images/serve_from_docs.png","15ae9eac3737a21593ebe00a9312bf9e"],["images/steve_faulkner.jpg","b90382f2b505ce6f6b1e08657637395e"],["index.html","b34d62d2bd8ad851ee73f3c8ace48aa0"],["index.xml","b05076afa4fbe42cbf4c13fa52499488"],["js/dom-scripts.js","2b572ac4dd9d0d060b542a7c9d36196b"],["js/prism.js","0c1fb8d3a69ee7c91dbf0f361ded7763"],["js/service-worker-registration.js","d60f01dc1393cbaaf4f7435339074d5e"],["js/webcomponents.js","c5f6fe397db634cde89f66c2f1bc2f62"],["manifest.json","4e77b7f1253442852a2f185822f1b4d8"],["patterns/coding/code-blocks/index.html","e873470c2f635c35a611e829ab3b20cf"],["patterns/coding/color-palettes/index.html","273a38735bc8e721991bf16d00c3581d"],["patterns/coding/command-line/index.html","179ef0ea52370660ce88b9e5b90be89f"],["patterns/coding/demo-embedding/index.html","317669956a4ba39a388ec178eb95db21"],["patterns/coding/file-trees/index.html","439ea2400fb96dc2e2d9acb2a077ec0a"],["patterns/coding/index.html","ff9aa7ff2dca4627a489cf53a2741cbe"],["patterns/coding/index.xml","c8141d2e5b185b41c7c2297cbe9761a9"],["patterns/coding/tested/index.html","262ea62018c07724413d30ad9bcfc548"],["patterns/coding/writing-inline-demos/index.html","812209481bc4135e38963765bce9ea41"],["patterns/index.html","68b179522900566d9e4cbfd383c7dacb"],["patterns/index.xml","8c88ea8c5d4e10c5982c9293a8fd501b"],["patterns/installation/index.html","498bdc2b6d1541abd34ba88af146a3d9"],["patterns/library-setup/index.html","9d4ceb3eb4beae8ae702e591cf539a6f"],["patterns/media/including-images/index.html","7fea65fb5eb6d955d8fa177658906a9b"],["patterns/media/including-videos/index.html","9bcea96108d27853394640e7382e3f94"],["patterns/media/index.html","6bce74ffa02435ca5297140e3c4cea03"],["patterns/media/index.xml","91130ea74bd16f6d51c959a00c3c6284"],["patterns/serving/index.html","d48180669b5fb8b320913282ef3c31d7"],["patterns/writing/expandable-sections/index.html","2c68364fa99b8f67d32421708fa7466e"],["patterns/writing/index.html","0265390e63827f9b9ff2d42d843b39b6"],["patterns/writing/index.xml","7975bc05d66958e02f1433099f033636"],["patterns/writing/library-structure/index.html","cf4a32b1cbafdc65c6d12eba7799169b"],["patterns/writing/markdown-and-metadata/index.html","f3c5a1a14045030edc1374149103655f"],["patterns/writing/notes-and-warnings/index.html","938a4dfa12de7885c6d01650b71e517d"],["patterns/writing/references/index.html","7ec8d5744e15c1df1296fffbf4d10d79"],["patterns/writing/tables-of-contents/index.html","c83b0a7bf2c7fa2fc2440d05a9eac8c6"],["print-version/index.html","075df886ca3797484a58d472393dc4c8"],["sitemap.xml","dccc7ccd443b4159d83ae2a0068ae6c6"],["tags/index.xml","5af18d25fdcb072a78c1603adacee4f6"],["tags/markdown/index.html","a4b959d7913ba0f500636feb77b126fa"],["tags/markdown/index.xml","757d307cdf85883859ac95ea20527f4a"],["tags/metadata/index.html","8d71e6fdd0b81c02db4f4276bd328aa5"],["tags/metadata/index.xml","b6989e44540f4745072a2063369de173"]]; +var precacheConfig = [["browserconfig.xml","67c3113b1574fecc6015d56d774e1d38"],["categories/index.xml","0ac1d02cfbcad2fcc8c13b2c54715338"],["css/fonts/miriamlibre-bold.woff","96496f6f06535d25b3bcba876917ca35"],["css/fonts/miriamlibre-bold.woff2","668defa44d9a74dd709ce0c826a5eb11"],["css/fonts/pt_sans-web-bold.woff","f83c22b548d2d684e24e315d81f7d22b"],["css/fonts/pt_sans-web-bold.woff2","84520c22e6ebf1b30b6f17251d65fff7"],["css/fonts/pt_sans-web-italic.woff","31f09f09a1d3fbe6c8de19644ef0e614"],["css/fonts/pt_sans-web-italic.woff2","df128e1d5a449fc0506fc1b48aac0184"],["css/fonts/pt_sans-web-regular.woff","32100f6ebf01af64d4a71416561c072d"],["css/fonts/pt_sans-web-regular.woff2","b6d4ede9a3a5dbe4d5ac242ae4b0ecc2"],["css/images/arrow_effect.svg","1434d178461f70c16b77acb4bdbc51e3"],["css/images/icon-tick.svg","35d4d4728ea80d254508b2bca4109d70"],["css/images/stripe.svg","fa3f32a026b6a1bb04ee98d963432e15"],["css/prism.css","004029c8c70ed2bbaa5d9debcf14f8c7"],["css/styles.css","df774ad83e207b64d83462908707df0c"],["images/android-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/android-icon-192x192.png","4c07782e52e0ab714074e6d3d69dc3ec"],["images/android-icon-36x36.png","3b2cd8c925a66bf84c89b68bb30e5f62"],["images/android-icon-48x48.png","45dc386eea1d8a46216a8b6de9b156c6"],["images/android-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/android-icon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/apple-icon-114x114.png","72e127d6f01dfcd2ba2340141babc536"],["images/apple-icon-120x120.png","bc7cd9e36869e66aaca78412207bf723"],["images/apple-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/apple-icon-152x152.png","567c64205576865b5e5d06c849613ca2"],["images/apple-icon-180x180.png","6b8734c446bf02ab50be598b4c01ec9c"],["images/apple-icon-57x57.png","f8c586086752c78870820b6190d6b42b"],["images/apple-icon-60x60.png","6e88df111e506bcd5501bed4ff10542e"],["images/apple-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/apple-icon-76x76.png","d8666e0ac256f39f8c5c628486bd71fb"],["images/apple-icon-precomposed.png","725f6cec25256abb1db10385e0724400"],["images/apple-icon.png","725f6cec25256abb1db10385e0724400"],["images/browser-Chrome-Android.svg","3100b2a9c5f0e34982c717fc2aa46d73"],["images/browser-Chrome.svg","fa39b4be6727525330e928f582fbe80a"],["images/browser-Edge.svg","9e8265ab8f6a701587a4271dd3aa6a73"],["images/browser-Firefox-Android.svg","452df7b9e83c70a07e8e03b4e8dab9c4"],["images/browser-Firefox.svg","d3093eda664be3d0cc6d791e1386420f"],["images/browser-IE.svg","13e192cf2b3fe17e7049a49b7d085caa"],["images/browser-Opera.svg","95d65630c9f7deef6a3098af8f5baf9f"],["images/browser-Safari-iOS.svg","f729e629ec998ec40d313495d7257741"],["images/browser-Safari.svg","523ee9491f5a937b8975f4d23aa77f62"],["images/favicon-16x16.png","7a99c20d6c00babddd26d03607b8721d"],["images/favicon-32x32.png","129881474a1bf130027bff7a1e89febd"],["images/favicon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/favicon.ico","81c46feedbfcc6c6dc9495e4fd5adfad"],["images/icon-info.svg","53a6c555ce41f818556c71ab0dfc533b"],["images/icon-tag.svg","f067bbbc072941b2a0335679300bfc6c"],["images/icon-warning.svg","2a4322abbee9aed694fadb50e98a1f61"],["images/logo.png","0134d77c2c6b01eabb425990bab7ce9a"],["images/ms-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/ms-icon-150x150.png","e73370837ab9060772a18d62aaacd0f0"],["images/ms-icon-310x310.png","8a7143516b929702e3309bb537a99c5c"],["images/ms-icon-70x70.png","d7c6e7368733d53b5f979546d5aa4fe9"],["images/open_in_desktop.png","e899d6679b011aa7b0e783683d90d99b"],["images/serve_from_docs.png","15ae9eac3737a21593ebe00a9312bf9e"],["images/steve_faulkner.jpg","b90382f2b505ce6f6b1e08657637395e"],["index.html","25c5e0d21a763efd0f0207db6ec375fb"],["index.xml","b05076afa4fbe42cbf4c13fa52499488"],["js/dom-scripts.js","dc507fb820a86dc6e5d3b5045bca962f"],["js/prism.js","0c1fb8d3a69ee7c91dbf0f361ded7763"],["js/service-worker-registration.js","d60f01dc1393cbaaf4f7435339074d5e"],["js/webcomponents.js","c5f6fe397db634cde89f66c2f1bc2f62"],["manifest.json","4e77b7f1253442852a2f185822f1b4d8"],["patterns/coding/code-blocks/index.html","37201e9ff740b97d0beac97e0f313076"],["patterns/coding/color-palettes/index.html","f568126af1499710911047ef6af1472a"],["patterns/coding/command-line/index.html","7d4517b9111484a2aab4e576437a9d51"],["patterns/coding/demo-embedding/index.html","f372231e1d027f3161c4bb0ec452f49e"],["patterns/coding/file-trees/index.html","25b5f14f72b23e74f73a76872cfa2e9b"],["patterns/coding/index.html","bacb0b4107888b85d3af68ba2170f052"],["patterns/coding/index.xml","c8141d2e5b185b41c7c2297cbe9761a9"],["patterns/coding/tested/index.html","ec3fb3212886a42fe1e78d923cf052aa"],["patterns/coding/writing-inline-demos/index.html","7c0b850d41d684fc43a77c6287fd7654"],["patterns/index.html","e5a58e16d21d98b7efd3af5bdb93ac6e"],["patterns/index.xml","8c88ea8c5d4e10c5982c9293a8fd501b"],["patterns/installation/index.html","c9ff8520613052bf8a6632e685f09996"],["patterns/library-setup/index.html","1e7331afcc865a841f877d0fb680170d"],["patterns/media/including-images/index.html","e309991e9d4cdf5091abdc6049ee10d5"],["patterns/media/including-videos/index.html","1cae04ed83309995c4c8a2ef7a1c224d"],["patterns/media/index.html","1523fe758752d2d41559016b2ab4f97f"],["patterns/media/index.xml","91130ea74bd16f6d51c959a00c3c6284"],["patterns/serving/index.html","7fa6c09cc2e87df87c1dfb849d8dddd8"],["patterns/writing/expandable-sections/index.html","8b904bf5a3e5e80d7eccf3d3028bc6dd"],["patterns/writing/index.html","3dbe29ab51c66a395a86f92d477b5586"],["patterns/writing/index.xml","7975bc05d66958e02f1433099f033636"],["patterns/writing/library-structure/index.html","922f7ce23bc8d819fded69cc6e0a8e61"],["patterns/writing/markdown-and-metadata/index.html","92fd97d1e58ae44adffb481ad9d7ed20"],["patterns/writing/notes-and-warnings/index.html","0633300abc7e3e69d2e3acc7aa78e582"],["patterns/writing/references/index.html","b2aa2e5e2865a2fc39d9e0c00640abbe"],["patterns/writing/tables-of-contents/index.html","987fe61beadbf52c9b16a8fa556a8b3f"],["print-version/index.html","a15b480b5acc33bef0989a786e61bc29"],["sitemap.xml","dccc7ccd443b4159d83ae2a0068ae6c6"],["tags/index.xml","5af18d25fdcb072a78c1603adacee4f6"],["tags/markdown/index.html","742956b956c2f61ded40e821f2c57206"],["tags/markdown/index.xml","757d307cdf85883859ac95ea20527f4a"],["tags/metadata/index.html","f9b8e651b0de05fed7fbcfcfe2cb2bd1"],["tags/metadata/index.xml","b6989e44540f4745072a2063369de173"]]; var cacheName = 'sw-precache-v3-sw-precache-' + (self.registration ? self.registration.scope : ''); diff --git a/docs/tags/markdown/index.html b/docs/tags/markdown/index.html index 6069314..2c00c10 100644 --- a/docs/tags/markdown/index.html +++ b/docs/tags/markdown/index.html @@ -24,7 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Patterns tagged Markdown | Infusion @@ -330,10 +330,8 @@ </div> </div> </div> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/docs/tags/metadata/index.html b/docs/tags/metadata/index.html index 5ed9604..468a2c1 100644 --- a/docs/tags/metadata/index.html +++ b/docs/tags/metadata/index.html @@ -24,7 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css"> - + <script src="https://heydon.github.io/infusion/js/webcomponents.js"></script> <title> Patterns tagged Metadata | Infusion @@ -330,10 +330,8 @@ </div> </div> </div> - - - <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> - + <script src="https://heydon.github.io/infusion/js/prism.js"></script> + <script src="https://heydon.github.io/infusion/js/dom-scripts.js"></script> </body> </html> diff --git a/themes/infusion/layouts/_default/baseof.html b/themes/infusion/layouts/_default/baseof.html index e4d37b2..67f0ad7 100644 --- a/themes/infusion/layouts/_default/baseof.html +++ b/themes/infusion/layouts/_default/baseof.html @@ -24,9 +24,7 @@ <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="{{ "css/prism.css" | absURL }}" /> <link rel="stylesheet" type="text/css" href="{{ "css/styles.css" | absURL }}"> - {{ if eq .Type "patterns" }} - <script src="{{ "js/webcomponents.js" | absURL }}"></script> - {{ end }} + <script src="{{ "js/webcomponents.js" | absURL }}"></script> <title> {{ block "title" . }} {{ .Title }} | {{ .Site.Title }} @@ -112,12 +110,8 @@ </div> </div> </div> - {{ if eq .Type "patterns" }} - <script src="{{ "js/prism.js" | absURL }}"></script> - {{ end }} - {{ if ne .Type "print-version" }} - <script src="{{ "js/dom-scripts.js" | absURL }}"></script> - {{ end }} + <script src="{{ "js/prism.js" | absURL }}"></script> + <script src="{{ "js/dom-scripts.js" | absURL }}"></script> {{ if .Page.IsHome }} <script src="{{ "js/service-worker-registration.js" | absURL }}"></script> {{ end }} diff --git a/themes/infusion/static/css/styles.css b/themes/infusion/static/css/styles.css index 2bd7846..9816370 100644 --- a/themes/infusion/static/css/styles.css +++ b/themes/infusion/static/css/styles.css @@ -280,6 +280,7 @@ caption { .wrapper { position: relative; margin-top: 0; + overflow-x: hidden; } .intro-and-nav { @@ -568,10 +569,6 @@ pre[class*=language-] code * { margin-top: -1rem; } -*:not(pre) > code { - white-space: nowrap; -} - .token.property, .token.tag, .token.boolean, @@ -635,9 +632,14 @@ pre[class*=language-] code * { /* file tree lists */ +.file-tree { + overflow-x: auto; +} + .file-tree ul { - font-family: courier; + font-family: Courier, monospace; margin: 0; + padding: 0; padding-left: 3rem; list-style: none; line-height: 1.25; @@ -645,6 +647,10 @@ pre[class*=language-] code * { overflow: hidden; } +.file-tree > ul { + padding-left: 0; +} + .file-tree li:not(:last-child) > ul::before { content: '\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020'; position: absolute; @@ -654,14 +660,10 @@ pre[class*=language-] code * { width: 1em; } -.file-tree > ul { - margin: 0; - padding: 0; -} - .file-tree li { background: #fff; position: relative; + white-space: nowrap; } .file-tree li + li { @@ -676,6 +678,11 @@ pre[class*=language-] code * { content: '\2514\2500\2500\0020'; } +.file-tree li::before, +.file-tree ul::before { + white-space: normal; +} + /* Expandable sections */ .expandable-section { diff --git a/themes/infusion/static/js/dom-scripts.js b/themes/infusion/static/js/dom-scripts.js index 0673630..59bfa4b 100644 --- a/themes/infusion/static/js/dom-scripts.js +++ b/themes/infusion/static/js/dom-scripts.js @@ -20,25 +20,30 @@ /* menu button */ (function () { var button = document.getElementById('menu-button') - var menu = document.getElementById('patterns-list') - button.addEventListener('click', function() { - var expanded = this.getAttribute('aria-expanded') === 'true' - this.setAttribute('aria-expanded', !expanded) - }) + if (button) { + var menu = document.getElementById('patterns-list') + button.addEventListener('click', function() { + var expanded = this.getAttribute('aria-expanded') === 'true' + this.setAttribute('aria-expanded', !expanded) + }) + } }()); /* persist navigation scroll point */ (function () { - window.onunload = function () { - var scrollPoint = document.getElementById('patterns-nav').scrollTop - localStorage.setItem('scrollPoint', scrollPoint) + var patternsNav = document.getElementById('patterns-nav') + if (patternsNav) { + var scrollPoint = patternsNav.scrollTop + window.onunload = function () { + localStorage.setItem('scrollPoint', scrollPoint) + } } window.addEventListener('DOMContentLoaded', function () { if (window.location.href.indexOf('patterns/') !== -1) { - document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint')) + scrollPoint = parseInt(localStorage.getItem('scrollPoint')) } else { - document.getElementById('patterns-nav').scrollTop = 0 + scrollPoint = 0 } }) }());