diff --git a/content/en/docs/user-documentation/layout-builder/accordion/_index.md b/content/en/docs/user-documentation/layout-builder/accordion/_index.md index 94db54476..3faac56f3 100644 --- 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 new file mode 100644 index 000000000..1bf45aa5e Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/accordion/lb-accordion.png differ 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 index 619e59bee..ed2eedee4 100644 --- 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 index 115c5ecf2..4c4dc394d 100644 --- 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 new file mode 100644 index 000000000..bd66be62d Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/banner/lb--banner.png differ diff --git a/content/en/docs/user-documentation/layout-builder/cards/_index.md b/content/en/docs/user-documentation/layout-builder/cards/_index.md index 3c625e885..f6873755d 100644 --- 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 new file mode 100644 index 000000000..79836b52c Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/cards/lb-cards.png differ diff --git a/content/en/docs/user-documentation/layout-builder/carousel/_index.md b/content/en/docs/user-documentation/layout-builder/carousel/_index.md index ecc4e27e0..bb92e4205 100644 --- 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 new file mode 100644 index 000000000..de3f55e30 Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/carousel/lb-carousel.png differ diff --git a/content/en/docs/user-documentation/layout-builder/code/_index.md b/content/en/docs/user-documentation/layout-builder/code/_index.md index e7a0d2055..44131e46b 100644 --- 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 index 14e297f28..e96bea303 100644 --- 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 index 27c2afee8..7e4d76165 100644 --- 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 index bbf4931b1..4be359c2f 100644 --- 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 new file mode 100644 index 000000000..4fca26ce6 Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/grid-cta/lb-grid-cta.png differ 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 index c18cbb4e6..d76ace371 100644 --- 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 index bcfb32323..ce5e08331 100644 --- 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 index 646f2520a..ac9cd1392 100644 --- 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 new file mode 100644 index 000000000..cb7764184 Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/ping-pong/lb-ping-pong.png differ 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 index 56501d361..c9cdd4497 100644 --- 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 new file mode 100644 index 000000000..2b20b536b Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/promo-card/lb-promo-card.png differ 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 index 1d48f657a..273443fa7 100644 --- 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 new file mode 100644 index 000000000..efd94fa1b Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/simple-menu/lb-simple-menu.png differ diff --git a/content/en/docs/user-documentation/layout-builder/statistics/_index.md b/content/en/docs/user-documentation/layout-builder/statistics/_index.md index fb9835b3f..c08e0959c 100644 --- 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" >}} \ No newline at end of file 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 new file mode 100644 index 000000000..39636a986 Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/statistics/lb-statistics.png differ diff --git a/content/en/docs/user-documentation/layout-builder/table/_index.md b/content/en/docs/user-documentation/layout-builder/table/_index.md index 3ba1f6263..6294821d2 100644 --- 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 new file mode 100644 index 000000000..3234a7eab Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/table/lb-table.png differ diff --git a/content/en/docs/user-documentation/layout-builder/tabs/_index.md b/content/en/docs/user-documentation/layout-builder/tabs/_index.md index 8ceb643b1..909207e2b 100644 --- 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 new file mode 100644 index 000000000..0c714d908 Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/tabs/lb-tabs.png differ diff --git a/content/en/docs/user-documentation/layout-builder/webform/_index.md b/content/en/docs/user-documentation/layout-builder/webform/_index.md index 9bdc5b553..4fdb174cd 100644 --- 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 new file mode 100644 index 000000000..c1498dcc8 Binary files /dev/null and b/content/en/docs/user-documentation/layout-builder/webform/lb-webform.png differ diff --git a/content/en/docs/wiki/Important-versions-for-upgrade-path.md b/content/en/docs/wiki/Important-versions-for-upgrade-path.md index 4b9dd666e..51240518e 100644 --- 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://github.com/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://github.com/palantirnet/drupal-rector), [drupal-check](https://github.com/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" >}})