Compare commits
39 Commits
Author | SHA1 | Date |
---|---|---|
mbouder | e3f5829aab | |
mbouder | 6087e145dd | |
mbouder | 4b243ac5d2 | |
mbouder | 14c738677f | |
mbouder | 820a8aa9f9 | |
mbouder | 8bb5e8e01b | |
mbouder | 26305c5782 | |
mbouder | e47c914fdd | |
mbouder | 86a2071624 | |
mbouder | baa91e0044 | |
mbouder | 29689b711f | |
mbouder | 977c35ba1c | |
mbouder | a6493459fe | |
mbouder | 36dbf31fc8 | |
mbouder | 145f7e1da4 | |
mbouder | 22fb2d5ba1 | |
mbouder | d54b28e1cd | |
mbouder | 770b679b5e | |
mbouder | 62cfcfa72e | |
mbouder | 222a24b4f8 | |
mbouder | 1e5bc784f0 | |
mbouder | 757aa4c407 | |
mbouder | ebc0aa9b74 | |
mbouder | aec8fde178 | |
mbouder | f59e7e85f0 | |
mbouder | 90a180ff9a | |
mbouder | 611496e334 | |
mbouder | 61fbb0ddcf | |
mbouder | 0079130b84 | |
mbouder | f1b4c6bb91 | |
mbouder | ba6c15989a | |
mbouder | 26baac9083 | |
mbouder | e398d432cc | |
mbouder | dcfe79ba13 | |
mbouder | 1724985f46 | |
mbouder | 2fee701d69 | |
mbouder | 1c9e3a4cfd | |
mbouder | e6b27fed60 | |
mbouder | b0c2361d0d |
|
@ -1,11 +0,0 @@
|
||||||
---
|
|
||||||
title: Home
|
|
||||||
body_classes: 'title-center title-h1h2'
|
|
||||||
---
|
|
||||||
|
|
||||||
# documentation.ouvaton.coop
|
|
||||||
## La documentation d'Ouvaton
|
|
||||||
|
|
||||||
Bienvenue sur le site de documentation d'Ouvaton.coop.
|
|
||||||
|
|
||||||
Vous trouverez sur ces pages toutes les informations nécessaires pour prendre en main et utiliser notre plateforme d'hébergement.
|
|
|
@ -1,155 +0,0 @@
|
||||||
---
|
|
||||||
title: 'Espaces web'
|
|
||||||
---
|
|
||||||
|
|
||||||
! Details on the full capabilities of Spectre.css can be found in the [Official Spectre Documentation](https://picturepan2.github.io/spectre/elements.html)
|
|
||||||
|
|
||||||
The [Quark theme](https://github.com/getgrav/grav-theme-quark) is the new default theme for Grav built with [Spectre.css](https://picturepan2.github.io/spectre/) the lightweight, responsive and modern CSS framework. Spectre provides basic styles for typography, elements, and a responsive layout system that utilizes best practices and consistent language design.
|
|
||||||
|
|
||||||
### Headings
|
|
||||||
|
|
||||||
# H1 Heading `40px`
|
|
||||||
|
|
||||||
## H2 Heading `32px`
|
|
||||||
|
|
||||||
### H3 Heading `28px`
|
|
||||||
|
|
||||||
#### H4 Heading `24px`
|
|
||||||
|
|
||||||
##### H5 Heading `20px`
|
|
||||||
|
|
||||||
###### H6 Heading `16px`
|
|
||||||
|
|
||||||
```html
|
|
||||||
# H1 Heading
|
|
||||||
# H1 Heading `40px`</small>`
|
|
||||||
|
|
||||||
<span class="h1">H1 Heading</span>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Paragraphs
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur [adipiscing elit. Praesent risus leo, dictum in vehicula sit amet](#), feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
|
|
||||||
|
|
||||||
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
|
|
||||||
|
|
||||||
### Markdown Semantic Text Elements
|
|
||||||
|
|
||||||
**Bold** `**Bold**`
|
|
||||||
|
|
||||||
_Italic_ `_Italic_`
|
|
||||||
|
|
||||||
~~Deleted~~ `~~Deleted~~`
|
|
||||||
|
|
||||||
`Inline Code` `` `Inline Code` ``
|
|
||||||
|
|
||||||
### HTML Semantic Text Elements
|
|
||||||
|
|
||||||
<abbr>I18N</abbr> `<abbr>`
|
|
||||||
|
|
||||||
<cite>Citation</cite> `<cite>`
|
|
||||||
|
|
||||||
<kbd>Ctrl + S</kbd> `<kbd>`
|
|
||||||
|
|
||||||
Text<sup>Superscripted</sup> `<sup>`
|
|
||||||
|
|
||||||
Text<sub>Subscripted</sub> `<sub>`
|
|
||||||
|
|
||||||
<u>Underlined</u> `<u>`
|
|
||||||
|
|
||||||
<mark>Highlighted</mark> `<mark>`
|
|
||||||
|
|
||||||
<time>20:14</time> `<time>`
|
|
||||||
|
|
||||||
<var>x = y + 2</var> `<var>`
|
|
||||||
|
|
||||||
### Blockquote
|
|
||||||
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Unordered List
|
|
||||||
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Ordered List
|
|
||||||
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Table
|
|
||||||
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
```
|
|
||||||
|
|
||||||
### Notices
|
|
||||||
|
|
||||||
The notices styles are actually provided by the `markdown-notices` plugin but are useful enough to include here:
|
|
||||||
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
```
|
|
||||||
|
|
|
@ -1,155 +0,0 @@
|
||||||
---
|
|
||||||
title: SFTP
|
|
||||||
---
|
|
||||||
|
|
||||||
! Details on the full capabilities of Spectre.css can be found in the [Official Spectre Documentation](https://picturepan2.github.io/spectre/elements.html)
|
|
||||||
|
|
||||||
The [Quark theme](https://github.com/getgrav/grav-theme-quark) is the new default theme for Grav built with [Spectre.css](https://picturepan2.github.io/spectre/) the lightweight, responsive and modern CSS framework. Spectre provides basic styles for typography, elements, and a responsive layout system that utilizes best practices and consistent language design.
|
|
||||||
|
|
||||||
### Headings
|
|
||||||
|
|
||||||
# H1 Heading `40px`
|
|
||||||
|
|
||||||
## H2 Heading `32px`
|
|
||||||
|
|
||||||
### H3 Heading `28px`
|
|
||||||
|
|
||||||
#### H4 Heading `24px`
|
|
||||||
|
|
||||||
##### H5 Heading `20px`
|
|
||||||
|
|
||||||
###### H6 Heading `16px`
|
|
||||||
|
|
||||||
```html
|
|
||||||
# H1 Heading
|
|
||||||
# H1 Heading `40px`</small>`
|
|
||||||
|
|
||||||
<span class="h1">H1 Heading</span>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Paragraphs
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur [adipiscing elit. Praesent risus leo, dictum in vehicula sit amet](#), feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
|
|
||||||
|
|
||||||
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
|
|
||||||
|
|
||||||
### Markdown Semantic Text Elements
|
|
||||||
|
|
||||||
**Bold** `**Bold**`
|
|
||||||
|
|
||||||
_Italic_ `_Italic_`
|
|
||||||
|
|
||||||
~~Deleted~~ `~~Deleted~~`
|
|
||||||
|
|
||||||
`Inline Code` `` `Inline Code` ``
|
|
||||||
|
|
||||||
### HTML Semantic Text Elements
|
|
||||||
|
|
||||||
<abbr>I18N</abbr> `<abbr>`
|
|
||||||
|
|
||||||
<cite>Citation</cite> `<cite>`
|
|
||||||
|
|
||||||
<kbd>Ctrl + S</kbd> `<kbd>`
|
|
||||||
|
|
||||||
Text<sup>Superscripted</sup> `<sup>`
|
|
||||||
|
|
||||||
Text<sub>Subscripted</sub> `<sub>`
|
|
||||||
|
|
||||||
<u>Underlined</u> `<u>`
|
|
||||||
|
|
||||||
<mark>Highlighted</mark> `<mark>`
|
|
||||||
|
|
||||||
<time>20:14</time> `<time>`
|
|
||||||
|
|
||||||
<var>x = y + 2</var> `<var>`
|
|
||||||
|
|
||||||
### Blockquote
|
|
||||||
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Unordered List
|
|
||||||
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Ordered List
|
|
||||||
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Table
|
|
||||||
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
```
|
|
||||||
|
|
||||||
### Notices
|
|
||||||
|
|
||||||
The notices styles are actually provided by the `markdown-notices` plugin but are useful enough to include here:
|
|
||||||
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
```
|
|
||||||
|
|
|
@ -1,155 +0,0 @@
|
||||||
---
|
|
||||||
title: SQL
|
|
||||||
---
|
|
||||||
|
|
||||||
! Details on the full capabilities of Spectre.css can be found in the [Official Spectre Documentation](https://picturepan2.github.io/spectre/elements.html)
|
|
||||||
|
|
||||||
The [Quark theme](https://github.com/getgrav/grav-theme-quark) is the new default theme for Grav built with [Spectre.css](https://picturepan2.github.io/spectre/) the lightweight, responsive and modern CSS framework. Spectre provides basic styles for typography, elements, and a responsive layout system that utilizes best practices and consistent language design.
|
|
||||||
|
|
||||||
### Headings
|
|
||||||
|
|
||||||
# H1 Heading `40px`
|
|
||||||
|
|
||||||
## H2 Heading `32px`
|
|
||||||
|
|
||||||
### H3 Heading `28px`
|
|
||||||
|
|
||||||
#### H4 Heading `24px`
|
|
||||||
|
|
||||||
##### H5 Heading `20px`
|
|
||||||
|
|
||||||
###### H6 Heading `16px`
|
|
||||||
|
|
||||||
```html
|
|
||||||
# H1 Heading
|
|
||||||
# H1 Heading `40px`</small>`
|
|
||||||
|
|
||||||
<span class="h1">H1 Heading</span>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Paragraphs
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur [adipiscing elit. Praesent risus leo, dictum in vehicula sit amet](#), feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
|
|
||||||
|
|
||||||
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
|
|
||||||
|
|
||||||
### Markdown Semantic Text Elements
|
|
||||||
|
|
||||||
**Bold** `**Bold**`
|
|
||||||
|
|
||||||
_Italic_ `_Italic_`
|
|
||||||
|
|
||||||
~~Deleted~~ `~~Deleted~~`
|
|
||||||
|
|
||||||
`Inline Code` `` `Inline Code` ``
|
|
||||||
|
|
||||||
### HTML Semantic Text Elements
|
|
||||||
|
|
||||||
<abbr>I18N</abbr> `<abbr>`
|
|
||||||
|
|
||||||
<cite>Citation</cite> `<cite>`
|
|
||||||
|
|
||||||
<kbd>Ctrl + S</kbd> `<kbd>`
|
|
||||||
|
|
||||||
Text<sup>Superscripted</sup> `<sup>`
|
|
||||||
|
|
||||||
Text<sub>Subscripted</sub> `<sub>`
|
|
||||||
|
|
||||||
<u>Underlined</u> `<u>`
|
|
||||||
|
|
||||||
<mark>Highlighted</mark> `<mark>`
|
|
||||||
|
|
||||||
<time>20:14</time> `<time>`
|
|
||||||
|
|
||||||
<var>x = y + 2</var> `<var>`
|
|
||||||
|
|
||||||
### Blockquote
|
|
||||||
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Unordered List
|
|
||||||
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Ordered List
|
|
||||||
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Table
|
|
||||||
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
```
|
|
||||||
|
|
||||||
### Notices
|
|
||||||
|
|
||||||
The notices styles are actually provided by the `markdown-notices` plugin but are useful enough to include here:
|
|
||||||
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
```
|
|
||||||
|
|
|
@ -1,155 +0,0 @@
|
||||||
---
|
|
||||||
title: Domaines
|
|
||||||
---
|
|
||||||
|
|
||||||
! Details on the full capabilities of Spectre.css can be found in the [Official Spectre Documentation](https://picturepan2.github.io/spectre/elements.html)
|
|
||||||
|
|
||||||
The [Quark theme](https://github.com/getgrav/grav-theme-quark) is the new default theme for Grav built with [Spectre.css](https://picturepan2.github.io/spectre/) the lightweight, responsive and modern CSS framework. Spectre provides basic styles for typography, elements, and a responsive layout system that utilizes best practices and consistent language design.
|
|
||||||
|
|
||||||
### Headings
|
|
||||||
|
|
||||||
# H1 Heading `40px`
|
|
||||||
|
|
||||||
## H2 Heading `32px`
|
|
||||||
|
|
||||||
### H3 Heading `28px`
|
|
||||||
|
|
||||||
#### H4 Heading `24px`
|
|
||||||
|
|
||||||
##### H5 Heading `20px`
|
|
||||||
|
|
||||||
###### H6 Heading `16px`
|
|
||||||
|
|
||||||
```html
|
|
||||||
# H1 Heading
|
|
||||||
# H1 Heading `40px`</small>`
|
|
||||||
|
|
||||||
<span class="h1">H1 Heading</span>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Paragraphs
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur [adipiscing elit. Praesent risus leo, dictum in vehicula sit amet](#), feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
|
|
||||||
|
|
||||||
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
|
|
||||||
|
|
||||||
### Markdown Semantic Text Elements
|
|
||||||
|
|
||||||
**Bold** `**Bold**`
|
|
||||||
|
|
||||||
_Italic_ `_Italic_`
|
|
||||||
|
|
||||||
~~Deleted~~ `~~Deleted~~`
|
|
||||||
|
|
||||||
`Inline Code` `` `Inline Code` ``
|
|
||||||
|
|
||||||
### HTML Semantic Text Elements
|
|
||||||
|
|
||||||
<abbr>I18N</abbr> `<abbr>`
|
|
||||||
|
|
||||||
<cite>Citation</cite> `<cite>`
|
|
||||||
|
|
||||||
<kbd>Ctrl + S</kbd> `<kbd>`
|
|
||||||
|
|
||||||
Text<sup>Superscripted</sup> `<sup>`
|
|
||||||
|
|
||||||
Text<sub>Subscripted</sub> `<sub>`
|
|
||||||
|
|
||||||
<u>Underlined</u> `<u>`
|
|
||||||
|
|
||||||
<mark>Highlighted</mark> `<mark>`
|
|
||||||
|
|
||||||
<time>20:14</time> `<time>`
|
|
||||||
|
|
||||||
<var>x = y + 2</var> `<var>`
|
|
||||||
|
|
||||||
### Blockquote
|
|
||||||
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Unordered List
|
|
||||||
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Ordered List
|
|
||||||
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Table
|
|
||||||
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
```
|
|
||||||
|
|
||||||
### Notices
|
|
||||||
|
|
||||||
The notices styles are actually provided by the `markdown-notices` plugin but are useful enough to include here:
|
|
||||||
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
```
|
|
||||||
|
|
|
@ -1,155 +0,0 @@
|
||||||
---
|
|
||||||
title: Courriels
|
|
||||||
---
|
|
||||||
|
|
||||||
! Details on the full capabilities of Spectre.css can be found in the [Official Spectre Documentation](https://picturepan2.github.io/spectre/elements.html)
|
|
||||||
|
|
||||||
The [Quark theme](https://github.com/getgrav/grav-theme-quark) is the new default theme for Grav built with [Spectre.css](https://picturepan2.github.io/spectre/) the lightweight, responsive and modern CSS framework. Spectre provides basic styles for typography, elements, and a responsive layout system that utilizes best practices and consistent language design.
|
|
||||||
|
|
||||||
### Headings
|
|
||||||
|
|
||||||
# H1 Heading `40px`
|
|
||||||
|
|
||||||
## H2 Heading `32px`
|
|
||||||
|
|
||||||
### H3 Heading `28px`
|
|
||||||
|
|
||||||
#### H4 Heading `24px`
|
|
||||||
|
|
||||||
##### H5 Heading `20px`
|
|
||||||
|
|
||||||
###### H6 Heading `16px`
|
|
||||||
|
|
||||||
```html
|
|
||||||
# H1 Heading
|
|
||||||
# H1 Heading `40px`</small>`
|
|
||||||
|
|
||||||
<span class="h1">H1 Heading</span>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Paragraphs
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur [adipiscing elit. Praesent risus leo, dictum in vehicula sit amet](#), feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
|
|
||||||
|
|
||||||
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
|
|
||||||
|
|
||||||
### Markdown Semantic Text Elements
|
|
||||||
|
|
||||||
**Bold** `**Bold**`
|
|
||||||
|
|
||||||
_Italic_ `_Italic_`
|
|
||||||
|
|
||||||
~~Deleted~~ `~~Deleted~~`
|
|
||||||
|
|
||||||
`Inline Code` `` `Inline Code` ``
|
|
||||||
|
|
||||||
### HTML Semantic Text Elements
|
|
||||||
|
|
||||||
<abbr>I18N</abbr> `<abbr>`
|
|
||||||
|
|
||||||
<cite>Citation</cite> `<cite>`
|
|
||||||
|
|
||||||
<kbd>Ctrl + S</kbd> `<kbd>`
|
|
||||||
|
|
||||||
Text<sup>Superscripted</sup> `<sup>`
|
|
||||||
|
|
||||||
Text<sub>Subscripted</sub> `<sub>`
|
|
||||||
|
|
||||||
<u>Underlined</u> `<u>`
|
|
||||||
|
|
||||||
<mark>Highlighted</mark> `<mark>`
|
|
||||||
|
|
||||||
<time>20:14</time> `<time>`
|
|
||||||
|
|
||||||
<var>x = y + 2</var> `<var>`
|
|
||||||
|
|
||||||
### Blockquote
|
|
||||||
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Unordered List
|
|
||||||
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Ordered List
|
|
||||||
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Table
|
|
||||||
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
```
|
|
||||||
|
|
||||||
### Notices
|
|
||||||
|
|
||||||
The notices styles are actually provided by the `markdown-notices` plugin but are useful enough to include here:
|
|
||||||
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
```
|
|
||||||
|
|
|
@ -1,155 +0,0 @@
|
||||||
---
|
|
||||||
title: Sympa
|
|
||||||
---
|
|
||||||
|
|
||||||
! Details on the full capabilities of Spectre.css can be found in the [Official Spectre Documentation](https://picturepan2.github.io/spectre/elements.html)
|
|
||||||
|
|
||||||
The [Quark theme](https://github.com/getgrav/grav-theme-quark) is the new default theme for Grav built with [Spectre.css](https://picturepan2.github.io/spectre/) the lightweight, responsive and modern CSS framework. Spectre provides basic styles for typography, elements, and a responsive layout system that utilizes best practices and consistent language design.
|
|
||||||
|
|
||||||
### Headings
|
|
||||||
|
|
||||||
# H1 Heading `40px`
|
|
||||||
|
|
||||||
## H2 Heading `32px`
|
|
||||||
|
|
||||||
### H3 Heading `28px`
|
|
||||||
|
|
||||||
#### H4 Heading `24px`
|
|
||||||
|
|
||||||
##### H5 Heading `20px`
|
|
||||||
|
|
||||||
###### H6 Heading `16px`
|
|
||||||
|
|
||||||
```html
|
|
||||||
# H1 Heading
|
|
||||||
# H1 Heading `40px`</small>`
|
|
||||||
|
|
||||||
<span class="h1">H1 Heading</span>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Paragraphs
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur [adipiscing elit. Praesent risus leo, dictum in vehicula sit amet](#), feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
|
|
||||||
|
|
||||||
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
|
|
||||||
|
|
||||||
### Markdown Semantic Text Elements
|
|
||||||
|
|
||||||
**Bold** `**Bold**`
|
|
||||||
|
|
||||||
_Italic_ `_Italic_`
|
|
||||||
|
|
||||||
~~Deleted~~ `~~Deleted~~`
|
|
||||||
|
|
||||||
`Inline Code` `` `Inline Code` ``
|
|
||||||
|
|
||||||
### HTML Semantic Text Elements
|
|
||||||
|
|
||||||
<abbr>I18N</abbr> `<abbr>`
|
|
||||||
|
|
||||||
<cite>Citation</cite> `<cite>`
|
|
||||||
|
|
||||||
<kbd>Ctrl + S</kbd> `<kbd>`
|
|
||||||
|
|
||||||
Text<sup>Superscripted</sup> `<sup>`
|
|
||||||
|
|
||||||
Text<sub>Subscripted</sub> `<sub>`
|
|
||||||
|
|
||||||
<u>Underlined</u> `<u>`
|
|
||||||
|
|
||||||
<mark>Highlighted</mark> `<mark>`
|
|
||||||
|
|
||||||
<time>20:14</time> `<time>`
|
|
||||||
|
|
||||||
<var>x = y + 2</var> `<var>`
|
|
||||||
|
|
||||||
### Blockquote
|
|
||||||
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Unordered List
|
|
||||||
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Ordered List
|
|
||||||
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Table
|
|
||||||
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
```
|
|
||||||
|
|
||||||
### Notices
|
|
||||||
|
|
||||||
The notices styles are actually provided by the `markdown-notices` plugin but are useful enough to include here:
|
|
||||||
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
```
|
|
||||||
|
|
|
@ -1,155 +0,0 @@
|
||||||
---
|
|
||||||
title: Autres
|
|
||||||
---
|
|
||||||
|
|
||||||
! Details on the full capabilities of Spectre.css can be found in the [Official Spectre Documentation](https://picturepan2.github.io/spectre/elements.html)
|
|
||||||
|
|
||||||
The [Quark theme](https://github.com/getgrav/grav-theme-quark) is the new default theme for Grav built with [Spectre.css](https://picturepan2.github.io/spectre/) the lightweight, responsive and modern CSS framework. Spectre provides basic styles for typography, elements, and a responsive layout system that utilizes best practices and consistent language design.
|
|
||||||
|
|
||||||
### Headings
|
|
||||||
|
|
||||||
# H1 Heading `40px`
|
|
||||||
|
|
||||||
## H2 Heading `32px`
|
|
||||||
|
|
||||||
### H3 Heading `28px`
|
|
||||||
|
|
||||||
#### H4 Heading `24px`
|
|
||||||
|
|
||||||
##### H5 Heading `20px`
|
|
||||||
|
|
||||||
###### H6 Heading `16px`
|
|
||||||
|
|
||||||
```html
|
|
||||||
# H1 Heading
|
|
||||||
# H1 Heading `40px`</small>`
|
|
||||||
|
|
||||||
<span class="h1">H1 Heading</span>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Paragraphs
|
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur [adipiscing elit. Praesent risus leo, dictum in vehicula sit amet](#), feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
|
|
||||||
|
|
||||||
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
|
|
||||||
|
|
||||||
### Markdown Semantic Text Elements
|
|
||||||
|
|
||||||
**Bold** `**Bold**`
|
|
||||||
|
|
||||||
_Italic_ `_Italic_`
|
|
||||||
|
|
||||||
~~Deleted~~ `~~Deleted~~`
|
|
||||||
|
|
||||||
`Inline Code` `` `Inline Code` ``
|
|
||||||
|
|
||||||
### HTML Semantic Text Elements
|
|
||||||
|
|
||||||
<abbr>I18N</abbr> `<abbr>`
|
|
||||||
|
|
||||||
<cite>Citation</cite> `<cite>`
|
|
||||||
|
|
||||||
<kbd>Ctrl + S</kbd> `<kbd>`
|
|
||||||
|
|
||||||
Text<sup>Superscripted</sup> `<sup>`
|
|
||||||
|
|
||||||
Text<sub>Subscripted</sub> `<sub>`
|
|
||||||
|
|
||||||
<u>Underlined</u> `<u>`
|
|
||||||
|
|
||||||
<mark>Highlighted</mark> `<mark>`
|
|
||||||
|
|
||||||
<time>20:14</time> `<time>`
|
|
||||||
|
|
||||||
<var>x = y + 2</var> `<var>`
|
|
||||||
|
|
||||||
### Blockquote
|
|
||||||
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
> The advance of technology is based on making it fit in so that you don't really even notice it,
|
|
||||||
> so it's part of everyday life.
|
|
||||||
>
|
|
||||||
> <cite>- Bill Gates</cite>
|
|
||||||
```
|
|
||||||
|
|
||||||
### Unordered List
|
|
||||||
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
* list item 1
|
|
||||||
* list item 2
|
|
||||||
* list item 2.1
|
|
||||||
* list item 2.2
|
|
||||||
* list item 2.3
|
|
||||||
* list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Ordered List
|
|
||||||
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
1. list item 1
|
|
||||||
1. list item 2
|
|
||||||
1. list item 2.1
|
|
||||||
1. list item 2.2
|
|
||||||
1. list item 2.3
|
|
||||||
1. list item 3
|
|
||||||
```
|
|
||||||
|
|
||||||
### Table
|
|
||||||
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
| Name | Genre | Release date |
|
|
||||||
| :-------------------------- | :---------------------------: | -------------------: |
|
|
||||||
| The Shawshank Redemption | Crime, Drama | 14 October 1994 |
|
|
||||||
| The Godfather | Crime, Drama | 24 March 1972 |
|
|
||||||
| Schindler's List | Biography, Drama, History | 4 February 1994 |
|
|
||||||
| Se7en | Crime, Drama, Mystery | 22 September 1995 |
|
|
||||||
```
|
|
||||||
|
|
||||||
### Notices
|
|
||||||
|
|
||||||
The notices styles are actually provided by the `markdown-notices` plugin but are useful enough to include here:
|
|
||||||
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
|
|
||||||
```markdown
|
|
||||||
! This is a warning notification
|
|
||||||
|
|
||||||
!! This is a error notification
|
|
||||||
|
|
||||||
!!! This is a default notification
|
|
||||||
|
|
||||||
!!!! This is a success notification
|
|
||||||
```
|
|
||||||
|
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 48 KiB |
Before Width: | Height: | Size: 278 KiB After Width: | Height: | Size: 278 KiB |
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 82 KiB |
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 88 KiB |
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.3 KiB |
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 110 KiB After Width: | Height: | Size: 110 KiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 72 KiB After Width: | Height: | Size: 72 KiB |
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 62 KiB |
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 41 KiB |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 56 KiB |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 45 KiB |
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
Before Width: | Height: | Size: 126 KiB After Width: | Height: | Size: 126 KiB |
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
|
@ -0,0 +1,19 @@
|
||||||
|
Lorsque vous vous connectez pour la première fois, vous êtes accueilli·e par une bannière de présentation de Nextcloud. Vous pouvez cliquer sur la flèche pour visionner l'ensemble des diapositives sinon cliquez ailleurs ou appuyez sur la touche `Echap` de votre clavier pour les fermer.
|
||||||
|
|
||||||
|
<img src="https://git.ouvaton.coop/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/banni%C3%A8re_acceuil.png" alt="Bannière accueil" width="50%" height="auto">
|
||||||
|
|
||||||
|
Vous arrivez sur une page nommée le **tableau de bord**, il vous permet d'avoir un rapide aperçu de "ce qui se passe" grâce à des widgets d'applications, formalisés sous forme de cartes. Vous pouvez personnaliser ce tableau de bord en fonction de vos besoins et attentes.
|
||||||
|
|
||||||
|
Le tableau de bord par défaut ressemble à celui-là.
|
||||||
|
|
||||||
|
<img src="https://git.ouvaton.coop/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/tableau_de_bord_simple.png" alt="Tableau de bord" width="50%" height="auto">
|
||||||
|
|
||||||
|
Et à celui-ci si il a été personnalisé avec certaines applications identifiées dans cette documentation.
|
||||||
|
|
||||||
|
<img src="https://git.ouvaton.coop/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/tableau_de_bord_am%C3%A9lior%C3%A9.png" alt="Tableau de bord personnalisé" width="50%" height="auto">
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Personnaliser son tableau de bord
|
||||||
|
|
||||||
|
[vidéo à intégrer]
|
|
@ -0,0 +1,58 @@
|
||||||
|
## Le menu de sélection d'applications
|
||||||
|
|
||||||
|
Par défaut, les applications s'ordonnent d'elles-même, si vous souhaitez revoir l'organisation consultez la page [Paramètres personnels](#).
|
||||||
|
|
||||||
|
Le menu est situé dans le coin supérieur gauche, à droite du logo ; vous trouverez toutes les applications qui sont disponibles sur votre instance Nextcloud. En cliquant sur l’icône d’une application, vous serez redirigé·e vers l’application en question.
|
||||||
|
|
||||||
|
<img src="/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/interface_menu_app.png" alt="Emplacement des raccourcis des applications dans Nextcloud" width="50%" height="auto">
|
||||||
|
|
||||||
|
## Le volet de navigation des applications
|
||||||
|
|
||||||
|
Située dans la barre latérale gauche, ce volet se décompose en deux parties :
|
||||||
|
|
||||||
|
- La partie supérieure affiche les informations propres aux usages de l'application choisie.
|
||||||
|
- La partie inférieure permet d'afficher les paramètres spécifiques de l'application choisie.
|
||||||
|
|
||||||
|
Il est possible de masquer cette barre latérale en cliquant sur l'icône située à sa droite, en haut.
|
||||||
|
|
||||||
|
<img src="/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/interface_info_app.png" alt="Emplacement du volet de navigation des applications" width="50%" height="auto">
|
||||||
|
|
||||||
|
## La vue centrale de l'application
|
||||||
|
|
||||||
|
Cette zone centrale affiche le contenu spécifique de l’application sélectionnée.
|
||||||
|
|
||||||
|
<img src="/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/interface_vue_centrale_app.png" alt="Emplacement de la zone centrale" width="50%" height="auto">
|
||||||
|
|
||||||
|
## La barre de navigation
|
||||||
|
|
||||||
|
Située directement en haut de la vue centrale de l'application, cette barre propose un [fil d’ariane](https://fr.wikipedia.org/wiki/Fil_d%27Ariane_\(ergonomie\)) qui permet de revenir à un niveau de dossier supérieur ou à la racine de l’arborescence de fichiers (`Tous les fichiers`).
|
||||||
|
|
||||||
|
<img src="/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/interface_barre_navigation.png" alt="Emplacement de la barre de navigation" width="50%" height="auto">
|
||||||
|
|
||||||
|
## Le bouton nouveau
|
||||||
|
|
||||||
|
Situé dans la barre de navigation, le bouton `+ Nouveau` permet de créer de nouveaux fichiers, de nouveaux dossiers ou de téléverser des fichiers.
|
||||||
|
|
||||||
|
<img src="/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/interface_bouton_nouveau.png" alt="Emplacement de la barre de navigation" width="50%" height="auto">
|
||||||
|
|
||||||
|
> ⚠️ Pour téléverser vous pouvez aussi faire un glisser/déposer depuis votre ordinateur vers votre Nextcloud, une zone dédiée au dépôt apparaîtra au survol.
|
||||||
|
>
|
||||||
|
> <img src="/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/Interface-Glisser_déposer.png" alt="Zone de glisser/déposer pour téléverser un fichier" width="50%" height="auto">
|
||||||
|
|
||||||
|
## Le champ de recherche unifiée
|
||||||
|
|
||||||
|
Cliquez sur la loupe en haut à droite pour rechercher des fichiers ou d’autres entrées de certaines applications installées sur votre Nextcloud.
|
||||||
|
|
||||||
|
<img src="/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/interface_champ_recherche.png" alt="Visualisation du pop-up dédié aux recherches" width="50%" height="auto">
|
||||||
|
|
||||||
|
## Les notifications
|
||||||
|
|
||||||
|
Aperçu des notifications en lien avec les applications disponibles sur votre Nextcloud comme la création ou la modification d'événements, etc. Vous pouvez les paramétrer depuis vos [Paramètres personnels](#).
|
||||||
|
|
||||||
|
<img src="/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/interface_bouton_notification.png" alt="Emplacement de l'icône d'affichage des notifications" width="50%" height="auto">
|
||||||
|
|
||||||
|
## Les contacts
|
||||||
|
|
||||||
|
Donne la liste de vos contacts et des utilisateurices de votre instance Nextcloud. Selon les données enregistrées sur votre contact et les applications disponibles, vous pourrez démarrer une discussion ou envoyer un mail.
|
||||||
|
|
||||||
|
<img src="/Ouvaton/documentation/raw/branch/main/Nextcloud/01.%20Premiers%20Pas/Images/interface_bouton_contact.png" alt="Emplacement de l'icône permettant d'accéder rapidement à ses contacts" width="50%" height="auto">
|
|
@ -0,0 +1,58 @@
|
||||||
|
Pour personnaliser son profil, cliquez sur l'icône ronde colorée portant vos initiales dans le coin supérieur droit puis choisissez `Paramètres`.
|
||||||
|
|
||||||
|
![menu_paramètres.png](.attachments.17591/menu_param%C3%A8tres.png)
|
||||||
|
|
||||||
|
## Informations personnelles
|
||||||
|
|
||||||
|
### Personnaliser votre profil
|
||||||
|
|
||||||
|
1. Une adresse email (courriel) est nécessaire pour réinitialiser votre mot de passe et éventuellement recevoir des notifications. Les autres informations sont facultatives.
|
||||||
|
2. Vous pouvez déposer une image qui sera affichée sous forme de pastille dans certaines applications, comme les discussions (chat) ou les partages de documents. Vous pouvez utiliser une image présente dans votre ordinateur ou dans vos dossiers Nextcloud.
|
||||||
|
3. Assurez-vous que la langue et les paramètres régionaux (heure locale, début de semaine) soient corrects.
|
||||||
|
|
||||||
|
![informations_personnelles.png](.attachments.17591/informations_personnelles.png)
|
||||||
|
|
||||||
|
L'enregistrement des paramètres est automatique, vous pouvez reprendre vos activités.
|
||||||
|
|
||||||
|
> ⚠️ **Attention à votre bloqueur de publicités**
|
||||||
|
>
|
||||||
|
> Si vous utilisez un bloqueur de publicité, il peut bloquer certaines fonctionnalités de Nextcloud selon les filtres que vous avez choisis.
|
||||||
|
|
||||||
|
### Confidentialité des informations
|
||||||
|
|
||||||
|
Des icônes vous permettent de connaitre la confidentialité des informations de votre profil.
|
||||||
|
|
||||||
|
- 📱 **Privé** : Visible uniquement pour les utilisateurs correspondants via Talk Mobile
|
||||||
|
- 🔒 **Local** : Visible uniquement par les membres de votre instance et les personnes invitées
|
||||||
|
- 👥 **Fédéré** : Synchronisé uniquement avec les serveurs de confiance en plus de votre instance
|
||||||
|
- 🌍 **Publié** : Synchronisation avec les serveurs de confiance et le carnet d'adresses mondial et public
|
||||||
|
|
||||||
|
![confidentialités_informations.png](.attachments.17591/confidentialit%C3%A9s_informations.png)
|
||||||
|
|
||||||
|
### Visibilité des informations
|
||||||
|
|
||||||
|
Des paramètres existent aussi pour **paramétrer la visibilité de votre profil**. Le paramètre le plus restrictif entre la visibilité et la confidentialité est respecté.
|
||||||
|
|
||||||
|
![visibilité\_informations.png](.attachments.17591/visibilit%C3%A9_informations.png)
|
||||||
|
|
||||||
|
## Notifications
|
||||||
|
|
||||||
|
Dans cet onglet vous pouvez choisir de **recevoir ou non des notifications d'activité** de votre instance et les paramétrer en fonction de vos besoins.
|
||||||
|
|
||||||
|
![notifications.png](.attachments.17591/notifications.png)
|
||||||
|
|
||||||
|
## Apparence et accessibilité
|
||||||
|
|
||||||
|
Dans cet onglet vous pouvez :
|
||||||
|
|
||||||
|
- paramétrer le thème (clair ou sombre)
|
||||||
|
- activer une police adaptée aux personnes dyslexiques (OpenDyslexic)
|
||||||
|
- définir un arrière-plan personnalisé
|
||||||
|
- désactiver les raccourcis clavier
|
||||||
|
- organiser le menu de votre Nextcloud en fonction de vos besoins
|
||||||
|
|
||||||
|
## Disponibilités
|
||||||
|
|
||||||
|
Dans cet onglet vous pouvez **configurer vos horaires de travail**, cela permet aux membres de votre collectif de connaitre vos disponibilités lors d'une planification d'un événement.
|
||||||
|
|
||||||
|
Vous pouvez également **gérer vos absences** en cas de congés par exemple et définir un message d'information comme vous pourriez le faire avec une messagerie électronique.
|
After Width: | Height: | Size: 7.1 KiB |
After Width: | Height: | Size: 335 KiB |
After Width: | Height: | Size: 124 KiB |
After Width: | Height: | Size: 175 KiB |
After Width: | Height: | Size: 128 KiB |
After Width: | Height: | Size: 129 KiB |
After Width: | Height: | Size: 139 KiB |
After Width: | Height: | Size: 171 KiB |
After Width: | Height: | Size: 124 KiB |
After Width: | Height: | Size: 134 KiB |
After Width: | Height: | Size: 288 KiB |
After Width: | Height: | Size: 266 KiB |
After Width: | Height: | Size: 292 KiB |
|
@ -0,0 +1,9 @@
|
||||||
|
Pour utiliser Nextcloud sur un navigateur web, entrez directement l’url de l'espace que vous souhaitez rejoindre dans la barre d'adresse de votre navigateur. Elle peut se présenter sous la forme <https://nextcloud.votre-collectif.fr>.
|
||||||
|
|
||||||
|
Vous devez arriver sur une page de connexion, celle-ci aura peut-être été personnalisée à l'image de votre collectif, par défaut elle ressemble à ça :
|
||||||
|
|
||||||
|
<img src="https://git.ouvaton.coop/Ouvaton/documentation/raw/commit/36dbf31fc802a6690081cf54a7a763b46bbc136c/Nextcloud/01.%20Premiers%20Pas/Images/page_connexion.png" alt="Page de connexion" width="50%" height="auto">
|
||||||
|
|
||||||
|
Un identifiant et un mot de passe vous ont été communiqués : entrez-les dans les champs correspondants. Si vous n'en avez pas, posez la question à votre référent numérique, administrateur système ou, de manière générale, à votre fournisseur de service.
|
||||||
|
|
||||||
|
> ⚠️ Si vous vous connectez depuis un ordinateur public ou qui n'est pas le vôtre, assurez-vous de ne pas sauvegarder ce mot de passe dans le navigateur web. Si vous êtes sur votre ordinateur habituel, vous pouvez demander à votre navigateur ou à votre gestionnaire de mots de passe de s'en souvenir.
|
|
@ -0,0 +1,56 @@
|
||||||
|
# Introduction
|
||||||
|
|
||||||
|
## Qu'est ce que Nextcloud ?
|
||||||
|
|
||||||
|
[Nextcloud](https://www.nextcloud.com/fr_FR) est un logiciel permettant de **stocker** sur un serveur des contenus (fichiers, dossiers, documents, vidéos, ...) et de les **partager** facilement avec d'autres personnes.
|
||||||
|
|
||||||
|
Il permet aussi de **synchroniser** automatiquement les dossiers de son espace sur Internet avec son ordinateur sous Windows, Mac ou Linux, ou son téléphone sous iOS ou Android. On peut ainsi accéder à ses fichiers à tout moment, revenir sur les anciennes version, retrouver un fichier effacé etc.
|
||||||
|
|
||||||
|
Nextcloud est utilisé pour **faciliter la collaboration** entre les personnes qui font le collectif (entreprise, association, etc.). En plus du stockage et partage de contenus, Nextcloud propose un ensemble d'applications disponibles depuis le tableau de bord, permettant d'organiser un véritable **espace de travail en groupe** et en ligne.
|
||||||
|
|
||||||
|
**Les applications adaptées au travail collaboratif :**
|
||||||
|
|
||||||
|
- **📁 [Fichiers](#)** : un système de gestion de fichiers, avec des options de partage à d'autres personnes ou groupes.
|
||||||
|
- **📷 [Photos](#)** : un système de gestion de photos et vidéos pour les afficher et les organiser.
|
||||||
|
- **⚡[Activité](#)** : un aperçu des actions qui ont été faites sur les données ou fichiers.
|
||||||
|
- **🗨️ [Discussion](#)** : un espace de discussion par messages instantanés avec possibilité de visioconférence et de partage d'écran.
|
||||||
|
- **✉️ [Mail](#)** : un outil simple de messagerie électronique.
|
||||||
|
- **👥 [Contacts](#)** : un système de gestion de carnets de contacts ; il est possible de les synchroniser avec un logiciel tiers sur son ordinateur ou avec une application mobile.
|
||||||
|
- **🗓️ [Agenda](#)** : un système d'agendas partageables ; il est possible de les synchroniser avec un logiciel tiers sur son ordinateur ou avec une application mobile.
|
||||||
|
- **✏️ [Notes](#)** : un système de gestion de notes ; il est possible de les synchroniser avec un logiciel tiers sur son ordinateur ou avec une application mobile.
|
||||||
|
- **📥 [Deck](#)** : un système de gestion de projet basé sur la méthode [Kanban](https://fr.wikipedia.org/wiki/Kanban).
|
||||||
|
- **⭐ [Collectifs](#)** : un système d'organisation de groupes de travail.
|
||||||
|
- **📊 [Sondages](#)** : un système de sondages simples pour les membres du collectif ou l'extérieur.
|
||||||
|
- **📋 [Formulaires](#)** : un système de formulaires et de questionnaires simples pour les membres du collectif ou l'extérieur.
|
||||||
|
- **☑️ [Tâches](#)** : un système de gestion de tâches ; il est possible de les synchroniser avec un logiciel tiers sur son ordinateur ou avec une application mobile.
|
||||||
|
|
||||||
|
La plupart des ces applications peuvent communiquer entre elles et partager des informations ou contenus. De même, les différents contenus peuvent être partagés avec d'autres membres du collectif, ou avec des personnes extérieures.
|
||||||
|
|
||||||
|
Des applications de bureautique (avec le logiciel [Collabora](https://www.collaboraoffice.com/fr/collabora-online/) ou [OnlyOffice](https://www.onlyoffice.com) selon le choix de l'administration de votre instance) permettent l'**édition collaborative de documents** :
|
||||||
|
|
||||||
|
- **Traitement de texte**
|
||||||
|
- **Feuille de calcul**
|
||||||
|
- **Présentation**
|
||||||
|
- **Diagramme**
|
||||||
|
|
||||||
|
## Pourquoi Nextcloud ?
|
||||||
|
|
||||||
|
Il existe plusieurs services de *cloud* connus et répandus, tels que Google Drive, Microsoft OneDrive, Dropbox, iCloud, Amazon Drive. Ces services, tous centralisés et souvent hébergés aux États-Unis reposent sur l'exploitation des données qui y sont stockées. L'utilisateurice, en acceptant les conditions générales d'utilisation, laisse ces hébergeurs utiliser des données privées ou professionnelles en vue d'une exploitation commerciale.
|
||||||
|
|
||||||
|
Contrairement à Nextcloud, la plupart de ces services ne respectent pas le [Réglement Général de la Protection des Données](https://www.cnil.fr/fr/reglement-europeen-protection-donnees) (RGPD) qui régie nos données en Union Européenne, ni la [Nouvelle Loi sur la Protection des Données](https://www.kmu.admin.ch/kmu/fr/home/faits-et-tendances/digitalisation/protection-des-donnees/nouvelle-loi-sur-la-protection-des-donnees-nlpd.html) (NLPD) en Suisse, ni le [Data Protection and Digital Information Bill](https://bills.parliament.uk/bills/3322) (DPDIB) au Royaume-Uni.
|
||||||
|
|
||||||
|
En quoi Nextcloud est-il différent ?
|
||||||
|
|
||||||
|
- C'est un **logiciel libre** dont le code source est diffusé et donc auditable par des développeureuses indépendant⋅es de l'éditeur.
|
||||||
|
- C'est un logiciel qui peut être installé sur son propre serveur, comme peut le faire [Ouvaton](https://ouvaton.coop) ou plus largement [Les CHATONS](https://www.chatons.org/search/by-service?field_software_target_id=271) (on parle alors d'instance). **Vous gardez ainsi la main sur vos données** !
|
||||||
|
|
||||||
|
> 📗 Une **instance** est un exemplaire (une copie) du logiciel Nextcloud installé sur un serveur Web. D'autres coopératives, entreprises, associations... peuvent avoir leur propre instance Nextcloud. Depuis la version 29, les développeurs de Nextcloud s'efforcent de fédérer les instances entre elles pour faciliter les échanges et la communication.
|
||||||
|
|
||||||
|
## À propos de cette documentation
|
||||||
|
|
||||||
|
Ce guide d'utilisation concerne la version 29 de Nextcloud. Il a été créé par [Marion Bouder](https://marion.bouder.me) pour [Accolades](https://accolades.coop) et [Ouvaton](https://ouvaton.coop) en s'inspirant du travail de documentation proposé par [La Dérivation](https://derivation.fr/documentation-nextcloud/), repris par [Coopaname](https://documentation.coopaname.coop). Il s'appuie sur des documentations déjà existantes, notamment le travail de [Dimitri Robert](https://formation-logiciel-libre.com/dimitri-robert/) pour L.A. Coalition, ainsi que la [documentation officielle](https://docs.nextcloud.com/server/latest/user_manual/en/) de Nextcloud.
|
||||||
|
|
||||||
|
![https//licensebuttonsnet/l/bysa/40/88x31png](https://i.creativecommons.org/l/by-sa/4.0/88x31.png)
|
||||||
|
Cette documentation est mise à disposition selon les termes de la [Licence Creative Commons Attribution - Partage dans les Mêmes Conditions 4.0 International](http://creativecommons.org/licenses/by-sa/4.0/).
|
||||||
|
|
||||||
|
*CC-BY-SA Marion Bouder - [Accolades](https://accolades.coop) - [Ouvaton](https://ouvaton.coop)*
|
10
README.md
|
@ -10,13 +10,11 @@ Il sera également plus simple de suivre et mettre à jour la documentation à l
|
||||||
## État
|
## État
|
||||||
|
|
||||||
### Actuel
|
### Actuel
|
||||||
|
Actuellement le dépôt contient les fichiers d'une conversion automatique réalisée à l'aide de [wordpress-export-to-markdown](https://github.com/lonekorean/wordpress-export-to-markdown).
|
||||||
Cette branche nommé **grav** contient les fichiers Markdown structurés pour convenir à l'utilisation du CMS Grav.
|
Il s'agit de la version 0.1 de notre documentation.
|
||||||
Il suffit de maintenir la cohérence entre cette branche et le répertoire « user/pages » d'un Grav pour obtenir un site simple et fonctionnel.
|
|
||||||
|
|
||||||
C'est actuellement ce qui est visible sur [https://documentation.ouvaton.coop](le site de documentation).
|
|
||||||
|
|
||||||
### Prochaines étapes
|
### Prochaines étapes
|
||||||
|
|
||||||
1. Passer en revue tous les fichiers et images et mettre à jour si nécessaire.
|
1. Passer en revue tous les fichiers et images et mettre à jour si nécessaire.
|
||||||
2. Revoir les catégories utilisées (Web, SFTP, SQL etc) pour classer les pages de documnetation ?
|
2. Déterminer un outil de conversion MD vers HTML à utiliser pour créer le site de documentation.
|
||||||
|
3. Mettre en ligne le site.
|
||||||
|
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 100 KiB |
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
Before Width: | Height: | Size: 8.7 KiB After Width: | Height: | Size: 8.7 KiB |
Before Width: | Height: | Size: 132 KiB After Width: | Height: | Size: 132 KiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 50 KiB |
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 76 KiB |