YCloudYUSA · podarok · Jun 19, 2023 · Jun 15, 2023 · Jun 16, 2023 · Jun 16, 2023
diff --git a/content/en/docs/user-documentation/layout-builder/accordion/_index.md b/content/en/docs/user-documentation/layout-builder/accordion/_index.md
@@ -3,7 +3,14 @@ title: Accordion
 description: Expandable pairs of question/answer or header/section fields.
 ---
 
-{{< youtube QczjkFL23W0 >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube QczjkFL23W0 >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Accordion component with block labels](lb-accordion.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 

diff --git a/content/en/docs/user-documentation/layout-builder/accordion/lb-accordion.png b/content/en/docs/user-documentation/layout-builder/accordion/lb-accordion.png
diff --git a/content/en/docs/user-documentation/layout-builder/article-views/_index.md b/content/en/docs/user-documentation/layout-builder/article-views/_index.md
@@ -5,7 +5,7 @@ description: Components to feature, filter, and list articles using Layout Build
 
 {{< tabpane text=true >}}
 {{< tab header="Video" lang="vid" >}}
-{{< youtube >}}
+{{< youtube LGW0oPOnKVw >}}
 {{< /tab >}}
 {{% tab header="Diagram" lang="pic" %}}
 ![A screenshot showing the Featured articles block.](article-views--featured.png)

diff --git a/content/en/docs/user-documentation/layout-builder/banner/_index.md b/content/en/docs/user-documentation/layout-builder/banner/_index.md
@@ -1,9 +1,16 @@
 ---
 title: Banner
-description: A full-width, almost full-height display with a header, description, and call to action overlaid on an image.
+description: A full-width, almost full-height display with a header, description, and call to action overlaid on an image. Also known as "Hero Banner".
 ---
 
-{{< youtube kerfY3EBESA >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube kerfY3EBESA >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Banner component with block labels](lb--banner.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 

diff --git a/content/en/docs/user-documentation/layout-builder/banner/lb--banner.png b/content/en/docs/user-documentation/layout-builder/banner/lb--banner.png
diff --git a/content/en/docs/user-documentation/layout-builder/cards/_index.md b/content/en/docs/user-documentation/layout-builder/cards/_index.md
@@ -3,7 +3,14 @@ title: Cards
 description: Flexible card-style components that allow up to 4 cards to display across the page depending on the chosen layout.
 ---
 
-{{< youtube vrtcxXl31f4 >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube vrtcxXl31f4 >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Cards component with block labels](lb-cards.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 

diff --git a/content/en/docs/user-documentation/layout-builder/cards/lb-cards.png b/content/en/docs/user-documentation/layout-builder/cards/lb-cards.png
diff --git a/content/en/docs/user-documentation/layout-builder/carousel/_index.md b/content/en/docs/user-documentation/layout-builder/carousel/_index.md
@@ -3,7 +3,14 @@ title: Carousel
 description: A full-width display with multiple sets of a header, description, and call to action overlaid on top of an image.
 ---
 
-{{< youtube zVT1St0UXsk >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube zVT1St0UXsk >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Carousel component with block labels](lb-carousel.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 

diff --git a/content/en/docs/user-documentation/layout-builder/carousel/lb-carousel.png b/content/en/docs/user-documentation/layout-builder/carousel/lb-carousel.png
diff --git a/content/en/docs/user-documentation/layout-builder/code/_index.md b/content/en/docs/user-documentation/layout-builder/code/_index.md
@@ -5,7 +5,7 @@ description: Embed unfiltered HTML code in a page.
 
 {{< tabpane text=true >}}
  {{< tab header="Video" lang="vid" >}}
- {{< youtube >}}
+ {{< youtube YVjg-0PjsOM >}}
  {{< /tab >}}
  {{% tab header="Diagram" lang="pic" %}}
 ![](lb-code.png)

diff --git a/content/en/docs/user-documentation/layout-builder/donate/_index.md b/content/en/docs/user-documentation/layout-builder/donate/_index.md
@@ -5,7 +5,7 @@ description: A call to action with donation buttons linking to an embedded form.
 
 {{< tabpane text=true >}}
  {{< tab header="Video" lang="vid" >}}
- {{< youtube >}}
+ {{< youtube wPHimaZOprw >}}
  {{< /tab >}}
  {{% tab header="Diagram" lang="pic" %}}
 ![A screenshot of the Donate block.](lb-donate--block.png)

diff --git a/content/en/docs/user-documentation/layout-builder/event-views/_index.md b/content/en/docs/user-documentation/layout-builder/event-views/_index.md
@@ -5,7 +5,7 @@ description: Components to feature, filter, and list events using Layout Builder
 
 {{< tabpane text=true >}}
 {{< tab header="Video" lang="vid" >}}
-{{< youtube "cxRxuYkWy-4?start=183" >}}
+{{< youtube "LGW0oPOnKVw" >}}
 {{< /tab >}}
 {{% tab header="Diagram" lang="pic" %}}
 ![A screenshot showing the Featured events block.](event-views--featured.png)

diff --git a/content/en/docs/user-documentation/layout-builder/grid-cta/_index.md b/content/en/docs/user-documentation/layout-builder/grid-cta/_index.md
@@ -3,7 +3,14 @@ title: Grid CTA
 description: Sets of content with a headline, description, and link displayed in 2 to 4-item wide rows, with the option to include icons or images.
 ---
 
-{{< youtube TtABGaClzPw >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube TtABGaClzPw >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Grid CTA component with block labels](lb-grid-cta.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 

diff --git a/content/en/docs/user-documentation/layout-builder/grid-cta/lb-grid-cta.png b/content/en/docs/user-documentation/layout-builder/grid-cta/lb-grid-cta.png
diff --git a/content/en/docs/user-documentation/layout-builder/header-footer/_index.md b/content/en/docs/user-documentation/layout-builder/header-footer/_index.md
@@ -5,7 +5,7 @@ description: Many blocks come together to create a configurable header and foote
 
 {{< tabpane text=true >}}
  {{< tab header="Video" lang="vid" >}}
- {{< youtube >}}
+ {{< youtube Z_-ZbGz8Suk >}}
  {{< /tab >}}
  {{% tab header="Diagram" lang="pic" %}}
 ![Screenshot of the Header Section with block labels](lb-header-footer--header.png)

diff --git a/content/en/docs/user-documentation/layout-builder/location-finder/_index.md b/content/en/docs/user-documentation/layout-builder/location-finder/_index.md
@@ -5,7 +5,7 @@ description: A set of components to view and search YMCA locations.
 
 {{< tabpane text=true >}}
  {{< tab header="Video" lang="vid" >}}
- {{< youtube >}}
+ {{< youtube UyOI3ubns8k >}}
  {{< /tab >}}
  {{% tab header="Diagram" lang="pic" %}}
 ![A screenshot of the Locations block filters and map.](lb-location-finder--filters-map.png)

diff --git a/content/en/docs/user-documentation/layout-builder/ping-pong/_index.md b/content/en/docs/user-documentation/layout-builder/ping-pong/_index.md
@@ -3,7 +3,14 @@ title: Ping-Pong
 description: Usually paired sets of full-width page components that include media, header, description, and call to action arranged horizontally.
 ---
 
-{{< youtube BgEL_YU-DiA >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube BgEL_YU-DiA >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Ping-pong component with block labels](lb-ping-pong.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 

diff --git a/content/en/docs/user-documentation/layout-builder/ping-pong/lb-ping-pong.png b/content/en/docs/user-documentation/layout-builder/ping-pong/lb-ping-pong.png
diff --git a/content/en/docs/user-documentation/layout-builder/promo-card/_index.md b/content/en/docs/user-documentation/layout-builder/promo-card/_index.md
@@ -3,7 +3,14 @@ title: Promo Card
 description: A title, headline, description, and link that usually display in the right or left sidebar.
 ---
 
-{{< youtube dybusSNmTPc >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube dybusSNmTPc >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Promo Card component with block labels](lb-promo-card.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 

diff --git a/content/en/docs/user-documentation/layout-builder/promo-card/lb-promo-card.png b/content/en/docs/user-documentation/layout-builder/promo-card/lb-promo-card.png
diff --git a/content/en/docs/user-documentation/layout-builder/simple-menu/_index.md b/content/en/docs/user-documentation/layout-builder/simple-menu/_index.md
@@ -3,7 +3,14 @@ title: Simple Menu
 description: A simple 1-level sidebar menu that can display in either the right or left sidebar area.
 ---
 
-{{< youtube UZVurubBti8 >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube UZVurubBti8 >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Simple Menu component with block labels](lb-simple-menu.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 

diff --git a/content/en/docs/user-documentation/layout-builder/simple-menu/lb-simple-menu.png b/content/en/docs/user-documentation/layout-builder/simple-menu/lb-simple-menu.png
diff --git a/content/en/docs/user-documentation/layout-builder/statistics/_index.md b/content/en/docs/user-documentation/layout-builder/statistics/_index.md
@@ -3,7 +3,14 @@ title: Statistics
 description: Infographic-like display that highlights relevant statistics to users.
 ---
 
-{{< youtube _RQcnMw4X5U >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube _RQcnMw4X5U >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Statistics component with block labels](lb-statistics.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 
@@ -18,12 +25,10 @@ Fill in the content fields:
 - **Title** (required): Never displayed, even if "Display Title" is checked. For administrative use only.
 - **Section title**: Displayed as a heading above the item.
 - **Section subtitle**: Displayed below the heading.
-- **# of columns**: Allows 1- to 4-columns of items.
+- **Media**: Chose from the library or add a new image to be displayed to the left of the statistics.
 - **Section CTA/Link**: Add a link below the statistics items.
 - **Statistics Items**: Add as many items as you like using the **Add Statistics Item** button. Each item contains:
  - **Number value**: The number value for the statistic. Can include a prefix ("$100") and/or suffix ("$100M").
  - **Description**: A description of the statistic.
 
-Add an image or change the color of the block using the [Styles tab](../advanced-options).
-
 {{< readfile "../lb-save-block.partial" >}}
diff --git a/content/en/docs/user-documentation/layout-builder/statistics/lb-statistics.png b/content/en/docs/user-documentation/layout-builder/statistics/lb-statistics.png
diff --git a/content/en/docs/user-documentation/layout-builder/table/_index.md b/content/en/docs/user-documentation/layout-builder/table/_index.md
@@ -3,7 +3,14 @@ title: Table
 description: Allows users to be able to view responsive tables within a page.
 ---
 
-{{< youtube buxLFLUhiMo >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube buxLFLUhiMo >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Table component with block labels](lb-table.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 

diff --git a/content/en/docs/user-documentation/layout-builder/table/lb-table.png b/content/en/docs/user-documentation/layout-builder/table/lb-table.png
diff --git a/content/en/docs/user-documentation/layout-builder/tabs/_index.md b/content/en/docs/user-documentation/layout-builder/tabs/_index.md
@@ -3,7 +3,14 @@ title: Tabs
 description: Gives users the ability to switch page views by selecting in-page tabs.
 ---
 
-{{< youtube I3GPm718hn8 >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube I3GPm718hn8 >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Tabs component with block labels](lb-tabs.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 

diff --git a/content/en/docs/user-documentation/layout-builder/tabs/lb-tabs.png b/content/en/docs/user-documentation/layout-builder/tabs/lb-tabs.png
diff --git a/content/en/docs/user-documentation/layout-builder/webform/_index.md b/content/en/docs/user-documentation/layout-builder/webform/_index.md
@@ -3,7 +3,14 @@ title: Webform
 description: Embed an existing webform on a page.
 ---
 
-{{< youtube dsHpcLDjLEo >}}
+{{< tabpane text=true >}}
+ {{< tab header="Video" lang="vid" >}}
+ {{< youtube dsHpcLDjLEo >}}
+ {{< /tab >}}
+ {{% tab header="Diagram" lang="pic" %}}
+![Screenshot of the Webform component with block labels](lb-webform.png)
+ {{% /tab %}}
+{{< /tabpane >}}
 
 -----
 

diff --git a/content/en/docs/user-documentation/layout-builder/webform/lb-webform.png b/content/en/docs/user-documentation/layout-builder/webform/lb-webform.png
diff --git a/content/en/docs/wiki/Important-versions-for-upgrade-path.md b/content/en/docs/wiki/Important-versions-for-upgrade-path.md
@@ -29,15 +29,13 @@ These supplemental documents elaborate on a few specific cases:
 - `9.2.11.3` - Last Open Y Drupal core 9.3.* release
 - `9.2.11.4` - Technical release of YMCA Website Services ( no diff with 9.2.11.3 )
 - `9.2.13.0` - Pre Drupal 10 release, latest Drupal 9 release. Before going into Layout Builder era it is recommended to uninstall `geysir` and `openy_inline_editing` module.
-- `10.2.14` - Drupal 10|9 release, where you may follow generic recommendations below:
-
-1. do upgrade to latest Drupal 9 core ( use 10.2.14 of profile, released in Junem 2023 )
-2. upgrade all contribs/vendors to latest versions, ready for Drupal 9 ( composer )
-3. Use drupal/rector and PHPCS for upgrading custom/legacy code ready for Drupal 10
-4. upgrade to Drupal 10 core and run regression testing to chase for hard-to-find bugs ( composer )
-5. upgrade all contribs on Drupal 10 upgraded site to latest versions ( composer )
-
+- `10.2.14` - Drupal 10|9 release, where you may follow the recommendations below:
 
+ 1. Upgrade to the latest Drupal 9 core (using [version 10.2.14](https:/YCloudYUSA/yusaopeny/releases/tag/10.2.14) of the distribution, released in June 2023).
+ 2. Upgrade all contrib modules and libraries to their latest Drupal 9-compatible versions (with `composer update`).
+ 3. Use [drupal-rector](https:/palantirnet/drupal-rector), [drupal-check](https:/mglaman/drupal-check), and PHPCS to prepare custom modules and themes for Drupal 10.
+ 4. Upgrade to Drupal 10 and run regression testing to search for hard-to-find bugs (update `drupal/core-*` projects in composer.json, then run `compuser update`).
+ 5. Upgrade all contrib modules on the Drupal 10 site to their latest versions (`composer update`).
 
 See [Version Constraints practices for YMCA Website Services]({{< relref "Composer-version-constraints-for-Open-Y" >}})