fixed print version dependencies

This commit is contained in:
Heydon Pickering 2017-07-30 16:47:07 +01:00
parent d280af3732
commit b684844f10
32 changed files with 146 additions and 266 deletions

View File

@ -280,6 +280,7 @@ caption {
.wrapper { .wrapper {
position: relative; position: relative;
margin-top: 0; margin-top: 0;
overflow-x: hidden;
} }
.intro-and-nav { .intro-and-nav {
@ -568,10 +569,6 @@ pre[class*=language-] code * {
margin-top: -1rem; margin-top: -1rem;
} }
*:not(pre) > code {
white-space: nowrap;
}
.token.property, .token.property,
.token.tag, .token.tag,
.token.boolean, .token.boolean,
@ -635,9 +632,14 @@ pre[class*=language-] code * {
/* file tree lists */ /* file tree lists */
.file-tree {
overflow-x: auto;
}
.file-tree ul { .file-tree ul {
font-family: courier; font-family: Courier, monospace;
margin: 0; margin: 0;
padding: 0;
padding-left: 3rem; padding-left: 3rem;
list-style: none; list-style: none;
line-height: 1.25; line-height: 1.25;
@ -645,6 +647,10 @@ pre[class*=language-] code * {
overflow: hidden; overflow: hidden;
} }
.file-tree > ul {
padding-left: 0;
}
.file-tree li:not(:last-child) > ul::before { .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'; 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; position: absolute;
@ -654,14 +660,10 @@ pre[class*=language-] code * {
width: 1em; width: 1em;
} }
.file-tree > ul {
margin: 0;
padding: 0;
}
.file-tree li { .file-tree li {
background: #fff; background: #fff;
position: relative; position: relative;
white-space: nowrap;
} }
.file-tree li + li { .file-tree li + li {
@ -676,6 +678,11 @@ pre[class*=language-] code * {
content: '\2514\2500\2500\0020'; content: '\2514\2500\2500\0020';
} }
.file-tree li::before,
.file-tree ul::before {
white-space: normal;
}
/* Expandable sections */ /* Expandable sections */
.expandable-section { .expandable-section {

View File

@ -25,7 +25,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Infusion Infusion
@ -330,11 +330,9 @@
</div> </div>
</div> </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/dom-scripts.js"></script>
<script src="https://heydon.github.io/infusion/js/service-worker-registration.js"></script> <script src="https://heydon.github.io/infusion/js/service-worker-registration.js"></script>
</body> </body>

View File

@ -20,25 +20,30 @@
/* menu button */ /* menu button */
(function () { (function () {
var button = document.getElementById('menu-button') var button = document.getElementById('menu-button')
if (button) {
var menu = document.getElementById('patterns-list') var menu = document.getElementById('patterns-list')
button.addEventListener('click', function() { button.addEventListener('click', function() {
var expanded = this.getAttribute('aria-expanded') === 'true' var expanded = this.getAttribute('aria-expanded') === 'true'
this.setAttribute('aria-expanded', !expanded) this.setAttribute('aria-expanded', !expanded)
}) })
}
}()); }());
/* persist navigation scroll point */ /* persist navigation scroll point */
(function () { (function () {
var patternsNav = document.getElementById('patterns-nav')
if (patternsNav) {
var scrollPoint = patternsNav.scrollTop
window.onunload = function () { window.onunload = function () {
var scrollPoint = document.getElementById('patterns-nav').scrollTop
localStorage.setItem('scrollPoint', scrollPoint) localStorage.setItem('scrollPoint', scrollPoint)
} }
}
window.addEventListener('DOMContentLoaded', function () { window.addEventListener('DOMContentLoaded', function () {
if (window.location.href.indexOf('patterns/') !== -1) { if (window.location.href.indexOf('patterns/') !== -1) {
document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint')) scrollPoint = parseInt(localStorage.getItem('scrollPoint'))
} else { } else {
document.getElementById('patterns-nav').scrollTop = 0 scrollPoint = 0
} }
}) })
}()); }());

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Code blocks | Infusion Code blocks | Infusion
@ -371,12 +369,8 @@ toggle.addEventListener('click', (e) => {
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Color palettes | Infusion Color palettes | Infusion
@ -364,12 +362,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Command line | Infusion Command line | Infusion
@ -350,12 +348,8 @@ npm run start
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Demo embedding | Infusion Demo embedding | Infusion
@ -420,12 +418,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
File trees | Infusion File trees | Infusion
@ -400,12 +398,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Coding | Infusion Coding | Infusion
@ -389,12 +387,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Tested using... | Infusion Tested using... | Infusion
@ -403,12 +401,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Writing inline demos | Infusion Writing inline demos | Infusion
@ -423,12 +421,8 @@ toggle.addEventListener('click', (e) => {
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Patterns | Infusion Patterns | Infusion
@ -349,12 +347,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Installation | Infusion Installation | Infusion
@ -413,12 +411,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Library setup | Infusion Library setup | Infusion
@ -402,12 +400,8 @@ theme = "infusion"
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Including images | Infusion Including images | Infusion
@ -385,12 +383,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Including videos | Infusion Including videos | Infusion
@ -330,12 +328,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Media | Infusion Media | Infusion
@ -339,12 +337,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Serving | Infusion Serving | Infusion
@ -368,12 +366,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Expandable sections | Infusion Expandable sections | Infusion
@ -435,12 +433,8 @@ Here is some markdown including [a link](https://twitter.com/heydonworks). Donec
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Writing | Infusion Writing | Infusion
@ -379,12 +377,8 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Library structure | Infusion Library structure | Infusion
@ -404,12 +402,8 @@ title = &quot;Popups&quot;
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Markdown &amp; metadata | Infusion Markdown &amp; metadata | Infusion
@ -401,12 +399,8 @@ weight = 1
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Notes &amp; warnings | Infusion Notes &amp; 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> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
References | Infusion References | Infusion
@ -767,12 +765,8 @@ I can reference the &#x7b;{% pattern "Notes & warnings" %}} pattern here.
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Tables of contents | Infusion Tables of contents | Infusion
@ -352,12 +350,8 @@ toc = false
</div> </div>
</div> </div>
</div> </div>
<script src="https://heydon.github.io/infusion/js/prism.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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,7 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Infusion Infusion
@ -1838,8 +1838,8 @@ npm run start
</div> </div>
</div> </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> </body>
</html> </html>

File diff suppressed because one or more lines are too long

View File

@ -24,7 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Patterns tagged Markdown | Infusion Patterns tagged Markdown | Infusion
@ -330,10 +330,8 @@
</div> </div>
</div> </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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,7 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" /> <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"> <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> <title>
Patterns tagged Metadata | Infusion Patterns tagged Metadata | Infusion
@ -330,10 +330,8 @@
</div> </div>
</div> </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/dom-scripts.js"></script>
</body> </body>
</html> </html>

View File

@ -24,9 +24,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="{{ "css/prism.css" | absURL }}" /> <link rel="stylesheet" href="{{ "css/prism.css" | absURL }}" />
<link rel="stylesheet" type="text/css" href="{{ "css/styles.css" | absURL }}"> <link rel="stylesheet" type="text/css" href="{{ "css/styles.css" | absURL }}">
{{ if eq .Type "patterns" }}
<script src="{{ "js/webcomponents.js" | absURL }}"></script> <script src="{{ "js/webcomponents.js" | absURL }}"></script>
{{ end }}
<title> <title>
{{ block "title" . }} {{ block "title" . }}
{{ .Title }} | {{ .Site.Title }} {{ .Title }} | {{ .Site.Title }}
@ -112,12 +110,8 @@
</div> </div>
</div> </div>
</div> </div>
{{ if eq .Type "patterns" }}
<script src="{{ "js/prism.js" | absURL }}"></script> <script src="{{ "js/prism.js" | absURL }}"></script>
{{ end }}
{{ if ne .Type "print-version" }}
<script src="{{ "js/dom-scripts.js" | absURL }}"></script> <script src="{{ "js/dom-scripts.js" | absURL }}"></script>
{{ end }}
{{ if .Page.IsHome }} {{ if .Page.IsHome }}
<script src="{{ "js/service-worker-registration.js" | absURL }}"></script> <script src="{{ "js/service-worker-registration.js" | absURL }}"></script>
{{ end }} {{ end }}

View File

@ -280,6 +280,7 @@ caption {
.wrapper { .wrapper {
position: relative; position: relative;
margin-top: 0; margin-top: 0;
overflow-x: hidden;
} }
.intro-and-nav { .intro-and-nav {
@ -568,10 +569,6 @@ pre[class*=language-] code * {
margin-top: -1rem; margin-top: -1rem;
} }
*:not(pre) > code {
white-space: nowrap;
}
.token.property, .token.property,
.token.tag, .token.tag,
.token.boolean, .token.boolean,
@ -635,9 +632,14 @@ pre[class*=language-] code * {
/* file tree lists */ /* file tree lists */
.file-tree {
overflow-x: auto;
}
.file-tree ul { .file-tree ul {
font-family: courier; font-family: Courier, monospace;
margin: 0; margin: 0;
padding: 0;
padding-left: 3rem; padding-left: 3rem;
list-style: none; list-style: none;
line-height: 1.25; line-height: 1.25;
@ -645,6 +647,10 @@ pre[class*=language-] code * {
overflow: hidden; overflow: hidden;
} }
.file-tree > ul {
padding-left: 0;
}
.file-tree li:not(:last-child) > ul::before { .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'; 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; position: absolute;
@ -654,14 +660,10 @@ pre[class*=language-] code * {
width: 1em; width: 1em;
} }
.file-tree > ul {
margin: 0;
padding: 0;
}
.file-tree li { .file-tree li {
background: #fff; background: #fff;
position: relative; position: relative;
white-space: nowrap;
} }
.file-tree li + li { .file-tree li + li {
@ -676,6 +678,11 @@ pre[class*=language-] code * {
content: '\2514\2500\2500\0020'; content: '\2514\2500\2500\0020';
} }
.file-tree li::before,
.file-tree ul::before {
white-space: normal;
}
/* Expandable sections */ /* Expandable sections */
.expandable-section { .expandable-section {

View File

@ -20,25 +20,30 @@
/* menu button */ /* menu button */
(function () { (function () {
var button = document.getElementById('menu-button') var button = document.getElementById('menu-button')
if (button) {
var menu = document.getElementById('patterns-list') var menu = document.getElementById('patterns-list')
button.addEventListener('click', function() { button.addEventListener('click', function() {
var expanded = this.getAttribute('aria-expanded') === 'true' var expanded = this.getAttribute('aria-expanded') === 'true'
this.setAttribute('aria-expanded', !expanded) this.setAttribute('aria-expanded', !expanded)
}) })
}
}()); }());
/* persist navigation scroll point */ /* persist navigation scroll point */
(function () { (function () {
var patternsNav = document.getElementById('patterns-nav')
if (patternsNav) {
var scrollPoint = patternsNav.scrollTop
window.onunload = function () { window.onunload = function () {
var scrollPoint = document.getElementById('patterns-nav').scrollTop
localStorage.setItem('scrollPoint', scrollPoint) localStorage.setItem('scrollPoint', scrollPoint)
} }
}
window.addEventListener('DOMContentLoaded', function () { window.addEventListener('DOMContentLoaded', function () {
if (window.location.href.indexOf('patterns/') !== -1) { if (window.location.href.indexOf('patterns/') !== -1) {
document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint')) scrollPoint = parseInt(localStorage.getItem('scrollPoint'))
} else { } else {
document.getElementById('patterns-nav').scrollTop = 0 scrollPoint = 0
} }
}) })
}()); }());