j1-template 2022.5.2 → 2022.6.0

data/lib/starter_web/_data/templates/feed.xml

@@ -0,0 +1,191 @@
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/_data/feed.xml
+ # Liquid template to generate feed XML files
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2022 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign plugins           = site.data.plugins %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign feed_defaults     = plugins.defaults.feed.defaults %}
+{% assign feed_settings     = plugins.feed.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign feed_options      = feed_defaults | merge: feed_settings %}
+
+{% comment %} initialize global variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment       = site.environment %}
+{% assign template_version  = site.version %}
+{% assign excerpt_separator = site.excerpt_separator %}
+{% assign compress          = site.compress_html.enabled %}
+{% assign prettify          = data.j1_config.prettify %}
+
+{% comment %} initialize local variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign limit_posts       = feed_options.posts_limit %}
+
+
+{% comment %} main
+-------------------------------------------------------------------------------- {% endcomment %}
+<feed xmlns="http://www.w3.org/2005/Atom" {% if site.lang %}xml:lang="{{ site.lang }}"{% endif %}>
+  <generator uri="https://jekyllrb.com/" version="{{ jekyll.version }}">Jekyll</generator>
+  <link href="{{ page.url | absolute_url }}" rel="self" type="application/atom+xml" />
+  <link href="{{ '/' | absolute_url }}" rel="alternate" type="text/html" {% if site.lang %}hreflang="{{ site.lang }}" {% endif %}/>
+  <updated>{{ site.time | date_to_xmlschema }}</updated>
+  <id>{{ page.url | absolute_url | xml_escape }}</id>
+  <post_limited>{{ limit_posts }}</post_limited>
+  <template_name>J1 Template</template_name>
+  <template_version>2022.6.0</template_version>
+
+  {% assign title = site.title | default: site.name %}
+  {% if page.collection != "posts" %}
+    {% assign collection = page.collection | capitalize %}
+    {% assign title = title | append: " | " | append: collection %}
+  {% endif %}
+  {% if page.category %}
+    {% assign category = page.category | capitalize %}
+    {% assign title = title | append: " | " | append: category %}
+  {% endif %}
+
+  {% if title %}
+    <title type="html">{{ title | smartify | xml_escape }}</title>
+  {% endif %}
+
+  {% if site.description %}
+    <subtitle>{{ site.description | xml_escape }}</subtitle>
+  {% endif %}
+
+  {% if site.author %}
+    <author>
+        <name>{{ site.author.name | default: site.author | xml_escape }}</name>
+      {% if site.author.email %}
+        <email>{{ site.author.email | xml_escape }}</email>
+      {% endif %}
+      {% if site.author.uri %}
+        <uri>{{ site.author.uri | xml_escape }}</uri>
+      {% endif %}
+    </author>
+  {% endif %}
+
+  {% if page.tags %}
+    {% assign posts = site.tags[page.tags] %}
+  {% else %}
+    {% assign posts = site[page.collection] %}
+  {% endif %}
+
+  {% if page.category %}
+    {% assign posts = posts | where: "categories", page.category %}
+  {% endif %}
+
+  {% unless site.show_drafts %}
+    {% assign posts = posts | where_exp: "post", "post.draft != true" %}
+  {% endunless %}
+
+  {% assign posts = posts | sort: "date" | reverse %}
+  {% for post in posts limit: limit_posts %}
+    <entry{% if post.lang %}{{" "}}xml:lang="{{ post.lang }}"{% endif %}>
+      {% assign post_title = post.title | smartify | strip_html | normalize_whitespace | xml_escape %}
+
+      <title type="html">{{ post_title }}</title>
+      <link href="{{ post.url | absolute_url }}" rel="alternate" type="text/html" title="{{ post_title }}" />
+      <published>{{ post.date | date_to_xmlschema }}</published>
+      <updated>{{ post.last_modified_at | default: post.date | date_to_xmlschema }}</updated>
+      <id>{{ post.id | absolute_url | xml_escape }}</id>
+      {% assign excerpt_only = post.feed.excerpt_only | default: feed_options.excerpt_only %}
+
+      {% comment %} See: https://github.com/jekyll/jekyll-archives/issues/28 {% endcomment %}
+      {% unless excerpt_only %}
+        <content type="html" xml:base="{{ post.url | absolute_url | xml_escape }}"><![CDATA[{{ post.content | markdownify | strip_html | remove: "excerpt__end" | normalize_whitespace }}]]></content>
+      {% endunless %}
+
+      {% assign post_author = post.author | default: post.authors[0] | default: site.author %}
+      {% assign post_author = site.data.authors[post_author] | default: post_author %}
+      {% assign post_author_email = post_author.email | default: nil %}
+      {% assign post_author_uri = post_author.uri | default: nil %}
+      {% assign post_author_name = post_author.name | default: post_author %}
+
+      <author>
+          <name>{{ post_author_name | default: "" | xml_escape }}</name>
+        {% if post_author_email %}
+          <email>{{ post_author_email | xml_escape }}</email>
+        {% endif %}
+        {% if post_author_uri %}
+          <uri>{{ post_author_uri | xml_escape }}</uri>
+        {% endif %}
+      </author>
+
+      {% if post.category %}
+        <category term="{{ post.category | xml_escape }}" />
+      {% elsif post.categories %}
+        {% for category in post.categories %}
+          <category term="{{ category | xml_escape }}" />
+        {% endfor %}
+      {% endif %}
+
+      {% for tag in post.tags %}
+        <category term="{{ tag | xml_escape }}" />
+      {% endfor %}
+
+      {% assign post_summary = post.description | default: post.excerpt %}
+      {% if post_summary and post_summary != empty %}
+        <summary type="html"><![CDATA[{{ post_summary | strip_html | normalize_whitespace }}]]></summary>
+      {% endif %}
+
+      {% assign post_image = post.image.path | default: post.image %}
+      {% if post_image %}
+        {% unless post_image contains "://" %}
+          {% assign post_image = post_image | absolute_url %}
+        {% endunless %}
+        <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="{{ post_image | xml_escape }}" />
+        <media:content medium="image" url="{{ post_image | xml_escape }}" xmlns:media="http://search.yahoo.com/mrss/" />
+      {% endif %}
+    </entry>
+  {% endfor %}
+</feed>
+{% endcapture %}
+
+<?xml version="1.0" encoding="utf-8"?>
+{% if page.xsl %}
+<?xml-stylesheet type="text/xml" href="{{ '/feed.xslt.xml' | absolute_url }}"?>
+{% endif %}
+
+{% comment %} POST processing of the generated feed XML file|s
+-------------------------------------------------------------------------------- {% endcomment %}
+{% case environment %}
+
+  {% comment %} DEVELOPMENT mode (beautified)
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% when 'development' or 'dev' or 'test' %}
+    {{ cache | xml_pretty_print }}
+
+  {% comment %} PRODUCTION mode (compressed)
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% when 'production' or 'prod' %}
+    {{ cache }}
+
+  {% comment %} UNKNOWN mode (compressed)
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% else %}
+    {{ cache }}
+
+{% endcase %}

data/lib/starter_web/_data/templates/robots.txt

@@ -0,0 +1 @@
+Sitemap: {{ "sitemap.xml" | absolute_url }}

data/lib/starter_web/_data/templates/seo-tags.html

@@ -0,0 +1,140 @@
+<!-- Begin J1 SEO tags -->
+
+{% if seo_tag.title? %}
+  <title>{{ seo_tag.title }}</title>
+{% endif %}
+
+<meta name="generator" content="Jekyll v{{ jekyll.version }}" />
+
+{% if seo_tag.page_title %}
+  <meta property="og:title" content="{{ seo_tag.page_title }}" />
+{% endif %}
+
+{% if seo_tag.author.name %}
+  <meta name="author" content="{{ seo_tag.author.name }}" />
+{% endif %}
+
+<meta property="og:locale" content="{{ seo_tag.page_locale }}" />
+
+{% if seo_tag.description %}
+  <meta name="description" content="{{ seo_tag.description }}" />
+  <meta property="og:description" content="{{ seo_tag.description }}" />
+  <meta property="twitter:description" content="{{ seo_tag.description }}" />
+{% endif %}
+
+{% if site.url %}
+  <link rel="canonical" href="{{ seo_tag.canonical_url }}" />
+  <meta property="og:url" content="{{ seo_tag.canonical_url }}" />
+{% endif %}
+
+{% if seo_tag.site_title %}
+  <meta property="og:site_name" content="{{ seo_tag.site_title }}" />
+{% endif %}
+
+{% if seo_tag.image %}
+  <meta property="og:image" content="{{ seo_tag.image.path }}" />
+  {% if seo_tag.image.height %}
+    <meta property="og:image:height" content="{{ seo_tag.image.height }}" />
+  {% endif %}
+  {% if seo_tag.image.width %}
+    <meta property="og:image:width" content="{{ seo_tag.image.width }}" />
+  {% endif %}
+  {% if seo_tag.image.alt %}
+    <meta property="og:image:alt" content="{{ seo_tag.image.alt }}" />
+  {% endif %}
+{% endif %}
+
+{% if page.date %}
+  <meta property="og:type" content="article" />
+  <meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}" />
+{% else %}
+  <meta property="og:type" content="website" />
+{% endif %}
+
+{% if page.previous %}
+  <link rel="prev" href="{{ page.previous.url | absolute_url }}" />
+{% endif %}
+{% if page.next %}
+  <link rel="next" href="{{ page.next.url | absolute_url }}" />
+{% endif %}
+
+{% if seo_tag.image %}
+  <meta name="twitter:card" content="{{ page.twitter.card | default: site.twitter.card | default: "summary_large_image" }}" />
+  <meta property="twitter:image" content="{{ seo_tag.image.path }}" />
+{% else %}
+  <meta name="twitter:card" content="summary" />
+{% endif %}
+
+{% if seo_tag.image.alt %}
+  <meta name="twitter:image:alt" content="{{ seo_tag.image.alt }}" />
+{% endif %}
+
+{% if seo_tag.page_title %}
+  <meta property="twitter:title" content="{{ seo_tag.page_title }}" />
+{% endif %}
+
+{% if site.twitter %}
+  <meta name="twitter:site" content="@{{ site.twitter.username | remove:'@' }}" />
+
+  {% if seo_tag.author.twitter %}
+    <meta name="twitter:creator" content="@{{ seo_tag.author.twitter | remove:'@' }}" />
+  {% endif %}
+{% endif %}
+
+{% if site.facebook %}
+  {% if site.facebook.admins %}
+    <meta property="fb:admins" content="{{ site.facebook.admins }}" />
+  {% endif %}
+
+  {% if site.facebook.author %}
+    <meta property="article:author" content="{{ site.facebook.author }}" />
+  {% endif %}
+
+  {% if site.facebook.publisher %}
+    <meta property="article:publisher" content="{{ site.facebook.publisher }}" />
+  {% endif %}
+
+  {% if site.facebook.app_id %}
+    <meta property="fb:app_id" content="{{ site.facebook.app_id }}" />
+  {% endif %}
+{% endif %}
+
+{% if site.webmaster_verifications %}
+  {% if site.webmaster_verifications.google %}
+    <meta name="google-site-verification" content="{{ site.webmaster_verifications.google }}" />
+  {% endif %}
+
+  {% if site.webmaster_verifications.bing %}
+    <meta name="msvalidate.01" content="{{ site.webmaster_verifications.bing }}" />
+  {% endif %}
+
+  {% comment %} Alexa.com retired on May 1, 2022
+  # ----------------------------------------------------------------------------
+  {% if site.webmaster_verifications.alexa %}
+    <meta name="alexaVerifyID" content="{{ site.webmaster_verifications.alexa }}" />
+  {% endif %}
+  {% endcomment %}
+
+  {% if site.webmaster_verifications.yandex %}
+    <meta name="yandex-verification" content="{{ site.webmaster_verifications.yandex }}" />
+  {% endif %}
+
+  {% comment %} Baidu requires chinese mobil number (for registration, not longer possible)
+  # ----------------------------------------------------------------------------
+  {% if site.webmaster_verifications.baidu %}
+    <meta name="baidu-site-verification" content="{{ site.webmaster_verifications.baidu }}" />
+  {% endif %}
+  {% endcomment %}
+
+  {% if site.webmaster_verifications.facebook %}
+    <meta name="facebook-domain-verification" content="{{ site.webmaster_verifications.facebook }}" />
+  {% endif %}
+{% elsif site.google_site_verification %}
+  <meta name="google-site-verification" content="{{ site.google_site_verification }}" />
+{% endif %}
+
+<script type="application/ld+json">
+  {{ seo_tag.json_ld | jsonify }}
+</script>
+
+<!-- End J1 SEO tags -->

data/lib/starter_web/_data/templates/sitemap.xml

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+{% if page.xsl %}
+  <?xml-stylesheet type="text/xsl" href="{{ "/sitemap.xsl" | absolute_url }}"?>
+{% endif %}
+<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  {% assign collections = site.collections | where_exp:'collection','collection.output != false' %}
+  {% for collection in collections %}
+    {% assign docs = collection.docs | where_exp:'doc','doc.sitemap != false' %}
+    {% for doc in docs %}
+      <url>
+        <loc>{{ doc.url | replace:'/index.html','/' | absolute_url | xml_escape }}</loc>
+        {% if doc.last_modified_at or doc.date %}
+          <lastmod>{{ doc.last_modified_at | default: doc.date | date_to_xmlschema }}</lastmod>
+        {% endif %}
+      </url>
+    {% endfor %}
+  {% endfor %}
+
+  {% assign pages = site.html_pages | where_exp:'doc','doc.sitemap != false' | where_exp:'doc','doc.url != "/404.html"' %}
+  {% for page in pages %}
+    <url>
+      <loc>{{ page.url | replace:'/index.html','/' | absolute_url | xml_escape }}</loc>
+      {% if page.last_modified_at %}
+        <lastmod>{{ page.last_modified_at | date_to_xmlschema }}</lastmod>
+      {% endif %}
+    </url>
+  {% endfor %}
+
+  {% assign static_files = page.static_files | where_exp:'page','page.sitemap != false' | where_exp:'page','page.name != "404.html"' %}
+  {% for file in static_files %}
+    <url>
+      <loc>{{ file.path | replace:'/index.html','/' | absolute_url | xml_escape }}</loc>
+      <lastmod>{{ file.modified_time | date_to_xmlschema }}</lastmod>
+    </url>
+  {% endfor %}
+</urlset>

data/lib/starter_web/_includes/attributes.asciidoc

@@ -17,6 +17,8 @@ tag::urls[]
 :url-binder-app-launch--lab:                      https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main
 :url-binder-app-launch--tree:                     https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?urlpath=/tree
 
+:url-bootsnav--github:                            https://github.com/adamnurdin01/bootsnav
+
 :url-oreilly-atlas--home:                         https://atlas.oreilly.com/
 
 :url-asciidoctor--home:                           https://asciidoctor.org/
@@ -53,53 +55,53 @@ tag::urls[]
 :url-bs--themes:                                  https://themes.getbootstrap.com/
 :url-bs--expo:                                    https://expo.getbootstrap.com/
 
-:url-bs-docs:                                     http://getbootstrap.com/docs/5.1/getting-started/introduction/
-:url-bs-docs--examples:                           http://getbootstrap.com/docs/5.1/examples/
-
-:url-bs-docs--content-code:                       https://getbootstrap.com/docs/5.1/content/code/
-:url-bs-docs--content-figures:                    https://getbootstrap.com/docs/5.1/content/figures/
-:url-bs-docs--content-images:                     https://getbootstrap.com/docs/5.1/content/images/
-:url-bs-docs--content-typography:                 https://getbootstrap.com/docs/5.1/content/typography/
-:url-bs-docs--content-tables:                     https://getbootstrap.com/docs/5.1/content/tables/
-
-:url-bs-docs--components-alerts:                  http://getbootstrap.com/docs/5.1/components/alerts/
-:url-bs-docs--components-badges:                  http://getbootstrap.com/docs/5.1/components/badge/
-:url-bs-docs--components-breadcrumb:              http://getbootstrap.com/docs/5.1/components/breadcrumb/
-:url-bs-docs--components-buttons:                 http://getbootstrap.com/docs/5.1/components/buttons/
-:url-bs-docs--components-button_group:            http://getbootstrap.com/docs/5.1/components/button-group/
-:url-bs-docs--components-cards:                   http://getbootstrap.com/docs/5.1/components/card/
-:url-bs-docs--components-carousel:                http://getbootstrap.com/docs/5.1/components/carousel/
-:url-bs-docs--components-collapse:                http://getbootstrap.com/docs/5.1/components/collapse/
-:url-bs-docs--components-dropdowns:               http://getbootstrap.com/docs/5.1/components/dropdowns/
-:url-bs-docs--components-forms:                   http://getbootstrap.com/docs/5.1/components/forms/
-:url-bs-docs--components-input_group:             http://getbootstrap.com/docs/5.1/components/input-group/
-:url-bs-docs--components-jumbotron:               http://getbootstrap.com/docs/5.1/components/jumbotron/
-:url-bs-docs--components-list_group:              http://getbootstrap.com/docs/5.1/components/list-group/
-:url-bs-docs--components-modal:                   http://getbootstrap.com/docs/5.1/components/modal/
-:url-bs-docs--components-navs:                    http://getbootstrap.com/docs/5.1/components/navs/
-:url-bs-docs--components-navbar:                  http://getbootstrap.com/docs/5.1/components/navbar/
-:url-bs-docs--components-pagination:              http://getbootstrap.com/docs/5.1/components/pagination/
-:url-bs-docs--components-popovers:                http://getbootstrap.com/docs/5.1/components/popovers/
-:url-bs-docs--components-progress:                http://getbootstrap.com/docs/5.1/components/progress/
-:url-bs-docs--components-tooltips:                http://getbootstrap.com/docs/5.1/components/tooltips/
-
-:url-bs-docs--utils-borders:                      http://getbootstrap.com/docs/5.1/utilities/borders/
-:url-bs-docs--utils-clearfix:                     http://getbootstrap.com/docs/5.1/utilities/clearfix/
-:url-bs-docs--utils-close_icon:                   http://getbootstrap.com/docs/5.1/utilities/close-icon/
-:url-bs-docs--utils-colors:                       http://getbootstrap.com/docs/5.1/utilities/colors/
-:url-bs-docs--utils-display:                      http://getbootstrap.com/docs/5.1/utilities/display/
-:url-bs-docs--utils-embeds:                       http://getbootstrap.com/docs/5.1/utilities/embed/
-:url-bs-docs--utils-flex:                         http://getbootstrap.com/docs/5.1/utilities/flex/
-:url-bs-docs--utils-float:                        http://getbootstrap.com/docs/5.1/utilities/float/
-:url-bs-docs--utils-image_replacement:            http://getbootstrap.com/docs/5.1/utilities/image-replacement/
-:url-bs-docs--utils-screenreaders:                http://getbootstrap.com/docs/5.1/utilities/screenreaders/
-:url-bs-docs--utils-sizing:                       http://getbootstrap.com/docs/5.1/utilities/sizing/
-:url-bs-docs--utils-spacing:                      http://getbootstrap.com/docs/5.1/utilities/spacing/
-:url-bs-docs--utils-text:                         http://getbootstrap.com/docs/5.1/utilities/text/
-:url-bs-docs--utils-vertical_alignment:           http://getbootstrap.com/docs/5.1/utilities/vertical-align/
-:url-bs-docs--utils-visibility:                   http://getbootstrap.com/docs/5.1/utilities/visibility/
-
-:url-bs-docs--migration-to-v4:                    http://getbootstrap.com/docs/5.1/migration/
+:url-bs-docs:                                     https://getbootstrap.com/docs/5.2/getting-started/introduction/
+:url-bs-docs--examples:                           https://getbootstrap.com/docs/5.2/examples/
+
+:url-bs-docs--content-code:                       https://getbootstrap.com/docs/5.2/content/code/
+:url-bs-docs--content-figures:                    https://getbootstrap.com/docs/5.2/content/figures/
+:url-bs-docs--content-images:                     https://getbootstrap.com/docs/5.2/content/images/
+:url-bs-docs--content-typography:                 https://getbootstrap.com/docs/5.2/content/typography/
+:url-bs-docs--content-tables:                     https://getbootstrap.com/docs/5.2/content/tables/
+
+:url-bs-docs--components-alerts:                  https://getbootstrap.com/docs/5.2/components/alerts/
+:url-bs-docs--components-badges:                  https://getbootstrap.com/docs/5.2/components/badge/
+:url-bs-docs--components-breadcrumb:              https://getbootstrap.com/docs/5.2/components/breadcrumb/
+:url-bs-docs--components-buttons:                 https://getbootstrap.com/docs/5.2/components/buttons/
+:url-bs-docs--components-button_group:            https://getbootstrap.com/docs/5.2/components/button-group/
+:url-bs-docs--components-cards:                   https://getbootstrap.com/docs/5.2/components/card/
+:url-bs-docs--components-carousel:                https://getbootstrap.com/docs/5.2/components/carousel/
+:url-bs-docs--components-collapse:                https://getbootstrap.com/docs/5.2/components/collapse/
+:url-bs-docs--components-dropdowns:               https://getbootstrap.com/docs/5.2/components/dropdowns/
+:url-bs-docs--components-forms:                   https://getbootstrap.com/docs/5.2/forms/overview/
+:url-bs-docs--components-input_group:             https://getbootstrap.com/docs/5.2/components/input-group/
+:url-bs-docs--components-jumbotron:               https://getbootstrap.com/docs/5.2/components/jumbotron/
+:url-bs-docs--components-list_group:              https://getbootstrap.com/docs/5.2/components/list-group/
+:url-bs-docs--components-modal:                   https://getbootstrap.com/docs/5.2/components/modal/
+:url-bs-docs--components-navs:                    https://getbootstrap.com/docs/5.2/components/navs/
+:url-bs-docs--components-navbar:                  https://getbootstrap.com/docs/5.2/components/navbar/
+:url-bs-docs--components-pagination:              https://getbootstrap.com/docs/5.2/components/pagination/
+:url-bs-docs--components-popovers:                https://getbootstrap.com/docs/5.2/components/popovers/
+:url-bs-docs--components-progress:                https://getbootstrap.com/docs/5.2/components/progress/
+:url-bs-docs--components-tooltips:                https://getbootstrap.com/docs/5.2/components/tooltips/
+
+:url-bs-docs--utils-borders:                      https://getbootstrap.com/docs/5.2/utilities/borders/
+:url-bs-docs--utils-clearfix:                     https://getbootstrap.com/docs/5.2/utilities/clearfix/
+:url-bs-docs--utils-close_icon:                   https://getbootstrap.com/docs/5.2/utilities/close-icon/
+:url-bs-docs--utils-colors:                       https://getbootstrap.com/docs/5.2/utilities/colors/
+:url-bs-docs--utils-display:                      https://getbootstrap.com/docs/5.2/utilities/display/
+:url-bs-docs--utils-embeds:                       https://getbootstrap.com/docs/5.2/utilities/embed/
+:url-bs-docs--utils-flex:                         https://getbootstrap.com/docs/5.2/utilities/flex/
+:url-bs-docs--utils-float:                        https://getbootstrap.com/docs/5.2/utilities/float/
+:url-bs-docs--utils-image_replacement:            https://getbootstrap.com/docs/5.2/utilities/image-replacement/
+:url-bs-docs--utils-screenreaders:                https://getbootstrap.com/docs/5.2/utilities/screenreaders/
+:url-bs-docs--utils-sizing:                       https://getbootstrap.com/docs/5.2/utilities/sizing/
+:url-bs-docs--utils-spacing:                      https://getbootstrap.com/docs/5.2/utilities/spacing/
+:url-bs-docs--utils-text:                         https://getbootstrap.com/docs/5.2/utilities/text/
+:url-bs-docs--utils-vertical_alignment:           https://getbootstrap.com/docs/5.2/utilities/vertical-align/
+:url-bs-docs--utils-visibility:                   https://getbootstrap.com/docs/5.2/utilities/visibility/
+
+:url-bs-docs--migration-to-v5:                    https://getbootstrap.com/docs/5.2/migration/
 
 :url-bs-material-design--home:                    https://mdbootstrap.github.io/bootstrap-material-design/
 :url-bs-material-design--gh-repo:                 https://github.com/mdbootstrap/bootstrap-material-design/

data/lib/starter_web/_includes/custom/static/bs5_accordion.html

@@ -0,0 +1,84 @@
+<!--
+# -----------------------------------------------------------------------------
+#  ~/assets/custom/content/static/bs5_accordion.html
+#
+#  Product/Info:
+#  http://jekyll.one
+#
+#  Copyright (C) 2022 Juergen Adams
+#
+#  J1 Template is licensed under the MIT License.
+#  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+#
+# -----------------------------------------------------------------------------
+# NOTE:
+# Find the accordion example @BS5:
+#    https://getbootstrap.com/docs/5.2/components/accordion/
+# -----------------------------------------------------------------------------
+-->
+<!-- Panel container settings  -->
+<section id="panel_custom_panel" class="g-2 elevated-z2">
+ <section id="custom_panel" class="container">
+   <div class="row mt-5 mb-5">
+     <!-- Panel Header -->
+     <div class="noclass">
+       <div>
+         <h2 class="g-font-weight-500 mb-0">Custom Panel</h2>
+         <p class="tagline mb-0"><b>creating dynamic content</b></p>
+         <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
+       </div>
+       <div class="mt-3 mb-3">
+         <p class="dropcap">
+           This is an example for a Custom Panel based on Bootstrap V5. The example
+           code for the <b>dynamic content</b> is taken from the Bootstrap V5 Doc
+           pages at:
+         </p>
+        <a class="ml-3 mb-5" href="https://getbootstrap.com/docs/5.2/components/accordion/" target="_blank" rel="noopener noreferrer">
+           Accordion · Bootstrap v5.2
+         </a>
+       </div>
+     </div>
+     <!-- End Header  -->
+     <!-- Dynamic Content -->
+     <div id="bs5_accordion" class="accordion mt-3">
+       <div class="accordion-item">
+         <h2 id="heading-1" class="accordion-header">
+           <button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#collapse_1" aria-expanded="true" aria-controls="collapse_1">
+             Accordion Item #1
+           </button>
+         </h2>
+         <div id="collapse_1" class="accordion-collapse collapse show" aria-labelledby="heading_1" data-bs-parent="#bs5_accordion">
+           <div class="accordion-body">
+             <p><strong>This is the first item’s accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It’s also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p>
+           </div>
+         </div>
+       </div>
+       <div class="accordion-item">
+         <h2 id="heading-2" class="accordion-header">
+           <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_2" aria-expanded="false" aria-controls="collapse_2">
+             Accordion Item #2
+           </button>
+         </h2>
+         <div id="collapse_2" class="accordion-collapse collapse" aria-labelledby="heading_2" data-bs-parent="#bs5_accordion">
+           <div class="accordion-body">
+             <p><strong>This is the second item’s accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It’s also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p>
+           </div>
+         </div>
+       </div>
+       <div class="accordion-item">
+         <h2 id="heading-3" class="accordion-header">
+           <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_3" aria-expanded="false" aria-controls="collapse_3">
+             Accordion Item #3
+           </button>
+         </h2>
+         <div id="collapse_3" class="accordion-collapse collapse" aria-labelledby="heading_3" data-bs-parent="#bs5_accordion">
+           <div class="accordion-body">
+             <p><strong>This is the third item’s accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It’s also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p>
+           </div>
+         </div>
+       </div>
+     </div>
+     <!-- End Dynamic Content -->
+   </div>
+ </section>
+</section>