Prepare docs

- System - Introduction
contao-thememanager · Jan 9, 2024 · f40eb49 · f40eb49
1 parent 6f66119
commit f40eb49
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 46 deletions.
diff --git a/docs/pages/docs/installation/system.md b/docs/pages/docs/installation/system.md
@@ -4,11 +4,6 @@ Um den Contao ThemeManager zu nutzen, muss der Webserver die für Contao erforde
 [Systemvoraussetzungen](https://docs.contao.org/manual/de/installation/systemvoraussetzungen/) ab **Contao 4.13**
 erfüllen, zusätzlich müssen auch folgende Anforderungen erfüllt sein.
 
-- [Software](#software)
-- [Contao](#unterstützte-contao-versionen)
-- [PHP-Erweiterungen](#benötigte-php-erweiterungen)
-- [Symfony & Contao-Erweiterungen](#symfony-und-contao-erweiterungen)
-
 ## Software
 
 Folgende Software muss auf dem Webserver installiert sein, damit der ThemeManager eingesetzt werden kann.
@@ -21,34 +16,34 @@ Empfohlen wird bei der Nutzung die [Managed Edition](https://contao.org/de/downl
 ## Unterstützte Contao-Versionen
 
 Unterstützte Contao-Versionen werden nachfolgend aufgelistet.
-Grundsätzlich wird immer die aktuelle [Long-Term-Support-Version](https://contao.org/de/release-plan) von Contao supportet.
-
-| Version    | Support                     |
-|------------|-----------------------------|
-| 4.13 (LTS) | ✅                           |
-| 5.0        | ❌                           |
-| 5.1        | ~~✅~~ (Support eingestellt) |
-| 5.2        | ✅                           |
-| 5.3 (LTS)  | 🔜 (Februar 2024)           |
+Grundsätzlich wird immer die aktuelle [Long-Term-Support-Version](https://contao.org/de/release-plan) von Contao
+supportet.
 
+| Version    |               Support |
+|------------|----------------------:|
+| 4.13 (LTS) |                     ✅ |
+| 5.0        |                     ❌ |
+| 5.1        | (Support eingestellt) |
+| 5.2        |                     ✅ |
+| 5.3 (LTS)  |        (Februar 2024) |
 
 ## Benötigte PHP-Erweiterungen
 
-| Name der Erweiterung                                                                                                        |                                                          |
-|-----------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------|
-| <a href="https://www.php.net/manual/de/book.simplexml.php" class="highlight">SimpleXML</a><br/>(<code>ext-simplexml</code>) | **erforderlich**                                         |
-| <a href="https://www.php.net/manual/de/book.image.php" class="highlight">GD</a><br/>(<code>ext-gd</code>)                   | **erforderlich<sup>1</sup>**                             |
-| <a href="https://www.php.net/manual/de/book.imagick.php" class="highlight">Imagick</a><br/>(<code>ext-imagick</code>)       | erfordert GD, <br/>Imagick oder <br/>Gmagick<sup>1</sup> |
-| <a href="https://www.php.net/manual/de/book.gmagick.php" class="highlight">Gmagick</a><br/>(<code>ext-gmagick</code>)       | erfordert GD, <br/>Imagick oder <br/>Gmagick<sup>1</sup> |
+| Name der Erweiterung                                                                                                        |                                              |
+|-----------------------------------------------------------------------------------------------------------------------------|----------------------------------------------|
+| <a href="https://www.php.net/manual/de/book.simplexml.php" class="highlight">SimpleXML</a><br/>(<code>ext-simplexml</code>) | **erforderlich**                             |
+| <a href="https://www.php.net/manual/de/book.image.php" class="highlight">GD</a><br/>(<code>ext-gd</code>)                   | **erforderlich**                             |
+| <a href="https://www.php.net/manual/de/book.imagick.php" class="highlight">Imagick</a><br/>(<code>ext-imagick</code>)       | erfordert GD, <br/>Imagick oder <br/>Gmagick |
+| <a href="https://www.php.net/manual/de/book.gmagick.php" class="highlight">Gmagick</a><br/>(<code>ext-gmagick</code>)       | erfordert GD, <br/>Imagick oder <br/>Gmagick |
 
 ## Symfony und Contao-Erweiterungen
 
-| Name der Erweiterung                                                                                                         |         Version |
-|------------------------------------------------------------------------------------------------------------------------------|----------------:|
-| [oveleon/contao-component-style-manager](https://packagist.org/packages/oveleon/contao-component-style-manager)              |          ^3.4.1 |
-| [oveleon/contao-theme-compiler-bundle](https://packagist.org/packages/oveleon/contao-theme-compiler-bundle)                  |            ^1.7 |
-| [oveleon/contao-config-driver-bundle](https://packagist.org/packages/oveleon/contao-config-driver-bundle)                    |          ^1.2.2 |
-| [madeyourday/contao-rocksolid-custom-elements](https://packagist.org/packages/madeyourday/contao-rocksolid-custom-elements)  |            ^2.4 |
-| [madeyourday/contao-rocksolid-icon-picker](https://packagist.org/packages/madeyourday/contao-rocksolid-icon-picker)          |            ^2.1 |
-| [symfony/filesystem](https://packagist.org/packages/symfony/filesystem)                                                      |  ^5.4 oder ^6.0 |
+| Name der Erweiterung                                                                                                        |        Version |
+|-----------------------------------------------------------------------------------------------------------------------------|---------------:|
+| [oveleon/contao-component-style-manager](https://packagist.org/packages/oveleon/contao-component-style-manager)             |         ^3.4.1 |
+| [oveleon/contao-theme-compiler-bundle](https://packagist.org/packages/oveleon/contao-theme-compiler-bundle)                 |           ^1.7 |
+| [oveleon/contao-config-driver-bundle](https://packagist.org/packages/oveleon/contao-config-driver-bundle)                   |         ^1.3.1 |
+| [madeyourday/contao-rocksolid-custom-elements](https://packagist.org/packages/madeyourday/contao-rocksolid-custom-elements) |           ^2.4 |
+| [madeyourday/contao-rocksolid-icon-picker](https://packagist.org/packages/madeyourday/contao-rocksolid-icon-picker)         |           ^2.1 |
+| [symfony/filesystem](https://packagist.org/packages/symfony/filesystem)                                                     | ^5.4 oder ^6.0 |
 
diff --git a/docs/pages/docs/introduction/index.md b/docs/pages/docs/introduction/index.md
@@ -14,35 +14,47 @@ ___
 
 ## Schnelleinstieg
 
-### Systemanforderungen
+<div class="grid cards" markdown>
 
-Bevor du mit der Installation beginnst, stelle sicher, dass dein System den erforderlichen Anforderungen für den
-Contao ThemeManager entspricht. Erfahre mehr über die notwendigen Voraussetzungen, um den Contao ThemeManager nutzen zu
-können.
+-   :material-clock-fast:{ .lg .middle } __Systemanforderungen__
 
-- [Zu den Systemanforderungen](/pages/docs/installation/system/)
+    ---
 
-### Download und Installation
+    Bevor du mit der Installation beginnst, stelle sicher, dass dein System den erforderlichen Anforderungen für den
+    Contao ThemeManager entspricht. Erfahre mehr über die notwendigen Voraussetzungen, um den Contao ThemeManager nutzen zu
+    können.
 
-Hier erfährst du, wie du den Contao ThemeManager herunterladen und erfolgreich in deine Contao-Installation integrieren
-kannst. Schritt-für-Schritt-Anleitungen helfen dir, das Plugin reibungslos zu installieren.
+    [:octicons-arrow-right-24: Systemanforderungen](/pages/docs/installation/system/)
 
-- [Installation des ThemeManagers](installation/installation.md)
+-   :fontawesome-brands-markdown:{ .lg .middle } __Download und Installation__
 
-### Ersteinrichtung
+    ---
 
-Nach der Installation ist es wichtig, den Contao ThemeManager korrekt einzurichten. Entdecke, wie du die ersten
-Konfigurationsschritte durchführst und das Theme-Management optimal auf deine Bedürfnisse abstimmst.
+    Hier erfährst du, wie du den Contao ThemeManager herunterladen und erfolgreich in deine Contao-Installation integrieren
+    kannst. Schritt-für-Schritt-Anleitungen helfen dir, das Plugin reibungslos zu installieren.
 
-- [Ersteinrichtung des ThemeManagers](installation/setup.md)
+    [:octicons-arrow-right-24: Installation](/pages/docs/installation/install/)
 
-### Demo installieren
+-   :material-format-font:{ .lg .middle } __Ersteinrichtung__
 
-Möchtest du vor der eigentlichen Nutzung eine Testumgebung aufsetzen? Hier erfährst du, wie du die
-[Demo](https://demo.contao-thememanager.com) des Contao ThemeManagers installierst und die wichtigsten Funktionen
-kennenlernen kannst.
+    ---
 
-- [ThemeManager Demo installieren](guides/step-by-step/demo.md)
+    Nach der Installation ist es wichtig, den Contao ThemeManager korrekt einzurichten. Entdecke, wie du die ersten
+    Konfigurationsschritte durchführst und das Theme-Management optimal auf deine Bedürfnisse abstimmst.
+
+    [:octicons-arrow-right-24: Ersteinrichtung](/pages/docs/installation/setup/)
+
+-   :material-scale-balance:{ .lg .middle } __ThemeManager Demo__
+
+    ---
+
+    Möchtest du vor der eigentlichen Nutzung eine Testumgebung aufsetzen? Hier erfährst du, wie du die
+    [Demo](https://demo.contao-thememanager.com) des Contao ThemeManagers installierst und die wichtigsten Funktionen
+    kennenlernen kannst.
+
+    [:octicons-arrow-right-24: Demo installieren](#)
+
+</div>
 
 
 <br/>