index.xml 7.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <?xml version="1.0" encoding="utf-8" standalone="yes" ?>
  2. <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  3. <channel>
  4. <title>Writing on Infusion</title>
  5. <link>https://thepaciellogroup.github.io/infusion/patterns/writing/</link>
  6. <description>Recent content in Writing on Infusion</description>
  7. <generator>Hugo -- gohugo.io</generator>
  8. <language>en-us</language>
  9. <atom:link href="https://thepaciellogroup.github.io/infusion/patterns/writing/index.xml" rel="self" type="application/rss+xml" />
  10. <item>
  11. <title>Library structure</title>
  12. <link>https://thepaciellogroup.github.io/infusion/patterns/writing/library-structure/</link>
  13. <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
  14. <guid>https://thepaciellogroup.github.io/infusion/patterns/writing/library-structure/</guid>
  15. <description>Before you can set about making documentation, you need to know where everything goes. The simplest folder structure looks like this:
  16. content _index.md print-version.md patterns name-of-my-pattern.md name-of-my-other-pattern.md /content - This is where all of your content lives. You won&amp;rsquo;t need to visit any other folders very frequently. _index.md — This is the content file for your home page. print-version.md — This is a placeholder for the single-page / print-friendly version of you library.</description>
  17. </item>
  18. <item>
  19. <title>Markdown &amp; metadata</title>
  20. <link>https://thepaciellogroup.github.io/infusion/patterns/writing/markdown-and-metadata/</link>
  21. <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
  22. <guid>https://thepaciellogroup.github.io/infusion/patterns/writing/markdown-and-metadata/</guid>
  23. <description>In Infusion everything is documented using markdown, as a &amp;ldquo;pattern&amp;rdquo;. To create a new pattern file, just add a file with the .md extension to the content/patterns folder. It&amp;rsquo;s recommended you use &amp;ldquo;kebab case&amp;rdquo; to name the file (words separated by hyphens). For example, a pattern with the title &amp;ldquo;Menu button&amp;rdquo; should probably have the filename menu-button. Then you get a nice clean URL: username.github.io/your-library/patterns/menu-button.
  24. If you&amp;rsquo;re not familiar with writing markdown, there are a number of tutorials available.</description>
  25. </item>
  26. <item>
  27. <title>Expandable sections</title>
  28. <link>https://thepaciellogroup.github.io/infusion/patterns/writing/expandable-sections/</link>
  29. <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
  30. <guid>https://thepaciellogroup.github.io/infusion/patterns/writing/expandable-sections/</guid>
  31. <description>In some cases, where there is a lot of content, it&amp;rsquo;s helpful to collapse certain sections. That way, readers get an overview of what&amp;rsquo;s in the content and can choose where to focus in. Infusion provides a shortcode method for creating expandable sections which generates accessible markup using aria-expanded.
  32. The expandable shortcode takes three parameters:
  33. label — This is the label for the the section heading. level — This is the heading level (e.</description>
  34. </item>
  35. <item>
  36. <title>Notes &amp; warnings</title>
  37. <link>https://thepaciellogroup.github.io/infusion/patterns/writing/notes-and-warnings/</link>
  38. <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
  39. <guid>https://thepaciellogroup.github.io/infusion/patterns/writing/notes-and-warnings/</guid>
  40. <description>Infusion acknowledges that simple markdown is limiting when it comes to writing compelling documentation, so it provides a number of &amp;ldquo;shortcodes&amp;rdquo;. Shortcodes offer a simple syntax for including rich content. For example, Infusion provides shortcodes for including notes and warnings.
  41. Notes You may wish to pick out some content in your pattern&amp;rsquo;s documentation as a note — an aside to the main thrust of the pattern&amp;rsquo;s description. This is possible using the following syntax:</description>
  42. </item>
  43. <item>
  44. <title>References</title>
  45. <link>https://thepaciellogroup.github.io/infusion/patterns/writing/references/</link>
  46. <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
  47. <guid>https://thepaciellogroup.github.io/infusion/patterns/writing/references/</guid>
  48. <description>Cross-references Infusion identifies the main content files in your documentation as patterns, and they&amp;rsquo;re kept in the content → patterns folder. It&amp;rsquo;s easy to cross-reference patterns using the pattern shortcode. For example, I can reference the Notes &amp;amp; warnings pattern. Here&amp;rsquo;s what the markdown looks like, including the shortcode:
  49. I can reference the &amp;#x7b;{% pattern &#34;Notes &amp; warnings&#34; %}} pattern here. This saves you having to worry about pathing and decorates the generated link with a bookmark icon, identifying the link as a pattern reference visually.</description>
  50. </item>
  51. <item>
  52. <title>Snippets</title>
  53. <link>https://thepaciellogroup.github.io/infusion/patterns/writing/snippets/</link>
  54. <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
  55. <guid>https://thepaciellogroup.github.io/infusion/patterns/writing/snippets/</guid>
  56. <description>A lot of the time, your larger patterns will share some common techniques and utilities. For this reason, Infusion lets you save snippets of markdown in a snippets folder, alongside the main content folder.
  57. The example visually-hidden.md snippet describes the CSS needed to create content that is visually hidden but still available to screen readers. Since this is a technique/utility you are likely to use often, it&amp;rsquo;s nice to be able to just drop a snippet into your markdown content.</description>
  58. </item>
  59. <item>
  60. <title>Tables of contents</title>
  61. <link>https://thepaciellogroup.github.io/infusion/patterns/writing/tables-of-contents/</link>
  62. <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
  63. <guid>https://thepaciellogroup.github.io/infusion/patterns/writing/tables-of-contents/</guid>
  64. <description>Pattern pages in Infusion that have two or more subheadings — &amp;lt;h2&amp;gt;s — automatically get a table of contents: a list of links to the main subsections for the page. This feature is made accessible as a navigation region with the &amp;ldquo;Table of contents&amp;rdquo; label and uses an ordered list. The table of contents markup for the Library setup page looks something like this:
  65. &amp;lt;nav class=&amp;quot;toc&amp;quot; aria-labelledby=&amp;quot;toc-heading&amp;quot;&amp;gt; &amp;lt;h2 id=&amp;quot;toc-heading&amp;quot;&amp;gt;Table of contents&amp;lt;/h2&amp;gt; &amp;lt;ol&amp;gt; &amp;lt;li&amp;gt; &amp;lt;a href=&amp;quot;#cleaning-the-content-folder&amp;quot;&amp;gt;“Cleaning” the content folder&amp;lt;/a&amp;gt; &amp;lt;/li&amp;gt; &amp;lt;li&amp;gt; &amp;lt;a href=&amp;quot;#the-setup-command&amp;quot;&amp;gt;The setup command&amp;lt;/a&amp;gt; &amp;lt;/li&amp;gt; &amp;lt;li&amp;gt; &amp;lt;a href=&amp;quot;#the-config-file&amp;quot;&amp;gt;The config file&amp;lt;/a&amp;gt; &amp;lt;/li&amp;gt; &amp;lt;li&amp;gt; &amp;lt;a href=&amp;quot;#including-a-logo&amp;quot;&amp;gt;Including a logo&amp;lt;/a&amp;gt; &amp;lt;/li&amp;gt; &amp;lt;/ol&amp;gt; &amp;lt;/nav&amp;gt; Tables of contents are a neat way to break down the content of the page and give users a navigable overview.</description>
  66. </item>
  67. </channel>
  68. </rss>