From 639dacb531d16e54d485897a20edd0c62d901048 Mon Sep 17 00:00:00 2001 From: Heydon Pickering Date: Wed, 26 Jul 2017 15:53:09 +0100 Subject: [PATCH] jsBin embedding --- ...codepen-embedding.md => demo-embedding.md} | 31 +++++++- docs/index.html | 4 +- docs/index.xml | 10 +-- docs/patterns/coding/code-blocks/index.html | 4 +- .../patterns/coding/color-palettes/index.html | 4 +- docs/patterns/coding/command-line/index.html | 4 +- .../index.html | 76 +++++++++++++++++-- docs/patterns/coding/file-trees/index.html | 4 +- docs/patterns/coding/index.html | 8 +- docs/patterns/coding/index.xml | 10 +-- docs/patterns/coding/tested/index.html | 4 +- .../coding/writing-inline-demos/index.html | 6 +- docs/patterns/index.html | 4 +- docs/patterns/installation/index.html | 4 +- docs/patterns/library-setup/index.html | 4 +- .../media/including-images/index.html | 4 +- .../media/including-videos/index.html | 4 +- docs/patterns/media/index.html | 4 +- docs/patterns/serving/index.html | 4 +- .../writing/expandable-sections/index.html | 4 +- docs/patterns/writing/index.html | 4 +- .../writing/library-structure/index.html | 4 +- .../writing/markdown-and-metadata/index.html | 4 +- .../writing/notes-and-warnings/index.html | 4 +- docs/patterns/writing/references/index.html | 4 +- .../writing/tables-of-contents/index.html | 4 +- docs/service-worker.js | 2 +- docs/sitemap.xml | 2 +- docs/tags/library/index.html | 4 +- docs/tags/markdown/index.html | 4 +- docs/tags/metadata/index.html | 4 +- docs/tags/structure/index.html | 4 +- docs/tags/stuff/index.html | 4 +- .../infusion/layouts/shortcodes/codePen.html | 2 +- themes/infusion/layouts/shortcodes/jsBin.html | 5 ++ 35 files changed, 174 insertions(+), 78 deletions(-) rename content/patterns/coding/{codepen-embedding.md => demo-embedding.md} (61%) rename docs/patterns/coding/{codepen-embedding => demo-embedding}/index.html (91%) create mode 100644 themes/infusion/layouts/shortcodes/jsBin.html diff --git a/content/patterns/coding/codepen-embedding.md b/content/patterns/coding/demo-embedding.md similarity index 61% rename from content/patterns/coding/codepen-embedding.md rename to content/patterns/coding/demo-embedding.md index 956fd09..cb347b6 100644 --- a/content/patterns/coding/codepen-embedding.md +++ b/content/patterns/coding/demo-embedding.md @@ -1,10 +1,12 @@ +++ -title = "CodePen embedding" +title = "Demo embedding" weight = 2 +++ Sometimes just pictures of the pattern you're documenting aren't enough. Interactive patterns benefit from live demos, so that readers can test their functionality. +## CodePen + **Infusion** offers a couple of ways to do this. The first is by embedding CodePen demos into the content. The `codePen` shortcode takes just one argument: the codePen's `ID`. {{}} @@ -19,4 +21,31 @@ This will embed the identified codePen into the content wherever you placed the The compiled site will output an error if your `config.toml` does not include your CodePen username (in the `codePenUser` parameter). This is needed to construct the embed URL. {{% /warning %}} +## jsBin + +You can embed JS Bins just like CodePens, supplying a single `id` parameter. + +{{}} +{{% jsBin juwowaq %}} +{{}} + +However, you can also have finer control over which panes are displayed. Use two parameters: one for the `id` and another, `show`, listing the panes you want to include. + +{{}} +{{% jsBin id="juwowaq" show="css,output" %}} +{{}} + +The options for the `show` parameter are: + +* html +* css +* js +* console +* output + +{{% jsBin id="juwowaq" show="css,output" %}} + + +## Inline demos + **Infusion** also supports the ability to write inline demos directly in markdown files. See {{% pattern "Writing inline demos" %}}. diff --git a/docs/index.html b/docs/index.html index d2d7b91..b2f270a 100644 --- a/docs/index.html +++ b/docs/index.html @@ -218,9 +218,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/index.xml b/docs/index.xml index 0dfa201..23e7224 100644 --- a/docs/index.xml +++ b/docs/index.xml @@ -34,13 +34,13 @@ So, this… - CodePen embedding - https://heydon.github.io/infusion/patterns/coding/codepen-embedding/ + Demo embedding + https://heydon.github.io/infusion/patterns/coding/demo-embedding/ Mon, 01 Jan 0001 00:00:00 +0000 - https://heydon.github.io/infusion/patterns/coding/codepen-embedding/ + https://heydon.github.io/infusion/patterns/coding/demo-embedding/ Sometimes just pictures of the pattern you’re documenting aren’t enough. Interactive patterns benefit from live demos, so that readers can test their functionality. -Infusion offers a couple of ways to do this. The first is by embedding CodePen demos into the content. The codePen shortcode takes just one argument: the codePen’s ID. +CodePen Infusion offers a couple of ways to do this. The first is by embedding CodePen demos into the content. The codePen shortcode takes just one argument: the codePen’s ID. {{% codePen VpVNKW %}} This will embed the identified codePen into the content wherever you placed the shortcode, with the result view showing by default: @@ -60,7 +60,7 @@ If you’re not familiar with writing markdown, there are a number of tu Mon, 01 Jan 0001 00:00:00 +0000 https://heydon.github.io/infusion/patterns/coding/writing-inline-demos/ - There are some issues with CodePen embedding, like them not working offline. They also come with CodePen branding, which will clash with the pattern you’re trying to illustrate. + There are some issues with , like them not working offline. They also come with CodePen branding, which will clash with the pattern you’re trying to illustrate. Infusion offers another option: a special demo shortcode that allows you to write HTML, CSS, and JavaScript directly into the markdown file. The outputted demo is encapsulated using Shadow DOM, so you don’t have to worry about broken styles and global JS. diff --git a/docs/patterns/coding/code-blocks/index.html b/docs/patterns/coding/code-blocks/index.html index 0959d75..a57c03f 100644 --- a/docs/patterns/coding/code-blocks/index.html +++ b/docs/patterns/coding/code-blocks/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/coding/color-palettes/index.html b/docs/patterns/coding/color-palettes/index.html index 93c2bdc..3a0eff2 100644 --- a/docs/patterns/coding/color-palettes/index.html +++ b/docs/patterns/coding/color-palettes/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/coding/command-line/index.html b/docs/patterns/coding/command-line/index.html index 3952d8f..955e8f3 100644 --- a/docs/patterns/coding/command-line/index.html +++ b/docs/patterns/coding/command-line/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/coding/codepen-embedding/index.html b/docs/patterns/coding/demo-embedding/index.html similarity index 91% rename from docs/patterns/coding/codepen-embedding/index.html rename to docs/patterns/coding/demo-embedding/index.html index 9e982b1..721f9f8 100644 --- a/docs/patterns/coding/codepen-embedding/index.html +++ b/docs/patterns/coding/demo-embedding/index.html @@ -4,7 +4,7 @@ - + @@ -29,7 +29,7 @@ - CodePen embedding | Infusion + Demo embedding | Infusion @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • @@ -272,14 +272,43 @@
    -

    CodePen embedding

    +

    Demo embedding

    + + -

    Sometimes just pictures of the pattern you’re documenting aren’t enough. Interactive patterns benefit from live demos, so that readers can test their functionality.

    + + +

    Sometimes just pictures of the pattern you’re documenting aren’t enough. Interactive patterns benefit from live demos, so that readers can test their functionality.

    + +

    CodePen

    Infusion offers a couple of ways to do this. The first is by embedding CodePen demos into the content. The codePen shortcode takes just one argument: the codePen’s ID.

    @@ -291,7 +320,7 @@

    This will embed the identified codePen into the content wherever you placed the shortcode, with the result view showing by default:

    - + + + +

    Inline demos

    +

    Infusion also supports the ability to write inline demos directly in markdown files. See Writing inline demos.

    diff --git a/docs/patterns/coding/file-trees/index.html b/docs/patterns/coding/file-trees/index.html index b500458..ce018b7 100644 --- a/docs/patterns/coding/file-trees/index.html +++ b/docs/patterns/coding/file-trees/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/coding/index.html b/docs/patterns/coding/index.html index d95c4cd..e908f18 100644 --- a/docs/patterns/coding/index.html +++ b/docs/patterns/coding/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • @@ -289,9 +289,9 @@

  • - + - CodePen embedding + Demo embedding

    • diff --git a/docs/patterns/coding/index.xml b/docs/patterns/coding/index.xml index 084b762..23c0cca 100644 --- a/docs/patterns/coding/index.xml +++ b/docs/patterns/coding/index.xml @@ -23,13 +23,13 @@ So, this… - CodePen embedding - https://heydon.github.io/infusion/patterns/coding/codepen-embedding/ + Demo embedding + https://heydon.github.io/infusion/patterns/coding/demo-embedding/ Mon, 01 Jan 0001 00:00:00 +0000 - https://heydon.github.io/infusion/patterns/coding/codepen-embedding/ + https://heydon.github.io/infusion/patterns/coding/demo-embedding/ Sometimes just pictures of the pattern you’re documenting aren’t enough. Interactive patterns benefit from live demos, so that readers can test their functionality. -Infusion offers a couple of ways to do this. The first is by embedding CodePen demos into the content. The codePen shortcode takes just one argument: the codePen’s ID. +CodePen Infusion offers a couple of ways to do this. The first is by embedding CodePen demos into the content. The codePen shortcode takes just one argument: the codePen’s ID. {{% codePen VpVNKW %}} This will embed the identified codePen into the content wherever you placed the shortcode, with the result view showing by default: @@ -39,7 +39,7 @@ Infusion offers a couple of ways to do this. The first is by embedding CodePen d Mon, 01 Jan 0001 00:00:00 +0000 https://heydon.github.io/infusion/patterns/coding/writing-inline-demos/ - There are some issues with CodePen embedding, like them not working offline. They also come with CodePen branding, which will clash with the pattern you’re trying to illustrate. + There are some issues with , like them not working offline. They also come with CodePen branding, which will clash with the pattern you’re trying to illustrate. Infusion offers another option: a special demo shortcode that allows you to write HTML, CSS, and JavaScript directly into the markdown file. The outputted demo is encapsulated using Shadow DOM, so you don’t have to worry about broken styles and global JS. diff --git a/docs/patterns/coding/tested/index.html b/docs/patterns/coding/tested/index.html index adb491d..97e9ae1 100644 --- a/docs/patterns/coding/tested/index.html +++ b/docs/patterns/coding/tested/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/coding/writing-inline-demos/index.html b/docs/patterns/coding/writing-inline-demos/index.html index a4f8a72..954c6e3 100644 --- a/docs/patterns/coding/writing-inline-demos/index.html +++ b/docs/patterns/coding/writing-inline-demos/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • @@ -281,7 +281,7 @@ -

    There are some issues with CodePen embedding, like them not working offline. They also come with CodePen branding, which will clash with the pattern you’re trying to illustrate.

    +

    There are some issues with , like them not working offline. They also come with CodePen branding, which will clash with the pattern you’re trying to illustrate.

    Infusion offers another option: a special demo shortcode that allows you to write HTML, CSS, and JavaScript directly into the markdown file. The outputted demo is encapsulated using Shadow DOM, so you don’t have to worry about broken styles and global JS.

    diff --git a/docs/patterns/index.html b/docs/patterns/index.html index cedfd43..616b62a 100644 --- a/docs/patterns/index.html +++ b/docs/patterns/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/installation/index.html b/docs/patterns/installation/index.html index ef26b1b..b7f8737 100644 --- a/docs/patterns/installation/index.html +++ b/docs/patterns/installation/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/library-setup/index.html b/docs/patterns/library-setup/index.html index 2a790ef..4353ca8 100644 --- a/docs/patterns/library-setup/index.html +++ b/docs/patterns/library-setup/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/media/including-images/index.html b/docs/patterns/media/including-images/index.html index 50ab00b..2a3c71f 100644 --- a/docs/patterns/media/including-images/index.html +++ b/docs/patterns/media/including-images/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/media/including-videos/index.html b/docs/patterns/media/including-videos/index.html index 77e0cd2..aa70684 100644 --- a/docs/patterns/media/including-videos/index.html +++ b/docs/patterns/media/including-videos/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/media/index.html b/docs/patterns/media/index.html index ad72e20..ddf058c 100644 --- a/docs/patterns/media/index.html +++ b/docs/patterns/media/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/serving/index.html b/docs/patterns/serving/index.html index 604277a..0d9ac5c 100644 --- a/docs/patterns/serving/index.html +++ b/docs/patterns/serving/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/writing/expandable-sections/index.html b/docs/patterns/writing/expandable-sections/index.html index ca31208..4437861 100644 --- a/docs/patterns/writing/expandable-sections/index.html +++ b/docs/patterns/writing/expandable-sections/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/writing/index.html b/docs/patterns/writing/index.html index 11b398a..c7e7171 100644 --- a/docs/patterns/writing/index.html +++ b/docs/patterns/writing/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/writing/library-structure/index.html b/docs/patterns/writing/library-structure/index.html index a119d47..6227767 100644 --- a/docs/patterns/writing/library-structure/index.html +++ b/docs/patterns/writing/library-structure/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/writing/markdown-and-metadata/index.html b/docs/patterns/writing/markdown-and-metadata/index.html index 5cffab9..256cb35 100644 --- a/docs/patterns/writing/markdown-and-metadata/index.html +++ b/docs/patterns/writing/markdown-and-metadata/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/writing/notes-and-warnings/index.html b/docs/patterns/writing/notes-and-warnings/index.html index fa92bf9..eaafcc3 100644 --- a/docs/patterns/writing/notes-and-warnings/index.html +++ b/docs/patterns/writing/notes-and-warnings/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/writing/references/index.html b/docs/patterns/writing/references/index.html index a80ac6d..a64a2ee 100644 --- a/docs/patterns/writing/references/index.html +++ b/docs/patterns/writing/references/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/patterns/writing/tables-of-contents/index.html b/docs/patterns/writing/tables-of-contents/index.html index a790feb..375749e 100644 --- a/docs/patterns/writing/tables-of-contents/index.html +++ b/docs/patterns/writing/tables-of-contents/index.html @@ -219,9 +219,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/service-worker.js b/docs/service-worker.js index a68af8a..6c62def 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/icon-tick.svg","35d4d4728ea80d254508b2bca4109d70"],["css/images/stripe.svg","fa3f32a026b6a1bb04ee98d963432e15"],["css/prism.css","004029c8c70ed2bbaa5d9debcf14f8c7"],["css/styles.css","d22567f3d8f7e198c8ff90b2b104e05a"],["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","80628a0e341051e368267cd04012cfd5"],["index.xml","a3a1af14ac64ada88e8b40ca75af17a3"],["js/dom-scripts.js","85f0f584e913275df91ffa8dc4c959bf"],["js/prism.js","0c1fb8d3a69ee7c91dbf0f361ded7763"],["js/service-worker-registration.js","d60f01dc1393cbaaf4f7435339074d5e"],["js/webcomponents.js","c5f6fe397db634cde89f66c2f1bc2f62"],["manifest.json","4e77b7f1253442852a2f185822f1b4d8"],["patterns/coding/code-blocks/index.html","52dc5ed293fd773d3e5601dccf14cb40"],["patterns/coding/codepen-embedding/index.html","8263190614e9e765fb4308004d7b4103"],["patterns/coding/color-palettes/index.html","e4522236a5bba389af84e5135927670c"],["patterns/coding/command-line/index.html","8fc1d4bf2c096362ee7b98b10efb6d30"],["patterns/coding/file-trees/index.html","b1dc0bbf0c9731ebd4fa1faf86e62b53"],["patterns/coding/index.html","8ea1e8662e082a5e1a9ea316996962ac"],["patterns/coding/index.xml","891070ae33a4f2eb5363c233eb588fb4"],["patterns/coding/tested/index.html","83e37c75e19a937f2442395dbe77eacd"],["patterns/coding/writing-inline-demos/index.html","989befb036b5dabecf0bc3fae82221d4"],["patterns/index.html","18ea53dc3483962388006b13084231fb"],["patterns/index.xml","bc8a085b70e56267a63fbab56f42f000"],["patterns/installation/index.html","75a195afd9435562d04ccb95d63ab0ed"],["patterns/library-setup/index.html","9331808169e4abc126ab059c1b431fdd"],["patterns/media/including-images/index.html","d939c0386da91b8df906bc24c79223b1"],["patterns/media/including-videos/index.html","53f5a228b0ec770087a81ede29ae69d7"],["patterns/media/index.html","8cd7b19a312c29b0bf0a7c28d03abb14"],["patterns/media/index.xml","91130ea74bd16f6d51c959a00c3c6284"],["patterns/serving/index.html","3b53db29889c449bf78a865ded9713c3"],["patterns/writing/expandable-sections/index.html","b5b87da42117a716d23137ae50b66436"],["patterns/writing/index.html","5510ace8c76e8c61b2097bdaec578d5d"],["patterns/writing/index.xml","a68bf9da0d9106898c1e05942614e90c"],["patterns/writing/library-structure/index.html","8c13a45a2a12cdb1236770d098a0f9fc"],["patterns/writing/markdown-and-metadata/index.html","4def2139c0e8f09b3ccb0c6655de1837"],["patterns/writing/notes-and-warnings/index.html","307f5d7d384fcdf4afb85ae70d1b3f7c"],["patterns/writing/references/index.html","66b304040c3283593440b9c5e54c7ade"],["patterns/writing/tables-of-contents/index.html","ecbf61221584f6dbcf31407af78ff1b4"],["sitemap.xml","f974ad9185bb30ab3edaa5c138a08157"],["tags/index.xml","05aca37c2ea9dc2534847f246ba6301b"],["tags/library/index.html","14293318627f26565ad2a11ee4035663"],["tags/library/index.xml","b6a44a1a0a10135485e4f39d12fd322a"],["tags/markdown/index.html","4eebf794f9b94cba128b8f79b6e248ec"],["tags/markdown/index.xml","757d307cdf85883859ac95ea20527f4a"],["tags/metadata/index.html","9903010bcc015f0785b88f169ac49f38"],["tags/metadata/index.xml","b6989e44540f4745072a2063369de173"],["tags/structure/index.html","3050bd2243dbd43800f5796fc4fe87ca"],["tags/structure/index.xml","69b02d1c1393249cac54fc2734c9ef63"],["tags/stuff/index.html","c5b8f5e02215dc2886695745e07b7ada"],["tags/stuff/index.xml","c3ade9b0a2f01caee9de105ded22695f"]]; +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/icon-tick.svg","35d4d4728ea80d254508b2bca4109d70"],["css/images/stripe.svg","fa3f32a026b6a1bb04ee98d963432e15"],["css/prism.css","004029c8c70ed2bbaa5d9debcf14f8c7"],["css/styles.css","d22567f3d8f7e198c8ff90b2b104e05a"],["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","d69af7eaaef33036f334ba3d5d6b727e"],["index.xml","a6758a3168c631045d60ceac192cd9c2"],["js/dom-scripts.js","85f0f584e913275df91ffa8dc4c959bf"],["js/prism.js","0c1fb8d3a69ee7c91dbf0f361ded7763"],["js/service-worker-registration.js","d60f01dc1393cbaaf4f7435339074d5e"],["js/webcomponents.js","c5f6fe397db634cde89f66c2f1bc2f62"],["manifest.json","4e77b7f1253442852a2f185822f1b4d8"],["patterns/coding/code-blocks/index.html","7e548bf949a28db77542c23a21ec639a"],["patterns/coding/color-palettes/index.html","887db1284a4527356dd37444ca19c3a8"],["patterns/coding/command-line/index.html","f2a7679b1f914bef81bee41ba2dd94a9"],["patterns/coding/demo-embedding/index.html","1540bf7400dbade88670282a353a89b1"],["patterns/coding/file-trees/index.html","0a6e6140dddfd31c90157ead79d009d2"],["patterns/coding/index.html","d29842161b449c85d7dcf65d954b466f"],["patterns/coding/index.xml","c8141d2e5b185b41c7c2297cbe9761a9"],["patterns/coding/tested/index.html","e01aa6e9099f46f6e1158b2985ba49ca"],["patterns/coding/writing-inline-demos/index.html","2e07c6e05d72277a739d32ee3637ea60"],["patterns/index.html","cd1a5810ec667937bdbf49033025752b"],["patterns/index.xml","bc8a085b70e56267a63fbab56f42f000"],["patterns/installation/index.html","08f0781c7085095e1434f92fc6b406ca"],["patterns/library-setup/index.html","ac01c7648823941f515844b57460abef"],["patterns/media/including-images/index.html","ba4c8ee76c7ad5033a2c6ab27ff0f21a"],["patterns/media/including-videos/index.html","680720bf09b444b8d5de0dbeaba3fcdc"],["patterns/media/index.html","a821b7f7527b7cba408ab07981f5b05c"],["patterns/media/index.xml","91130ea74bd16f6d51c959a00c3c6284"],["patterns/serving/index.html","2179258e66c1eeafe2bba4f80da7244f"],["patterns/writing/expandable-sections/index.html","257f9c31ef24ac12a71518023ba8da46"],["patterns/writing/index.html","e1fb7df374c137b6d92a0d98d67c8e3c"],["patterns/writing/index.xml","a68bf9da0d9106898c1e05942614e90c"],["patterns/writing/library-structure/index.html","74a9ef20c8f838c74b45fbf6d3d8526d"],["patterns/writing/markdown-and-metadata/index.html","211a8a181cc23882bfcfbd6aee919417"],["patterns/writing/notes-and-warnings/index.html","a5a4d7a3c9bcd5d4a9349fc322cde4e0"],["patterns/writing/references/index.html","b937bf919351bf1296d6f1f1da60e1a4"],["patterns/writing/tables-of-contents/index.html","f61dc0336e9b9b3f901d6f5ba284f3cb"],["sitemap.xml","42a06aafa5566ee7db4adb4fd5e2cf39"],["tags/index.xml","05aca37c2ea9dc2534847f246ba6301b"],["tags/library/index.html","d434d129179d1467c690c86a3f331327"],["tags/library/index.xml","b6a44a1a0a10135485e4f39d12fd322a"],["tags/markdown/index.html","5445cc63ece482c704ee84869668240d"],["tags/markdown/index.xml","757d307cdf85883859ac95ea20527f4a"],["tags/metadata/index.html","f2a409f3acf13ee48460d877925be1d8"],["tags/metadata/index.xml","b6989e44540f4745072a2063369de173"],["tags/structure/index.html","0cc4d0c8a6d88b1199106d767447c0a6"],["tags/structure/index.xml","69b02d1c1393249cac54fc2734c9ef63"],["tags/stuff/index.html","37be84cf1983288cdaf55b550b1171a5"],["tags/stuff/index.xml","c3ade9b0a2f01caee9de105ded22695f"]]; var cacheName = 'sw-precache-v3-sw-precache-' + (self.registration ? self.registration.scope : ''); diff --git a/docs/sitemap.xml b/docs/sitemap.xml index 97d3575..13d5900 100644 --- a/docs/sitemap.xml +++ b/docs/sitemap.xml @@ -15,7 +15,7 @@ - https://heydon.github.io/infusion/patterns/coding/codepen-embedding/ + https://heydon.github.io/infusion/patterns/coding/demo-embedding/ diff --git a/docs/tags/library/index.html b/docs/tags/library/index.html index d52c506..64c7b36 100644 --- a/docs/tags/library/index.html +++ b/docs/tags/library/index.html @@ -217,9 +217,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/tags/markdown/index.html b/docs/tags/markdown/index.html index 51cbdca..2d67e5f 100644 --- a/docs/tags/markdown/index.html +++ b/docs/tags/markdown/index.html @@ -217,9 +217,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/tags/metadata/index.html b/docs/tags/metadata/index.html index 20b4f25..329d3a3 100644 --- a/docs/tags/metadata/index.html +++ b/docs/tags/metadata/index.html @@ -217,9 +217,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/tags/structure/index.html b/docs/tags/structure/index.html index 7e0a8c8..c99fba6 100644 --- a/docs/tags/structure/index.html +++ b/docs/tags/structure/index.html @@ -217,9 +217,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/docs/tags/stuff/index.html b/docs/tags/stuff/index.html index a6dc49b..e5b0c12 100644 --- a/docs/tags/stuff/index.html +++ b/docs/tags/stuff/index.html @@ -217,9 +217,9 @@
  • - + - CodePen embedding + Demo embedding
    • diff --git a/themes/infusion/layouts/shortcodes/codePen.html b/themes/infusion/layouts/shortcodes/codePen.html index bb06523..a378c0a 100644 --- a/themes/infusion/layouts/shortcodes/codePen.html +++ b/themes/infusion/layouts/shortcodes/codePen.html @@ -1,5 +1,5 @@ {{ if .Site.Params.codePenUser }} - +{{ else }} + +{{ end }}