better homepage
This commit is contained in:
parent
5305ab22f6
commit
4bd785d632
|
@ -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" %}}.
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user