Note
Quark 2 is het standaardthema van Grav 2.0. Het gebruikt Blades CSS (de actief onderhouden opvolger van Pico CSS) als een klasseloze basis, gelaagd met een op Cal.com geïnspireerd ontwerpsysteem. De volledige mogelijkheden van Blades worden beschreven in de Officiële Blades CSS-documentatie.
Het Quark 2-thema is het nieuwe standaardthema van Grav en vervangt het aloude Quark (1.x)-thema. Het combineert een puur grijstintenpalet met Cal Sans voor de weergave en Inter voor de hoofdtekst (beide lokaal gehost), Font Awesome 7-pictogrammen en een automatische/lichte/donkere weergave die in de browser van de gebruiker behouden blijft. Het lay-outsysteem is CSS Grid + moderne aangepaste eigenschappen in plaats van een framework-grid.
Kopteksten
Quark 2 gebruikt Cal Sans voor kopteksten en behandelt h1 en h2 verschillend: h1 heeft een lichtere letterdikte, terwijl h2 vetter is en een kleine accentstreep krijgt om sectie-einden aan te geven. h6 wordt weergegeven als een hoofdletter met een wenkbrauwvormig label.
H1-kop — luchtig, displaygewicht
H2-kop — zelfverzekerd, met accentstreep
H3-kop — functionele sectiekop
H4-kop
H5-kop
H6-kop — wenkbrauw in hoofdletters
# H1-kop
## H2-kop
### H3-kop
#### H4-kop
##### H5-kop
###### H6-kop
Alinea's
De hoofdtekst is opgemaakt in Inter met een lettergrootte van 16px, een regelafstand van 1,7 en subtiele spatiëring. Links nemen de accentkleur van het thema over — standaard een ingetogen antracietkleur, maar instelbaar naar elke hex-kleur via Thema's → Quark 2 → Accentkleur.
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.
Klim been, wrijf gezicht over alles, geef de hele dag een dutje voor onder het bed. Achtervolg muizen die hun voeten aanvallen, maar wrijf met hun gezicht over alles dat op goofballs is gesprongen.
Semantische tekstelementen in Markdown
Vetgedrukt **Vetgedrukt**
Cursief _Cursief_
Verwijderd ~~Verwijderd~~
Inline code `Inline code`
Semantische tekstelementen in HTML
I18N <abbr>
Citaat <cite>
Ctrl + S <kbd>
TekstBovenschrift <sup>
TekstOnderschrift <sub>
Onderstreept <u>
Gemarkeerd <mark>
<time>
x = y + 2 <var>
Blockquote
De vooruitgang van technologie is gebaseerd op het zo integreren dat je het nauwelijks merkt, zodat het onderdeel wordt van het dagelijks leven.
- Bill Gates
> De vooruitgang van technologie is gebaseerd op het zo integreren dat je het nauwelijks merkt,
> zodat het onderdeel wordt van het dagelijks leven.
>
> <cite>- Bill Gates</cite>
Ongeordende lijst
-
lijstitem 1
-
lijstitem 2
-
lijstitem 2.1
-
lijstitem 2.2
-
lijstitem 2.3
-
lijstitem 3
* lijstitem 1
* lijstitem 2
* lijstitem 2.1
* lijstitem 2.2
* lijstitem 2.3
* lijstitem 3
Geordende lijst
-
lijstitem 1
-
lijstitem 2
-
lijstitem 2.1
-
lijstitem 2.2
-
lijstitem 2.3
-
lijstitem 3
1. lijstitem 1
1. lijstitem 2
1. lijstitem 2.1
1. lijstitem 2.2
1. lijstitem 2.3
1. lijstitem 3
Tabel
| Naam | Genre | Releasedatum |
| :-------------------------- | :---------------------------: | -------------------: |
| The Shawshank Redemption | Misdaad, Drama | 14 oktober 1994 |
| The Godfather | Misdaad, Drama | 24 maart 1972 |
| Schindler's List | Biografie, Drama, Geschiedenis | 4 februari 1994 |
| Se7en | Misdaad, Drama, Mysterie | 22 september 1995 |
| Naam | Genre | Releasedatum |
| :-------------------------- | :---------------------------: | -------------------: |
| The Shawshank Redemption | Misdaad, Drama | 14 oktober 1994 |
| De Godfather | Misdaad, Drama | 24 maart 1972 |
| Schindler's List | Biografie, Drama, Geschiedenis | 4 februari 1994 |
| Se7en | Misdaad, Drama, Mysterie | 22 september 1995 |
``
### Waarschuwingen
Grav 2.0 vervangt de oude `markdown-notices` plugin door [`github-markdown-alerts`](https://github.com/grav/grav-plugin-github-markdown-alerts), die [GitHub-achtige Markdown-waarschuwingen](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#alerts) weergeeft. Er zijn vijf typen beschikbaar, elk met een accentstreep, pictogram en label:
> [!NOTE]
> Markeer informatie waar gebruikers rekening mee moeten houden, zelfs bij het vluchtig lezen.
> [!TIP]
> Optionele informatie om een gebruiker te helpen succesvoller te zijn.
> [!IMPORTANT]
> Cruciale informatie die nodig is voor gebruikers om succesvol te zijn.
> [!WARNING]
> Kritieke inhoud die onmiddellijke aandacht vereist.