[Backport 12.4] Restructure chapters and add missing cards (#543)

* [TASK] Add missing cards in TYPO3 concepts

* [TASK] Adapt order in firstProjectSetup

* [TASK] Adapt order in working with extensions

* Update Documentation/Extensions/Index.rst

---------

Co-authored-by: Kiebele <[email protected]>
Co-authored-by: Lina Wolf <[email protected]>

Author: 3 people

Documentation/Concepts/Index.rst

@@ -15,37 +15,29 @@ TYPO3 Concepts
     :class: pb-4
     :card-height: 100
 
-    ..  card:: TypoScript
-
-        TypoScript is the basic configuration language used to configure the
-        frontend output of a page in TYPO3.
-
-        ..  card-footer:: :ref:`Create a minimal page created by pure TypoScript <typoscript>`
-            :button-style: btn btn-secondary stretched-link
-
-    ..  card:: Fluid templating
+    ..  card:: Backend
 
-        Fluid is the standard templating engine that is used with TYPO3.
+        The backend in TYPO3 is the administrative interface where users
+        manage content, configure settings, and control the overall
+        structure and functionality of the website.
 
-        ..  card-footer:: :ref:`Quick introduction to Fluid <fluid-templates>`
+        ..  card-footer:: :ref:`Backend <backend>`
             :button-style: btn btn-secondary stretched-link
 
-    ..  card:: TCA
+    ..  card:: Frontend
 
-        TCA (Table Configuration Array) in TYPO3 is a configuration system that
-        defines the structure, behavior, and appearance of database tables and
-        their fields in the backend, impacting how data is stored, validated,
-        and displayed.
+        The frontend in TYPO3 refers to the part of the website that visitors
+        see and interact with, including all visual elements and
+        content displayed in the browser.
 
-        ..  card-footer:: :ref:`Quick introduction to TCA <tca>`
+        ..  card-footer:: :ref:`Frontend <frontend>`
             :button-style: btn btn-secondary stretched-link
 
-    ..  card:: Webroot and assets
+    ..  card:: Project Structure
 
-        In TYPO3 files that are displayed in the web browser, must - for
-        security reasons - be placed in certain directories.
+        This chapter describes the structure of a TYPO3 project.
 
-        ..  card-footer:: :ref:`Webroot and assets - where to put public files <webroot>`
+        ..  card-footer:: :ref:`Project Structure <project-structure>`
             :button-style: btn btn-secondary stretched-link
 
     ..  card:: Extensions
@@ -66,26 +58,55 @@ TYPO3 Concepts
         ..  card-footer:: :ref:`Cache <cache>`
             :button-style: btn btn-secondary stretched-link
 
-    ..  card:: Project Structure
+    ..  card:: TypoScript
 
-        This chapter describes the structure of a TYPO3 project.
+        TypoScript is the basic configuration language used to configure the
+        frontend output of a page in TYPO3.
 
-        ..  card-footer:: :ref:`Project Structure <project-structure>`
+        ..  card-footer:: :ref:`Create a minimal page created by pure TypoScript <typoscript>`
             :button-style: btn btn-secondary stretched-link
 
+    ..  card:: Fluid templating
+
+        Fluid is the standard templating engine that is used with TYPO3.
+
+        ..  card-footer:: :ref:`Quick introduction to Fluid <fluid-templates>`
+            :button-style: btn btn-secondary stretched-link
+
+    ..  card:: TCA
+
+        TCA (Table Configuration Array) in TYPO3 is a configuration system that
+        defines the structure, behavior, and appearance of database tables and
+        their fields in the backend, impacting how data is stored, validated,
+        and displayed.
+
+        ..  card-footer:: :ref:`Quick introduction to TCA <tca>`
+            :button-style: btn btn-secondary stretched-link
+
+    ..  card:: Webroot and assets
+
+        In TYPO3 files that are displayed in the web browser, must - for
+        security reasons - be placed in certain directories.
+
+        ..  card-footer:: :ref:`Webroot and assets - where to put public files <webroot>`
+            :button-style: btn btn-secondary stretched-link
+
+
 ..  toctree::
     :caption: Topics
     :glob:
     :titlesonly:
     :hidden:
 
+    Backend/Index
+    Frontend/Index
+    ProjectStructure/Index
+    Extensions/Index
+    Cache/Index
     TypoScript/Index
     Fluid/Index
     TCA/Index
     Assets/Index
-    Backend/Index
-    Frontend/Index
-    Extensions/Index
     */Index
     *
 

Documentation/Extensions/Index.rst

@@ -21,19 +21,19 @@ Working With Extensions
 
         Information on how to install extensions using Composer.
 
-    ..  card:: :ref:`Recommended extensions <recommended-extensions>`
-
-        An overview of recommended extensions.
-
     ..  card:: :ref:`Create your own extension <create-own-extension>`
 
         This guide contains information on how to create your own extension.
 
+    ..  card:: :ref:`Recommended extensions <recommended-extensions>`
+
+        An overview of recommended extensions.
+        
 ..  toctree::
     :hidden:
     :titlesonly:
 
     HowToFindExtensions
     InstallingExtensions
-    RecommendedExtensions
     CreateOwnExtension
+    RecommendedExtensions

Documentation/FirstProject/Index.rst

@@ -13,6 +13,15 @@ First project setup
     :class: pb-4
     :card-height: 100
 
+    ..  card:: The "Introduction Package"
+
+        The "Introduction Package" is a great place to start if you are looking
+        to test drive TYPO3 and see a prebuilt site that contains
+        a range of example page templates and content.
+
+        ..  card-footer:: :ref:`Set up a prebuild site <introductionpackage_index>`
+            :button-style: btn btn-secondary stretched-link
+
     ..  card:: :ref:`Root page <create-root-page>`
 
         Learn how to create the first page, the so called root page.
@@ -29,16 +38,6 @@ First project setup
         ..  card-footer:: :ref:`Create a site configuration <site-configuration>`
             :button-style: btn btn-secondary stretched-link
 
-
-    ..  card:: The "Introduction Package"
-
-        The "Introduction Package" is a great place to start if you are looking
-        to test drive TYPO3 and see a prebuilt site that contains
-        a range of example page templates and content.
-
-        ..  card-footer:: :ref:`Set up a prebuild site <introductionpackage_index>`
-            :button-style: btn btn-secondary stretched-link
-
     ..  card:: :ref:`Settings <siterecords>`
 
         Learn where to apply settings for your system.
@@ -57,8 +56,8 @@ First project setup
     :hidden:
     :titlesonly:
 
+    IntroductionPackage/Index
     CreateRootPage
     SiteManagement/Index
-    IntroductionPackage/Index
     Settings
     CreateSitePackage