#20 Split repository from tutorials

Split demo content from tutorials, so it is a demo only repository:
- remove unused plugins & content
- cleanup existing demo content
- refactorings on page structure
- enhancements of style
- update example pages (modular)
- create `clearboth` shortcode

---
Crabston/tutorials#1

.dependencies

@@ -3,10 +3,6 @@ git:
         url: https://github.com/getgrav/grav-plugin-admin
         path: user/plugins/admin
         branch: master
-    anchors:
-        url: https://github.com/getgrav/grav-plugin-anchors
-        path: user/plugins/anchors
-        branch: master
     archives:
         url: https://github.com/getgrav/grav-plugin-archives
         path: user/plugins/archives
@@ -75,10 +71,7 @@ git:
         url: https://github.com/Crabston/grav-theme-minimal
         path: user/themes/minimal
         branch: main
-    page-inject:
-        url: https://github.com/getgrav/grav-plugin-page-inject
-        path: user/plugins/page-inject
-        branch: master
+    # Demo only
     page-toc:
         url: https://github.com/trilbymedia/grav-plugin-page-toc
         path: user/plugins/page-toc
@@ -87,10 +80,6 @@ git:
         url: https://github.com/getgrav/grav-plugin-pagination
         path: user/plugins/pagination
         branch: master
-    prism-highlight:
-        url: https://github.com/trilbymedia/grav-plugin-prism-highlight
-        path: user/plugins/prism-highlight
-        branch: master
     problems:
         url: https://github.com/getgrav/grav-plugin-problems
         path: user/plugins/problems
@@ -107,10 +96,6 @@ git:
         url: https://github.com/trilbymedia/grav-plugin-quick-tray-links
         path: user/plugins/quick-tray-links
         branch: master
-    readingtime:
-        url: https://github.com/getgrav/grav-plugin-readingtime
-        path: user/plugins/readingtime
-        branch: master
     shortcode-core:
         url: https://github.com/getgrav/grav-plugin-shortcode-core
         path: user/plugins/shortcode-core

README.md

@@ -1,6 +1,6 @@
-# Grav Tutorial
+# Grav Demo Site
 
-Demo site & Tutorials to Grav CMS
+Demo site for Grav CMS by Crabston.
 
 ## Installation
 

config/plugins/feed.yaml

@@ -1,7 +1,7 @@
 enabled: true
 limit: 10
-title: 'Grav Tutorial'
-description: 'Mit dieser Demoseite und den Tutorials zu Grav CMS lernst du die und wichtigsten Funktionen von Grav CMS kennen und kannst diese bei deiner Website anwenden.'
+title: 'Grav Website Demo'
+description: 'Dies ist eine inoffizielle Demoseite der Crabston GmbH über Grav CMS. Sie dient als Beispiel für die Verwendung von Grav und zeigt die Möglichkeiten des CMS.'
 length: 500
 enable_json_feed: true
 show_last_modified: false

config/plugins/sitemap.yaml

@@ -8,7 +8,7 @@ standalone_sitemap_news: false
 sitemap_news_path: /sitemap-news.xml
 news_max_age_days: 14
 news_enabled_paths:
-  - /tutorial
+  - /blog
 ignores:
   - /blog/blog-post-to-ignore
   - /ignore-this-route

config/plugins/taxonomylist.yaml

@@ -1,2 +1,2 @@
 enabled: true
-route: /tutorial
+route: /blog

config/site.yaml

@@ -1,4 +1,4 @@
-title: 'Grav Tutorial'
+title: 'Grav Website Demo'
 default_lang: de
 author:
   name: 'Crabston GmbH'
@@ -10,7 +10,7 @@ taxonomies:
   - author
   - filter
 metadata:
-  description: 'Mit dieser Demoseite und den Tutorials zu Grav CMS lernst du die und wichtigsten Funktionen von Grav CMS kennen und kannst diese bei deiner Website anwenden.'
+  description: 'Dies ist eine inoffizielle Demoseite der Crabston GmbH über Grav CMS. Sie dient als Beispiel für die Verwendung von Grav und zeigt die Möglichkeiten des CMS.'
 summary:
   enabled: true
   format: short
@@ -19,4 +19,4 @@ summary:
 redirects: null
 routes: null
 blog:
-  route: '/tutorial'
+  route: '/blog'

config/system.yaml

@@ -28,7 +28,7 @@ languages:
   pages_fallback_only: false
   debug: false
 home:
-  alias: /tutorial
+  alias: /start
   hide_in_urls: false
 pages:
   type: regular

config/themes/local.yaml

@@ -18,7 +18,7 @@ header-animated: true
 header-dark: false
 header-transparent: false
 sticky-footer: true
-blog-page: /tutorial
+blog-page: /blog
 spectre:
   exp: false
   icons: false
@@ -31,26 +31,26 @@ menu:
     url: 'https://getgrav.org/'
     target: _blank
 dropdown:
-  enabled: false
+  enabled: true
 blog_page_hero_classes: 'text-light title-h1h2 overlay-dark-gradient hero-large parallax'
 favicon:
-  user/themes/local/images/favicon.png:
-    name: favicon.png
-    full_path: favicon.png
-    type: image/png
-    size: 8187
-    path: user/themes/local/images/favicon.png
+  user/themes/local/images/favicon.svg:
+    name: favicon.svg
+    full_path: favicon.svg
+    type: image/svg+xml
+    size: 4868
+    path: user/themes/local/images/favicon.svg
 custom_logo:
-  user/themes/local/images/logo/logo.png:
-    name: logo.png
-    full_path: logo.png
-    type: image/png
-    size: 8187
-    path: user/themes/local/images/logo/logo.png
+  user/themes/local/images/logo/logo.svg:
+    name: logo.svg
+    full_path: logo.svg
+    type: image/svg+xml
+    size: 4868
+    path: user/themes/local/images/logo/logo.svg
 custom_logo_mobile:
-  user/themes/local/images/logo/logo.png:
-    name: logo.png
-    full_path: logo.png
-    type: image/png
-    size: 8187
-    path: user/themes/local/images/logo/logo.png
+  user/themes/local/images/logo/logo.svg:
+    name: logo.svg
+    full_path: logo.svg
+    type: image/svg+xml
+    size: 4868
+    path: user/themes/local/images/logo/logo.svg

pages/01.start/default.de.md

@@ -0,0 +1,63 @@
+---
+title: Über
+sitemap:
+  changefreq: yearly
+  priority: 1.0
+  lastmod: 27-08-2024
+date: 27-08-2024
+---
+
+# Über diese Seite
+
+Dies ist eine inoffizielle Demoseite der [Crabston GmbH](https://crabston.ch) über [Grav CMS](https://getgrav.org). Sie dient als Beispiel für die Verwendung von Grav und zeigt die Möglichkeiten des CMS.
+
+## Inhalt
+
+Auf dieser Demoseite gibt es diverse Beispielseiten, welche die Funktionalität von Grav und den verwendeten Plugins demonstrieren:
+- [Komponenten](/komponenten) - Liste aller verfügbaren Komponenten, die auf der Seite verwendet werden können
+- [Beispiele](/beispiele) - konkrete Beispiele für mögliche Seiteninhalte und deren Darstellung
+- [Blog](/blog) - eine Beispiel-Blogseite mit verschiedenen Beiträgen
+
+## CMS
+
+Diese Seite wurde mit dem [Grav CMS](https://getgrav.org) erstellt. Grav ist ein modernes Open-Source-Flat-File-CMS, das auf PHP basiert. Es ist einfach zu bedienen und bietet viele Funktionen, die es zu einer guten Wahl für viele Websites machen.
+
+### Theme
+
+Diese Seite nutzt das [Quark Theme](https://github.com/getgrav/grav-theme-quark) als Basis. Quark ist ein flexibles und vielseitiges Theme, das viele Anpassungsmöglichkeiten bietet. Es ist einfach zu bedienen und bietet viele Funktionen, die es zu einer guten Wahl für viele Websites machen.  
+Darauf aufbauend wird ebenfalls das [Quark Open Publishing Theme](https://github.com/hibbitts-design/grav-theme-quark-open-publishing) verwendet, welches speziell für die Verwendung von Grav als Open-Publishing-Plattform entwickelt wurde.  
+Die Crabston GmbH hat darauf aufbauend ein eigenes Theme, [Minimal](https://github.com/Crabston/grav-theme-minimal), entwickelt, welches speziell auf die Bedürfnisse der Kunden zugeschnitten ist.
+
+### Plugins
+
+Diese Seite verwendet verschiedene Plugins, um die Funktionalität zu erweitern. Einige der wichtigsten Plugins sind:
+
+| Plugin                                                                                   | Funktionalität                                                                            |
+|:-----------------------------------------------------------------------------------------|:------------------------------------------------------------------------------------------|
+| [Admin](https://github.com/getgrav/grav-plugin-admin)                                    | Verleiht der Website ein Admin Panel, mit dem die Website verwaltet werden kann           |
+| [Auto SEO](https://github.com/francodacosta/grav-plugin-autoseo)                         | Fügt Metadaten aus dem Inhalt der Website hinzu für die Suchmaschinenoptimierung          |
+| [Email](https://github.com/getgrav/grav-plugin-email)                                    | Erlaubt Grav das versenden von Emails, z. B. bei Formularen                               |
+| [Feed](https://github.com/getgrav/grav-plugin-feed)                                      | Erstellt einen Atom/ RSS Feed aus Blog Beiträgen                                          |
+| [Form](https://github.com/getgrav/grav-plugin-form)                                      | Erlaubt das Erstellen von diversen Formularen via Grav                                    |
+| [Healthcheck](https://github.com/Crabston/grav-plugin-healthcheck)                       | Fügt der Website einen Endpunkt hinzu, um den Status der Website zu überprüfen            |
+| [Markdown Notices](https://github.com/getgrav/grav-plugin-markdown-notices)              | Mit einer bestimmten Syntax können Hinweistextblöcke mit Markdown erstellt werden         |
+| [Page ToC](https://github.com/trilbymedia/grav-plugin-page-toc)                          | Erstellt automatisch Inhaltsverzeichnisse, die der Website hinzugefügt werden können      |
+| [Shortcode Core](https://github.com/getgrav/grav-plugin-shortcode-core)                  | Basis Plugin für andere Shortcode Plugins; stellt erweiterte Formatierungsoptionen bereit |
+| [Shortcode Gallery++](https://github.com/sal0max/grav-plugin-shortcode-gallery-plusplus) | Erlaubt das Erstellen von Galerien mit der Shortcode Syntax                               |
+| [Shortcode Media](https://github.com/getgrav/grav-plugin-shortcode-media)                | Stellt Shortcodes zum Einbinden von Dokumenten und anderen Inhalten bereit                |
+| [Shortcode UI](https://github.com/getgrav/grav-plugin-shortcode-ui)                      | Fügt der Shortcode Syntax diverse komplexe Elemente hinzu, die verwendet werden können    |
+| [Sitemap](https://github.com/getgrav/grav-plugin-sitemap)                                | Erstellt automatisch eine Liste der Seiten mit Metadaten für Suchmaschinen                |
+| [TNT Search](https://github.com/trilbymedia/grav-plugin-tntsearch)                       | Fügt der Website ein Suchfeld hinzu, mit dem die Seite durchsucht werden kann             |
+| [Umami Analytics](https://github.com/Crabston/grav-plugin-umami-analytics)               | Integration von Umami, ein datenschutzorientiertes Tool für Webseitenanalyse, in Grav     |
+| [YouTube](https://github.com/getgrav/grav-plugin-youtube)                                | Einfache Einbindung von YouTube Videos in Grav                                            |
+| [Zooming](https://github.com/JulianSchoenbaechler/grav-plugin-zooming)                   | Fügt Bildern eine Zoom Funktion hinzu                                                     |
+
+## Kontakt
+
+Wenn Sie Fragen oder Anregungen zu dieser Seite haben, dürfen Sie uns gerne kontaktieren. Wir freuen uns über Ihr Feedback und helfen Ihnen gerne weiter. Unsere Kontaktdaten finden Sie auf der [Kontaktseite](https://crabston.ch/über/kontakt).
+
+Sollten Sie technische Probleme mit Ihrer Website haben, kontaktieren Sie bitte Ihren Webmaster oder wenden Sie sich an uns via [support@crabston.dev](mailto:support@crabston.dev) (nur für Kunden der Crabston GmbH mit einem Supportvertrag oder gegen eine Entschädigung).
+
+## Rechtliches
+
+Weitere Informationen zu den rechtlichen Aspekten dieser Seite finden Sie auf dem [Impressum](https://crabston.ch/über/impressum) und [Datenschutz](https://crabston.ch/über/datenschutz) der Crabston GmbH.