1
0
Fork 0

feat: Flat import of markdown repo

This is a flat (without history) import of (some of) the content
from our markdown module.

We've imported this without history because the repo contains our
blog posts and showcases posts content prior to porting them to strapi.

Since this contains many images, it would balloon the size of this repo
to import the full history.

Instead, please refer to the history of the (archived) markdown repo
at: https://github.com/freesewing/markdown
This commit is contained in:
Joost De Cock 2021-08-25 16:09:31 +02:00
parent 1671a896b5
commit b34a2ee2ed
6132 changed files with 244167 additions and 0 deletions

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/aaron"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="aaron" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/aaron"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="aaron" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/aaron"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="aaron" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/aaron"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="aaron" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/aaron"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="aaron" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/benjamin"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="benjamin" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/benjamin"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="benjamin" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/benjamin"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="benjamin" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/benjamin"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="benjamin" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/benjamin"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="benjamin" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/bent"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="bent" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/bent"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="bent" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/bent"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="bent" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/bent"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="bent" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/bent"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="bent" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/breanna"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="breanna" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/breanna"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="breanna" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/breanna"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="breanna" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/breanna"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="breanna" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/breanna"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="breanna" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/brian"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="brian" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/brian"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="brian" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/brian"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="brian" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/brian"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="brian" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/brian"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="brian" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/bruce"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="bruce" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/bruce"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="bruce" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/bruce"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="bruce" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/bruce"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="bruce" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/bruce"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="bruce" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/carlita"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="carlita" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/carlita"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="carlita" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/carlita"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="carlita" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/carlita"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="carlita" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/carlita"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="carlita" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/carlton"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="carlton" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/carlton"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="carlton" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/carlton"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="carlton" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/carlton"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="carlton" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/carlton"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="carlton" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/cathrin"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="cathrin" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/cathrin"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="cathrin" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/cathrin"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="cathrin" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/cathrin"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="cathrin" />

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/cathrin"
---
import PatternPage from "../../../../../src/components/pattern-page";
<PatternPage pattern="cathrin" />

View file

@ -0,0 +1,69 @@
---
title: Blockquote
---
The `Blockquote` component is a base blockquote that can be styled in a number of different ways via the `type` prop which can be set to:
- note
- warning
- tip
- fixme
It is typically used in our MDX content where we make the `Note`, `Warning`, `Tip` and `Fixme` components available in the global scope. They all use the `Blockquote` component under the hood.
## Examples
### Type: note<Note> This is a note </Note>
```mdx
<Note> This is a note </Note>
```
```jsx
<Blockquote type='note'> This is a note </Blockquote>
```
### Type: tip<Tip> This is a tip </Tip>
```mdx
<Tip> This is a tip </Tip>
```
```jsx
<Blockquote type='tip'> This is a tip </Blockquote>
```
### Type: warning<Warning> This is a warning </Warning>
```mdx
<Warning> This is a warning </Warning>
```
```jsx
<Blockquote type='warning'> This is a warning </Blockquote>
```
### Type: fixme<Fixme> This needs attention </Fixme>
```mdx
<Fixme> This needs attention </Fixme>
```
```jsx
<Blockquote type='fixme'> This needs attention </Blockquote>
```
## Props
| Name | Type | Default | Description |
| ------:| -------- |:------- |:--------------------------------------------------------------------------------------- |
| *type* | `string` | `note` | Determines the style of the `Blockquote`. One of `note`', `tip`, `warning`, or `fixme`. |
<Note>
This component will render the `children` between its opening and closing tags.
</Note>

View file

@ -0,0 +1,79 @@
---
title: Blockquote
---
The `Blockquote` component is a base blockquote that can be styled
in a number of different ways via the `type` prop which can be set to:
- note
- warning
- tip
- fixme
It is typically used in our MDX content where we make the `Note`, `Warning`,
`Tip` and `Fixme` components available in the global scope. They all use
the `Blockquote` component under the hood.
## Examples
### Type: note
<Note> This is a note </Note>
```mdx
<Note> This is a note </Note>
```
```jsx
<Blockquote type='note'> This is a note </Blockquote>
```
### Type: tip
<Tip> This is a tip </Tip>
```mdx
<Tip> This is a tip </Tip>
```
```jsx
<Blockquote type='tip'> This is a tip </Blockquote>
```
### Type: warning
<Warning> This is a warning </Warning>
```mdx
<Warning> This is a warning </Warning>
```
```jsx
<Blockquote type='warning'> This is a warning </Blockquote>
```
### Type: fixme
<Fixme> This needs attention </Fixme>
```mdx
<Fixme> This needs attention </Fixme>
```
```jsx
<Blockquote type='fixme'> This needs attention </Blockquote>
```
## Props
| Name | Type | Default | Description |
|-----:|------|:--------|:------------|
|*type*|`string`|`note`|Determines the style of the `Blockquote`. One of `note`', `tip`, `warning`, or `fixme`.|
<Note>
This component will render the `children` between its opening and closing tags.
</Note>

View file

@ -0,0 +1,69 @@
---
title: Blockquote
---
The `Blockquote` component is a base blockquote that can be styled in a number of different ways via the `type` prop which can be set to:
- note
- warning
- tip
- fixme
It is typically used in our MDX content where we make the `Note`, `Warning`, `Tip` and `Fixme` components available in the global scope. They all use the `Blockquote` component under the hood.
## Examples
### Type: note<Note> This is a note </Note>
```mdx
<Note> This is a note </Note>
```
```jsx
<Blockquote type='note'> This is a note </Blockquote>
```
### Type: tip<Tip> This is a tip </Tip>
```mdx
<Tip> This is a tip </Tip>
```
```jsx
<Blockquote type='tip'> This is a tip </Blockquote>
```
### Type: warning<Warning> This is a warning </Warning>
```mdx
<Warning> This is a warning </Warning>
```
```jsx
<Blockquote type='warning'> This is a warning </Blockquote>
```
### Type: fixme<Fixme> This needs attention </Fixme>
```mdx
<Fixme> This needs attention </Fixme>
```
```jsx
<Blockquote type='fixme'> This needs attention </Blockquote>
```
## Props
| Name | Type | Default | Description |
| ------:| -------- |:------- |:--------------------------------------------------------------------------------------- |
| *type* | `string` | `note` | Determines the style of the `Blockquote`. One of `note`', `tip`, `warning`, or `fixme`. |
<Note>
This component will render the `children` between its opening and closing tags.
</Note>

View file

@ -0,0 +1,69 @@
---
title: Blockquote
---
The `Blockquote` component is a base blockquote that can be styled in a number of different ways via the `type` prop which can be set to:
- note
- warning
- tip
- fixme
It is typically used in our MDX content where we make the `Note`, `Warning`, `Tip` and `Fixme` components available in the global scope. They all use the `Blockquote` component under the hood.
## Examples
### Type: note<Note> This is a note </Note>
```mdx
<Note> This is a note </Note>
```
```jsx
<Blockquote type='note'> This is a note </Blockquote>
```
### Type: tip<Tip> This is a tip </Tip>
```mdx
<Tip> This is a tip </Tip>
```
```jsx
<Blockquote type='tip'> This is a tip </Blockquote>
```
### Type: warning<Warning> This is a warning </Warning>
```mdx
<Warning> This is a warning </Warning>
```
```jsx
<Blockquote type='warning'> This is a warning </Blockquote>
```
### Type: fixme<Fixme> This needs attention </Fixme>
```mdx
<Fixme> This needs attention </Fixme>
```
```jsx
<Blockquote type='fixme'> This needs attention </Blockquote>
```
## Props
| Name | Type | Défaut | Description |
| ------:| -------- |:------ |:--------------------------------------------------------------------------------------- |
| *type* | `string` | `note` | Determines the style of the `Blockquote`. One of `note`', `tip`, `warning`, or `fixme`. |
<Note>
This component will render the `children` between its opening and closing tags.
</Note>

View file

@ -0,0 +1,69 @@
---
title: Blockquote
---
The `Blockquote` component is a base blockquote that can be styled in a number of different ways via the `type` prop which can be set to:
- note
- warning
- tip
- fixme
It is typically used in our MDX content where we make the `Note`, `Warning`, `Tip` and `Fixme` components available in the global scope. They all use the `Blockquote` component under the hood.
## Examples
### Type: note<Note> This is a note </Note>
```mdx
<Note> This is a note </Note>
```
```jsx
<Blockquote type='note'> This is a note </Blockquote>
```
### Type: tip<Tip> This is a tip </Tip>
```mdx
<Tip> This is a tip </Tip>
```
```jsx
<Blockquote type='tip'> This is a tip </Blockquote>
```
### Type: warning<Warning> This is a warning </Warning>
```mdx
<Warning> This is a warning </Warning>
```
```jsx
<Blockquote type='warning'> This is a warning </Blockquote>
```
### Type: fixme<Fixme> This needs attention </Fixme>
```mdx
<Fixme> This needs attention </Fixme>
```
```jsx
<Blockquote type='fixme'> This needs attention </Blockquote>
```
## Props
| Name | Type | Default | Description |
| ------:| -------- |:------- |:--------------------------------------------------------------------------------------- |
| *type* | `string` | `note` | Determines the style of the `Blockquote`. One of `note`', `tip`, `warning`, or `fixme`. |
<Note>
This component will render the `children` between its opening and closing tags.
</Note>

View file

@ -0,0 +1,12 @@
---
title: "@freesewing/components"
---
This is a collection for React components for FreeSewing's websites.
<Warning>
FIXME: Documentation is missing
</Warning>

View file

@ -0,0 +1,33 @@
---
title: Draft
---
The `Draft` component renders a FreeSewing pattern in the browser as SVG.
To use the `Draft` component, pass it the result of `pattern.getRenderProps()`
as props:
```js
const renderProps = pattern.draft().getRenderProps()
return <Draft {...renderProps} />
```
<Note>
##### Ensuring consistency of snippets between SVG and React output
The `pattern.getRenderProps()` returns a range of props, including
an SVG object on which the `preRender` hook gets called prior to
returning.
This way, svg.defs now holds all defs, including any that may have
been added by custom plugins, and we use this verbatim in our
React component.
This removes any discrepancies in how SVG rendering and React
rendering handles the defs section of the SVG document,
and thus displays snippets.
</Note>

View file

@ -0,0 +1,11 @@
---
title: DraftConfigurator
---
The `DraftConfigurator` provides the user interface for configuring a draft. It is a rather complex component, that is used both for the freesewing.org website as for our development environment.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,15 @@
---
title: DraftConfigurator
---
The `DraftConfigurator` provides the user interface for configuring a draft.
It is a rather complex component, that is used both for the freesewing.org website
as for our development environment.
<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,11 @@
---
title: DraftConfigurator
---
The `DraftConfigurator` provides the user interface for configuring a draft. It is a rather complex component, that is used both for the freesewing.org website as for our development environment.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

View file

@ -0,0 +1,11 @@
---
title: DraftConfigurator
---
The `DraftConfigurator` provides the user interface for configuring a draft. It is a rather complex component, that is used both for the freesewing.org website as for our development environment.<Fixme> Add more documentation for this component </Fixme>
## Exemple
![Screenshot of the component](example.png)

View file

@ -0,0 +1,11 @@
---
title: DraftConfigurator
---
The `DraftConfigurator` provides the user interface for configuring a draft. It is a rather complex component, that is used both for the freesewing.org website as for our development environment.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,10 @@
---
title: Emblem
---
The `Emblem` component renders the freesewing word in the top-left of our navigation bar.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,12 @@
---
title: Emblem
---
The `Emblem` component renders the freesewing word in the top-left of our navigation bar.
<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,10 @@
---
title: Emblem
---
The `Emblem` component renders the freesewing word in the top-left of our navigation bar.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

View file

@ -0,0 +1,10 @@
---
title: Emblem
---
The `Emblem` component renders the freesewing word in the top-left of our navigation bar.<Fixme> Add more documentation for this component </Fixme>
## Exemple
![Screenshot of the component](example.png)

View file

@ -0,0 +1,10 @@
---
title: Emblem
---
The `Emblem` component renders the freesewing word in the top-left of our navigation bar.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,7 @@
---
title: "@freesewing/components"
---
This is a collection for React components for FreeSewing's websites:
<ReadMore title='React components'/>

View file

@ -0,0 +1,12 @@
---
title: "@freesewing/components"
---
This is a collection for React components for FreeSewing's websites.
<Warning>
FIXME: Documentation is missing
</Warning>

View file

@ -0,0 +1,10 @@
---
title: Example
---
The `Example` component renders the [examples](/reference/packages/examples/) pattern. It is used throughout our developer documentation.<Fixme> Add more documentation for this component </Fixme>
## Example
<Example part="path_intersects" caption="The Example component used to illustrate the Path.intersects() method" />

View file

@ -0,0 +1,13 @@
---
title: Example
---
The `Example` component renders the [examples](/reference/packages/examples/) pattern.
It is used throughout our developer documentation.
<Fixme> Add more documentation for this component </Fixme>
## Example
<Example part="path_intersects" caption="The Example component used to illustrate the Path.intersects() method" />

View file

@ -0,0 +1,10 @@
---
title: Example
---
The `Example` component renders the [examples](/reference/packages/examples/) pattern. It is used throughout our developer documentation.<Fixme> Add more documentation for this component </Fixme>
## Example
<Example part="path_intersects" caption="The Example component used to illustrate the Path.intersects() method" />

View file

@ -0,0 +1,10 @@
---
title: Exemple
---
The `Example` component renders the [examples](/reference/packages/examples/) pattern. It is used throughout our developer documentation.<Fixme> Add more documentation for this component </Fixme>
## Exemple
<Example part="path_intersects" caption="The Example component used to illustrate the Path.intersects() method" />

View file

@ -0,0 +1,10 @@
---
title: Example
---
The `Example` component renders the [examples](/reference/packages/examples/) pattern. It is used throughout our developer documentation.<Fixme> Add more documentation for this component </Fixme>
## Example
<Example part="path_intersects" caption="The Example component used to illustrate the Path.intersects() method" />

View file

@ -0,0 +1,10 @@
---
title: Footer
---
The `Footer` component is the shared footer we use on our websites.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,12 @@
---
title: Footer
---
The `Footer` component is the shared footer we use on our websites.
<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,10 @@
---
title: Footer
---
The `Footer` component is the shared footer we use on our websites.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 515 KiB

View file

@ -0,0 +1,10 @@
---
title: Footer
---
The `Footer` component is the shared footer we use on our websites.<Fixme> Add more documentation for this component </Fixme>
## Exemple
![Screenshot of the component](example.png)

View file

@ -0,0 +1,10 @@
---
title: Footer
---
The `Footer` component is the shared footer we use on our websites.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,12 @@
---
title: "@freesewing/components"
---
This is a collection for React components for FreeSewing's websites.
<Warning>
FIXME: Documentation is missing
</Warning>

View file

@ -0,0 +1,110 @@
---
title: Icon
---
The `Icon` component renders a couple of icons that we use, but are not available in the standard [material icon set](https://material.io/resources/icons/).<Fixme> Add more documentation for this component </Fixme>
## Example
<table spaces-before="0" line-breaks-before="2">
<tr>
<th align="right">
Name
</th>
<th align="center">
Icon
</th>
</tr>
<tr>
<td align="right">
<code>gitter</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>github</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>twitter</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>instagram</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>google</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M 12.25009,0 C 7.5567085,0 3.5033589,2.69334 1.530043,6.613315 0.71674427,8.240005 0.25,10.06676 0.25,12.00009 c 0,1.93333 0.46674427,3.759905 1.280043,5.386595 C 3.5033589,21.30666 7.5567085,24 12.25009,24 c 3.239959,0 5.959944,-1.066635 7.94668,-2.906575 2.266629,-2.093365 3.573349,-5.173415 3.573349,-8.826735 0,-0.98666 -0.08023,-1.70661 -0.253496,-2.453265 l -11.266533,0 0,4.45322 6.613137,0 c -0.133283,1.106705 -0.853233,2.77333 -2.453266,3.89327 -1.013315,0.706675 -2.373243,1.199975 -4.159871,1.199975 -3.173318,0 -5.8666835,-2.09327 -6.826777,-4.986605 -0.2533286,-0.746655 -0.399991,-1.54657 -0.399991,-2.373195 0,-0.82672 0.1467055,-1.62672 0.386706,-2.373375 C 6.3834495,6.73338 9.076772,4.63993 12.25009,4.63993 c 2.253301,0 3.773228,0.973465 4.639932,1.786855 L 20.27666,3.12004 C 18.196718,1.186705 15.490049,0 12.25009,0 Z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>facebook</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>note</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>tip</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>warning</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" ></path></svg>
</td>
</tr>
</table>

View file

@ -0,0 +1,23 @@
---
title: Icon
---
The `Icon` component renders a couple of icons that we use, but
are not available in the standard [material icon set](https://material.io/resources/icons/).
<Fixme> Add more documentation for this component </Fixme>
## Example
| Name | Icon |
|-----------:|:------:|
| `gitter` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"></path></svg> |
| `github` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg> |
| `twitter` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" ></path></svg> |
| `instagram` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" ></path></svg> |
| `google` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M 12.25009,0 C 7.5567085,0 3.5033589,2.69334 1.530043,6.613315 0.71674427,8.240005 0.25,10.06676 0.25,12.00009 c 0,1.93333 0.46674427,3.759905 1.280043,5.386595 C 3.5033589,21.30666 7.5567085,24 12.25009,24 c 3.239959,0 5.959944,-1.066635 7.94668,-2.906575 2.266629,-2.093365 3.573349,-5.173415 3.573349,-8.826735 0,-0.98666 -0.08023,-1.70661 -0.253496,-2.453265 l -11.266533,0 0,4.45322 6.613137,0 c -0.133283,1.106705 -0.853233,2.77333 -2.453266,3.89327 -1.013315,0.706675 -2.373243,1.199975 -4.159871,1.199975 -3.173318,0 -5.8666835,-2.09327 -6.826777,-4.986605 -0.2533286,-0.746655 -0.399991,-1.54657 -0.399991,-2.373195 0,-0.82672 0.1467055,-1.62672 0.386706,-2.373375 C 6.3834495,6.73338 9.076772,4.63993 12.25009,4.63993 c 2.253301,0 3.773228,0.973465 4.639932,1.786855 L 20.27666,3.12004 C 18.196718,1.186705 15.490049,0 12.25009,0 Z" ></path></svg> |
| `facebook` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" ></path></svg> |
| `note` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" ></path></svg> |
| `tip` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path></svg> |
| `warning` | <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" ></path></svg> |

View file

@ -0,0 +1,110 @@
---
title: Icon
---
The `Icon` component renders a couple of icons that we use, but are not available in the standard [material icon set](https://material.io/resources/icons/).<Fixme> Add more documentation for this component </Fixme>
## Example
<table spaces-before="0" line-breaks-before="2">
<tr>
<th align="right">
Name
</th>
<th align="center">
Icon
</th>
</tr>
<tr>
<td align="right">
<code>gitter</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>github</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>twitter</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>instagram</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>google</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M 12.25009,0 C 7.5567085,0 3.5033589,2.69334 1.530043,6.613315 0.71674427,8.240005 0.25,10.06676 0.25,12.00009 c 0,1.93333 0.46674427,3.759905 1.280043,5.386595 C 3.5033589,21.30666 7.5567085,24 12.25009,24 c 3.239959,0 5.959944,-1.066635 7.94668,-2.906575 2.266629,-2.093365 3.573349,-5.173415 3.573349,-8.826735 0,-0.98666 -0.08023,-1.70661 -0.253496,-2.453265 l -11.266533,0 0,4.45322 6.613137,0 c -0.133283,1.106705 -0.853233,2.77333 -2.453266,3.89327 -1.013315,0.706675 -2.373243,1.199975 -4.159871,1.199975 -3.173318,0 -5.8666835,-2.09327 -6.826777,-4.986605 -0.2533286,-0.746655 -0.399991,-1.54657 -0.399991,-2.373195 0,-0.82672 0.1467055,-1.62672 0.386706,-2.373375 C 6.3834495,6.73338 9.076772,4.63993 12.25009,4.63993 c 2.253301,0 3.773228,0.973465 4.639932,1.786855 L 20.27666,3.12004 C 18.196718,1.186705 15.490049,0 12.25009,0 Z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>facebook</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>note</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>tip</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>warning</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" ></path></svg>
</td>
</tr>
</table>

View file

@ -0,0 +1,110 @@
---
title: Icon
---
The `Icon` component renders a couple of icons that we use, but are not available in the standard [material icon set](https://material.io/resources/icons/).<Fixme> Add more documentation for this component </Fixme>
## Exemple
<table spaces-before="0" line-breaks-before="2">
<tr>
<th align="right">
Name
</th>
<th align="center">
Icon
</th>
</tr>
<tr>
<td align="right">
<code>gitter</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>github</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>twitter</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>instagram</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>google</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M 12.25009,0 C 7.5567085,0 3.5033589,2.69334 1.530043,6.613315 0.71674427,8.240005 0.25,10.06676 0.25,12.00009 c 0,1.93333 0.46674427,3.759905 1.280043,5.386595 C 3.5033589,21.30666 7.5567085,24 12.25009,24 c 3.239959,0 5.959944,-1.066635 7.94668,-2.906575 2.266629,-2.093365 3.573349,-5.173415 3.573349,-8.826735 0,-0.98666 -0.08023,-1.70661 -0.253496,-2.453265 l -11.266533,0 0,4.45322 6.613137,0 c -0.133283,1.106705 -0.853233,2.77333 -2.453266,3.89327 -1.013315,0.706675 -2.373243,1.199975 -4.159871,1.199975 -3.173318,0 -5.8666835,-2.09327 -6.826777,-4.986605 -0.2533286,-0.746655 -0.399991,-1.54657 -0.399991,-2.373195 0,-0.82672 0.1467055,-1.62672 0.386706,-2.373375 C 6.3834495,6.73338 9.076772,4.63993 12.25009,4.63993 c 2.253301,0 3.773228,0.973465 4.639932,1.786855 L 20.27666,3.12004 C 18.196718,1.186705 15.490049,0 12.25009,0 Z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>facebook</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>note</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>tip</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>warning</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" ></path></svg>
</td>
</tr>
</table>

View file

@ -0,0 +1,110 @@
---
title: Icon
---
The `Icon` component renders a couple of icons that we use, but are not available in the standard [material icon set](https://material.io/resources/icons/).<Fixme> Add more documentation for this component </Fixme>
## Example
<table spaces-before="0" line-breaks-before="2">
<tr>
<th align="right">
Name
</th>
<th align="center">
Icon
</th>
</tr>
<tr>
<td align="right">
<code>gitter</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M8.501 4.001H10.5V24H8.501V4.001zm6.999 0V24h-2V4.001h2zM3.5 0h2.001v15H3.5V0zm15 4.001h2V15h-2V4.001z"></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>github</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>twitter</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>instagram</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>google</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M 12.25009,0 C 7.5567085,0 3.5033589,2.69334 1.530043,6.613315 0.71674427,8.240005 0.25,10.06676 0.25,12.00009 c 0,1.93333 0.46674427,3.759905 1.280043,5.386595 C 3.5033589,21.30666 7.5567085,24 12.25009,24 c 3.239959,0 5.959944,-1.066635 7.94668,-2.906575 2.266629,-2.093365 3.573349,-5.173415 3.573349,-8.826735 0,-0.98666 -0.08023,-1.70661 -0.253496,-2.453265 l -11.266533,0 0,4.45322 6.613137,0 c -0.133283,1.106705 -0.853233,2.77333 -2.453266,3.89327 -1.013315,0.706675 -2.373243,1.199975 -4.159871,1.199975 -3.173318,0 -5.8666835,-2.09327 -6.826777,-4.986605 -0.2533286,-0.746655 -0.399991,-1.54657 -0.399991,-2.373195 0,-0.82672 0.1467055,-1.62672 0.386706,-2.373375 C 6.3834495,6.73338 9.076772,4.63993 12.25009,4.63993 c 2.253301,0 3.773228,0.973465 4.639932,1.786855 L 20.27666,3.12004 C 18.196718,1.186705 15.490049,0 12.25009,0 Z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>facebook</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>note</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>tip</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path></svg>
</td>
</tr>
<tr>
<td align="right">
<code>warning</code>
</td>
<td align="center">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" ></path></svg>
</td>
</tr>
</table>

View file

@ -0,0 +1,10 @@
---
title: Linedrawing
---
The `Linedrawing` component renders linedrawings for the FreeSewing patterns.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,12 @@
---
title: Linedrawing
---
The `Linedrawing` component renders linedrawings for the FreeSewing patterns.
<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,10 @@
---
title: Linedrawing
---
The `Linedrawing` component renders linedrawings for the FreeSewing patterns.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

View file

@ -0,0 +1,10 @@
---
title: Linedrawing
---
The `Linedrawing` component renders linedrawings for the FreeSewing patterns.<Fixme> Add more documentation for this component </Fixme>
## Exemple
![Screenshot of the component](example.png)

View file

@ -0,0 +1,10 @@
---
title: Linedrawing
---
The `Linedrawing` component renders linedrawings for the FreeSewing patterns.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,10 @@
---
title: Logo
---
The `Logo` component renders the FreeSewing logo.<Fixme> Add more documentation for this component </Fixme>
## Example
![Example of the logo](https://freesewing.org/logo.svg)

View file

@ -0,0 +1,12 @@
---
title: Logo
---
The `Logo` component renders the FreeSewing logo.
<Fixme> Add more documentation for this component </Fixme>
## Example
![Example of the logo](https://freesewing.org/logo.svg)

View file

@ -0,0 +1,10 @@
---
title: Logo
---
The `Logo` component renders the FreeSewing logo.<Fixme> Add more documentation for this component </Fixme>
## Example
![Example of the logo](https://freesewing.org/logo.svg)

View file

@ -0,0 +1,10 @@
---
title: Logo
---
The `Logo` component renders the FreeSewing logo.<Fixme> Add more documentation for this component </Fixme>
## Exemple
![Example of the logo](https://freesewing.org/logo.svg)

View file

@ -0,0 +1,10 @@
---
title: Logo
---
The `Logo` component renders the FreeSewing logo.<Fixme> Add more documentation for this component </Fixme>
## Example
![Example of the logo](https://freesewing.org/logo.svg)

View file

@ -0,0 +1,10 @@
---
title: Navbar
---
The `Navbar` component is the shared navigation bar we use at the top of our websites.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,12 @@
---
title: Navbar
---
The `Navbar` component is the shared navigation bar we use at the top of our websites.
<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

View file

@ -0,0 +1,10 @@
---
title: Navbar
---
The `Navbar` component is the shared navigation bar we use at the top of our websites.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

View file

@ -0,0 +1,10 @@
---
title: Navbar
---
The `Navbar` component is the shared navigation bar we use at the top of our websites.<Fixme> Add more documentation for this component </Fixme>
## Exemple
![Screenshot of the component](example.png)

View file

@ -0,0 +1,10 @@
---
title: Navbar
---
The `Navbar` component is the shared navigation bar we use at the top of our websites.<Fixme> Add more documentation for this component </Fixme>
## Example
![Screenshot of the component](example.png)

Some files were not shown because too many files have changed in this diff Show more