better homepage

This commit is contained in:
Heydon Pickering 2017-06-29 08:26:47 +01:00
parent 5305ab22f6
commit 4bd785d632
2 changed files with 5 additions and 3 deletions

View File

@ -3,13 +3,15 @@ date = "2017-06-26T18:27:58+01:00"
title = "The Infusion Pattern Library Builder" title = "The Infusion Pattern Library Builder"
+++ +++
Welcome to **Infusion**: a pattern library builder with a focus on inclusive interface design. These are **Infusion's** docs, but they are also an example of a pattern library built with **Infusion**. Here's are some of the features: Welcome to **Infusion**: a pattern library builder with a focus on inclusive interface design. These are **Infusion's** docs, but they are also an example of a pattern library built with **Infusion**. Here are some of the features:
{{% ticks %}} {{% ticks %}}
* Built with Hugo, so easy to structure content and fast to compile it * Built with Hugo, so easy to structure content and fast to compile it
* Include live code demos easily, using either CodePen embeds or via inline demo shortcodes (that use Shadow DOM) * Include live code demos easily, using either CodePen embeds or via inline demo sections (that use Shadow DOM)
* Quickly include WCAG and Inclusive Design Principles references by key * Quickly include WCAG and Inclusive Design Principles references by key
* Easily make sections collapsible without writing HTML * Easily make sections collapsible without writing HTML
* Choose between plain or line-numbered code blocks * Choose between plain or line-numbered code blocks
* A responsive, screen reader and keyboard accessible output site * A responsive, screen reader and keyboard accessible output site
{{% /ticks %}} {{% /ticks %}}
To get started, take a look at {{% pattern "Installation" %}}.

View File

@ -216,7 +216,7 @@ This is a warning! It's about something the reader should be careful to do or to
</code></pre> </code></pre>
<p>Warning render like this:</p> <p>Warnings render like this:</p>
<aside aria-label="warning" class="note warning"> <aside aria-label="warning" class="note warning">
<div> <div>