diff --git a/content/patterns/writing/expandable-sections.md b/content/patterns/writing/expandable-sections.md index 7c19a4e..ac187ea 100644 --- a/content/patterns/writing/expandable-sections.md +++ b/content/patterns/writing/expandable-sections.md @@ -36,3 +36,9 @@ Ut vulputate enim ut lorem iaculis, vel faucibus metus iaculis. Aliquam erat vol {{% /expandable %}} Unfortunately, it is not currently possible to include shortcodes inside other shortcodes, using the "`%`" notation (which is designated for markdown content). If you use the angle brackets notation (illustrated below) it is possible, but markdown will no longer be permitted. You will have to code HTML inside such a section manually. + +{{}} +{{<expandable label="A section of dummy text" level="2">}} +<p>Here is a pattern reference shortcode: {{% pattern "Writing inline demos" %}}.</p> +{{</expandable>}} +{{}} diff --git a/public/css/styles.css b/public/css/styles.css index 0d93ccb..93679de 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -224,6 +224,8 @@ th:empty { [role="contentinfo"] { font-size: 0.85rem; + margin-top: 4rem; + text-align: center; } /* Patterns navigation */ diff --git a/public/index.html b/public/index.html index bd0186f..19e6bdf 100644 --- a/public/index.html +++ b/public/index.html @@ -240,7 +240,8 @@ diff --git a/public/index.xml b/public/index.xml index 37e9a93..a5b9b90 100644 --- a/public/index.xml +++ b/public/index.xml @@ -125,7 +125,7 @@ I can reference the &#x7b;{% pattern "Notes & warnings" %}} patt https://heydon.github.io/infusion/patterns/serving/ Serving locally While you&rsquo;re creating content for your library, you&rsquo;ll probably want to see what the finished product looks like. Fortunately, Infusion is easy to serve locally using the serve command: npm run serve This will serve your working library on localhost:1313. Whenever you make changes to your library&rsquo;s files, the site will automatically rebuild. No need to refresh the web page! -Publishing on Github Pages The easiest way to host your pattern library so you have a link to share is to run the host command. +Publishing on Github Pages There are three steps to hosting your library on Github Pages. diff --git a/public/patterns/code/code-blocks/index.html b/public/patterns/code/code-blocks/index.html index bbf7e9d..ba63cd0 100644 --- a/public/patterns/code/code-blocks/index.html +++ b/public/patterns/code/code-blocks/index.html @@ -230,7 +230,8 @@ toggle.addEventListener('click', (e) => { diff --git a/public/patterns/code/codepen-embedding/index.html b/public/patterns/code/codepen-embedding/index.html index 0a40221..c010582 100644 --- a/public/patterns/code/codepen-embedding/index.html +++ b/public/patterns/code/codepen-embedding/index.html @@ -254,7 +254,8 @@ diff --git a/public/patterns/code/index.html b/public/patterns/code/index.html index 9fa178d..dba7886 100644 --- a/public/patterns/code/index.html +++ b/public/patterns/code/index.html @@ -218,7 +218,8 @@ diff --git a/public/patterns/code/writing-inline-demos/index.html b/public/patterns/code/writing-inline-demos/index.html index d06a1ec..f8a6007 100644 --- a/public/patterns/code/writing-inline-demos/index.html +++ b/public/patterns/code/writing-inline-demos/index.html @@ -329,7 +329,8 @@ toggle.addEventListener('click', (e) => { diff --git a/public/patterns/index.html b/public/patterns/index.html index 11c347d..1b0e7ee 100644 --- a/public/patterns/index.html +++ b/public/patterns/index.html @@ -218,7 +218,8 @@ diff --git a/public/patterns/index.xml b/public/patterns/index.xml index 446ae73..a0dcaae 100644 --- a/public/patterns/index.xml +++ b/public/patterns/index.xml @@ -40,7 +40,7 @@ brew install hugo Alternatively, you can manually install Hugo from a package. Y https://heydon.github.io/infusion/patterns/serving/ Serving locally While you&rsquo;re creating content for your library, you&rsquo;ll probably want to see what the finished product looks like. Fortunately, Infusion is easy to serve locally using the serve command: npm run serve This will serve your working library on localhost:1313. Whenever you make changes to your library&rsquo;s files, the site will automatically rebuild. No need to refresh the web page! -Publishing on Github Pages The easiest way to host your pattern library so you have a link to share is to run the host command. +Publishing on Github Pages There are three steps to hosting your library on Github Pages. diff --git a/public/patterns/installation/index.html b/public/patterns/installation/index.html index a18b471..4dd4ff6 100644 --- a/public/patterns/installation/index.html +++ b/public/patterns/installation/index.html @@ -286,7 +286,8 @@ diff --git a/public/patterns/library-setup/index.html b/public/patterns/library-setup/index.html index 8852cf7..4738f31 100644 --- a/public/patterns/library-setup/index.html +++ b/public/patterns/library-setup/index.html @@ -404,7 +404,8 @@ theme = "infusion" diff --git a/public/patterns/serving/index.html b/public/patterns/serving/index.html index 351c563..b0e2ba0 100644 --- a/public/patterns/serving/index.html +++ b/public/patterns/serving/index.html @@ -192,22 +192,36 @@

Publishing on Github Pages

-

The easiest way to host your pattern library so you have a link to share is to run the host command. This will build the library and push it to the local Github repository’s gh-pages branch. Before you can use host you will need to commit any changes you made on the master branch. Otherwise there’s nothing new to push over to the gh-pages branch.

+

There are three steps to hosting your library on Github Pages.

+ +

1. Edit the baseURL

+ +

Open up config.toml (at the root of your library project folder) and make sure baseURL matches your Github Pages URL.

+ +
baseURL = "[your user name].github.io/[your library repo name]"
+
+ +

If you are having trouble working out your Github Pages URL, this tool may help.

+ +

2. Commit your latest changes

+ +

On the (default) master branch run:

git commit -am "my commit message"
-

This will ensure changes go through to gh-pages. Now you can run:

+

3. Run the host command

npm run host
-

You should now be able to find a “live” version of your library at github.io/[your username]/[your library repo name].

+

You should now be able to find a “live” version of your library at [your user name].github.io/[your library repo name].

diff --git a/public/patterns/writing/expandable-sections/index.html b/public/patterns/writing/expandable-sections/index.html index 766c10a..a64bb29 100644 --- a/public/patterns/writing/expandable-sections/index.html +++ b/public/patterns/writing/expandable-sections/index.html @@ -276,7 +276,8 @@ Here is some markdown including [a link](https://twitter.com/heydonworks). Donec diff --git a/public/patterns/writing/including-images/index.html b/public/patterns/writing/including-images/index.html index b7454c2..ae4c54e 100644 --- a/public/patterns/writing/including-images/index.html +++ b/public/patterns/writing/including-images/index.html @@ -242,7 +242,8 @@ diff --git a/public/patterns/writing/index.html b/public/patterns/writing/index.html index df681b1..bf76df0 100644 --- a/public/patterns/writing/index.html +++ b/public/patterns/writing/index.html @@ -248,7 +248,8 @@ diff --git a/public/patterns/writing/library-structure/index.html b/public/patterns/writing/library-structure/index.html index 5c695f5..bc16c89 100644 --- a/public/patterns/writing/library-structure/index.html +++ b/public/patterns/writing/library-structure/index.html @@ -275,7 +275,8 @@ title = "Popups" diff --git a/public/patterns/writing/markdown-and-metadata/index.html b/public/patterns/writing/markdown-and-metadata/index.html index 88e11b5..bc49774 100644 --- a/public/patterns/writing/markdown-and-metadata/index.html +++ b/public/patterns/writing/markdown-and-metadata/index.html @@ -229,7 +229,8 @@ weight = 1 diff --git a/public/patterns/writing/notes-and-warnings/index.html b/public/patterns/writing/notes-and-warnings/index.html index e3be118..4c2e2d6 100644 --- a/public/patterns/writing/notes-and-warnings/index.html +++ b/public/patterns/writing/notes-and-warnings/index.html @@ -230,7 +230,8 @@ This is a warning! It's about something the reader should be careful to do or to diff --git a/public/patterns/writing/references/index.html b/public/patterns/writing/references/index.html index 0468272..5416689 100644 --- a/public/patterns/writing/references/index.html +++ b/public/patterns/writing/references/index.html @@ -627,7 +627,8 @@ I can reference the {{% pattern "Notes & warnings" %}} pattern here.