Modifies the customizing Home page

Author: jmagak

modules/getting-started/proc-customize-rhdh-homepage.adoc

@@ -15,6 +15,10 @@ When using the `app-config`, you can do the following:
 ** Catalog starred entities
 ** Featured docs
 
+== Customizing the Home page cards
+
+Administrators can change the fixed height of cards that are in a 12-column grid.
+
 The default Home page is as shown in the following `app-config` file configuration:
 
 [source,yaml]
@@ -58,11 +62,6 @@ dynamicPlugins:
               xxs: { w: 12, h: 4 }
 ----
 
-
-== Customizing the Home page cards
-
-Administrators can change the fixed height of cards that are in a 12-column grid.
-
 === Example card configurations for your Home page in {product}
 
 You can configure different cards for your Home page in {product}, as follows:
@@ -183,15 +182,41 @@ dynamicPlugins:
     janus-idp.backstage-plugin-dynamic-home-page:
       mountPoints:
         - mountPoint: home.page/cards
-          importName: SearchBar
+          importName: MarkdownCard
           config:
             layouts:
-              xl: { w: 10, h: 1, x: 1 }
-              lg: { w: 10, h: 1, x: 1 }
-              md: { w: 10, h: 1, x: 1 }
-              sm: { w: 10, h: 1, x: 1 }
-              xs: { w: 12, h: 1 }
-              xxs: { w: 12, h: 1 }
+              xl: { w: 6, h: 4 }
+              lg: { w: 6, h: 4 }
+              md: { w: 6, h: 4 }
+              sm: { w: 6, h: 4 }
+              xs: { w: 6, h: 4 }
+              xxs: { w: 6, h: 4 }
+            props:
+              title: Company links
+              content: |
+                ### RHDH
+                * [Website](https://developers.redhat.com/rhdh/overview)
+                * [Documentation](https://docs.redhat.com/en/documentation/red_hat_developer_hub/)
+                * [GitHub Showcase](https://github.com/janus-idp/backstage-showcase)
+                * [GitHub Plugins](https://github.com/janus-idp/backstage-plugins)
+        - mountPoint: home.page/cards
+          importName: Markdown
+          config:
+            layouts:
+              xl: { w: 6, h: 4, x: 6 }
+              lg: { w: 6, h: 4, x: 6 }
+              md: { w: 6, h: 4, x: 6 }
+              sm: { w: 6, h: 4, x: 6 }
+              xs: { w: 6, h: 4, x: 6 }
+              xxs: { w: 6, h: 4, x: 6 }
+            props:
+              title: Important company links
+              content: |
+                ### RHDH
+                * [Website](https://developers.redhat.com/rhdh/overview)
+                * [Documentation](https://docs.redhat.com/en/documentation/red_hat_developer_hub/)
+                * [GitHub Showcase](https://github.com/janus-idp/backstage-showcase)
+                * [GitHub Plugins](https://github.com/janus-idp/backstage-plugins)
 ----
 --
 
@@ -205,15 +230,18 @@ dynamicPlugins:
     janus-idp.backstage-plugin-dynamic-home-page:
       mountPoints:
         - mountPoint: home.page/cards
-          importName: SearchBar
+          importName: Placeholder
           config:
             layouts:
-              xl: { w: 10, h: 1, x: 1 }
-              lg: { w: 10, h: 1, x: 1 }
-              md: { w: 10, h: 1, x: 1 }
-              sm: { w: 10, h: 1, x: 1 }
-              xs: { w: 12, h: 1 }
-              xxs: { w: 12, h: 1 }
+              xl: { w: 1, h: 1 }
+              lg: { w: 1, h: 1 }
+              md: { w: 1, h: 1 }
+              sm: { w: 1, h: 1 }
+              xs: { w: 1, h: 1 }
+              xxs: { w: 1, h: 1 }
+            props:
+              showBorder: true
+              debugContent: '1'
 ----
 --
 
@@ -227,15 +255,7 @@ dynamicPlugins:
     janus-idp.backstage-plugin-dynamic-home-page:
       mountPoints:
         - mountPoint: home.page/cards
-          importName: SearchBar
-          config:
-            layouts:
-              xl: { w: 10, h: 1, x: 1 }
-              lg: { w: 10, h: 1, x: 1 }
-              md: { w: 10, h: 1, x: 1 }
-              sm: { w: 10, h: 1, x: 1 }
-              xs: { w: 12, h: 1 }
-              xxs: { w: 12, h: 1 }
+          importName: CatalogStarredEntitiesCard
 ----
 --
 
@@ -249,15 +269,7 @@ dynamicPlugins:
     janus-idp.backstage-plugin-dynamic-home-page:
       mountPoints:
         - mountPoint: home.page/cards
-          importName: SearchBar
-          config:
-            layouts:
-              xl: { w: 10, h: 1, x: 1 }
-              lg: { w: 10, h: 1, x: 1 }
-              md: { w: 10, h: 1, x: 1 }
-              sm: { w: 10, h: 1, x: 1 }
-              xs: { w: 12, h: 1 }
-              xxs: { w: 12, h: 1 }
+          importName: FeaturedDocsCard
 ----
 --
 
@@ -421,7 +433,7 @@ proxy:
 ----
 
 
-=== Using a dedicated service to provide data to the Home page
+=== Using a dedicated service to provide data to the Quick access card
 
 When using a dedicated service, you can do the following: