\n\n
Soll in Codebl\u00f6cken eine Syntaxhervorhebung erfolgen, kann man Code Syntax Highlighter<\/a> einsetzen.<\/p>\n Die Markdownf\u00e4higkeiten von GRAV kann man mit dem Mermaid-Plugin<\/a> von Daniel Flaum erweitern.<\/p>\n Details on the full capabilities of Spectre.css can be found in the Official Spectre Documentation<\/a><\/p>\n<\/div>\n The Quark2 theme<\/a> is the new default theme for Grav 2.x built with Spectre.css<\/a> 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.<\/p>\n Deutsche \"Anführungszeichen\" funktionieren auf zwei Ebenen:\nDenn \"auch in Zitaten, sagte der Typograf, 'könnte zitiert werden', und was dann?\".<\/p>\n Drei Punkte ...<\/p>\n Bindestrich -<\/p>\n Halbgeviert -- <\/p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet<\/a>, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.<\/p>\n 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.<\/p>\n Bold<\/strong> Italic<\/em> I18N<\/abbr> Citation<\/cite> Ctrl + S<\/kbd> TextSuperscripted<\/sup> TextSubscripted<\/sub> Underlined<\/u> Highlighted<\/mark> Mermaid Plugin<\/a><\/h2>\n
\ngraph TB\nsq[Square shape] --> ci((Circle shape))\n\nsubgraph A subgraph\n od>Odd shape]-- Two line
edge comment --> ro\n di{Diamond
line break} -.-> ro(Rounded
square
shape)\n di==>ro2(Rounded square shape)\nend\n\nclassDef green fill:#9f6,stroke:#333,stroke-width:2px;\nclassDef orange fill:#f96,stroke:#333,stroke-width:4px;\nclass sq,e green\nclass di orange\n<\/pre>\n\ngantt\nsection Gantt-Diagramm\nBeendet :done, des1, 2014-01-06,2014-01-08\nAktiv :active, des2, 2014-01-07, 3d\nParallel 1 :active, des3, after des1, 1d\nParallel 2 : des4, after des1, 1d\nParallel 3 : des5, after des3, 1d\nParallel 4 : des6, after des4, 1d\n<\/pre>\n
\npie\n\"Webdesign\" : 800\n\"Beratung\" : 450\n\"Dienstleistung\" : 900\n\"Drucksachen\" : 1180\n<\/pre>\n
\ngraph LR\n A(Linke Box)-->B(asd Box)\n B(Mitte)---C(Rechte Box)\n A(oben)-- Text auf der Verbindung-->C(unten)\n A(Linke Box)-->D(unten mitte)\n<\/pre>\n
\ngraph TD\nA[Boss] --- B(Bereich Nord)\nB ---|Finanzen| D[UK]\nB ---|Two| E[fa:fa-clock Personal]\nB ---|Three| F[fa:fa-car IT]\nC -.->|dieser Text ist wichtig|D\nA[Boss] --- C(Bereich S\u00fcd)\nC --- G[fa:fa-car IT]\n<\/pre>","date_modified":"2026-09-14T17:18:34+02:00","tags":["GRAV","CMS","Plugin"]},{"title":"Typography","date_published":"2026-09-11T13:48:28+02:00","id":"https:\/\/line.hadiag.com\/de\/cms\/typography","url":"https:\/\/line.hadiag.com\/de\/cms\/typography","content_html":"Headings<\/a><\/h3>\n
H1 Heading
40px<\/code><\/a><\/h1>\nH2 Heading
32px<\/code><\/a><\/h2>\nH3 Heading
28px<\/code><\/a><\/h3>\nH4 Heading
24px<\/code><\/a><\/h4>\nH5 Heading
20px<\/code><\/a><\/h5>\nH6 Heading
16px<\/code><\/h6>\n# H1 Heading\n# H1 Heading `40px`<\/small>`\n\n<span class=\"h1\">H1 Heading<\/span><\/code><\/pre>\nTypografic Details<\/a><\/h3>\n
Paragraphs<\/a><\/h3>\n
Markdown Semantic Text Elements<\/a><\/h3>\n
**Bold**<\/code><\/p>\n_Italic_<\/code><\/p>\nDeleted<\/del> ~~Deleted~~<\/code><\/p>\nInline Code<\/code> `Inline Code`<\/code><\/p>\nHTML Semantic Text Elements<\/a><\/h3>\n
<abbr><\/code><\/p>\n<cite><\/code><\/p>\n<kbd><\/code><\/p>\n<sup><\/code><\/p>\n<sub><\/code><\/p>\n<u><\/code><\/p>\n<mark><\/code><\/p>\n