j1-template 2020.0.20 → 2020.0.21

data/lib/starter_web/pages/public/learn/roundtrip/510_mdb_preview/mdb_previewer.adoc

@@ -8,7 +8,7 @@ index:                                  [ Bootstrap, Addon, Clear, Button ]
 categories:                             [ pages ]
 
 permalink:                              /pages/public/mdb_preview/
-regenerate:                             true 
+regenerate:                             false
 
 resources:                              [ clipboard ]
 resource_options:
@@ -49,4 +49,4 @@ include::{includedir}/attributes.asciidoc[tag=data]
 // Include sub-documents
 // -----------------------------------------------------------------------------
 
-include::{documentsdir}/100_buttons.asciidoc[]
+include::{documentdir}/100_buttons.asciidoc[]

data/lib/starter_web/pages/public/learn/roundtrip/{000_includes → includes}/attributes.asciidoc

@@ -2,7 +2,6 @@
 //  Asciidoc attribute includes:                 attributes.asciidoc
 // -----------------------------------------------------------------------------
 
-
 // URLs - Internal references and/or sources on the Internet
 // -----------------------------------------------------------------------------
 tag::urls[]
@@ -25,7 +24,7 @@ tag::urls[]
 :fontawesome-get-started:                         https://fontawesome.com/get-started
 
 :mdi-home:                                        https://materialdesignicons.com/
-:mdi-icons-sheatsheet:                            https://cdn.materialdesignicons.com/3.3.92/
+:mdi-icons-cheatsheet:                            https://cdn.materialdesignicons.com/3.3.92/
 
 :iconify-home:                                    https://iconify.design/
 :iconify-icon-sets:                               https://iconify.design/icon-sets/
@@ -70,25 +69,6 @@ end::urls[]
 // Tags - Asciidoc attributes used internally
 // -----------------------------------------------------------------------------
 tag::tags[]
-
-:window:                                          window="blank"
-:no-clipboard:                                    noclip
-:figure-caption:                                  Figure
-:images-dir:                                      pages/roundtrip
-:y:                                               icon:check[role="green"]
-:n:                                               icon:times[role="red"]
-:c:                                               icon:file-alt[role="blue"]
-:beginner:                                        icon:battery-quarter[role="md-blue"]
-:inter:                                           icon:battery-half[role="md-blue"]
-:advanced:                                        icon:battery-full[role="md-blue"]
-:emdash:                                          —
-:bullet:                                          •
-:bigbullet:                                       ●
-:bigbigbullet:                                    ⬤
-:dot:                                             .
-:dotdot:                                          ..
-:middot:                                          ·
-
 end::tags[]
 
 // Data - Data elements for Asciidoctor extensions
@@ -100,18 +80,13 @@ tag::data[]
 
 end::data[]
 
-
-// Product - Document (e.g release) information
+// PRODUCTS, local product information (e.g. release)
 // -----------------------------------------------------------------------------
-tag::product_info[]
-:license:                                         MIT License
-:revdate:                                         2018
-:revnumber:                                       1.0.0
-end::product_info[]
+tag::products[]
+end::products[]
 
 
-// Author - Author information
+// AUTHORS, local author information (e.g. article)
 // -----------------------------------------------------------------------------
 tag::authors[]
-:uri-author-juergen-adams                         https://jekyll.one
 end::authors[]

data/lib/starter_web/pages/public/learn/whats_up.adoc

@@ -28,40 +28,21 @@ resource_options:
             href:                       https://unsplash.com/@alexanderredl
 ---
 
+// Page Initializer
+// =============================================================================
 // Enable the Liquid Preprocessor
-// -----------------------------------------------------------------------------
 :page-liquid:
 
-
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-//:my-asciidoc-attribute:
-
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
-
-
-// Initialize entry document environmental attributes
-// -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} %}
-
-// Load tag, url and data attributes
-// -----------------------------------------------------------------------------
-// include::{includedir}/attributes.asciidoc[tag=tags]
-// include::{includedir}/attributes.asciidoc[tag=urls]
-// include::{includedir}/attributes.asciidoc[tag=data]
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
 
-// Set local page attributes
+// Load page attributes (all)
 // -----------------------------------------------------------------------------
-// :images-dir:                         {imagesdir}/path/to/page/images
-
+{% include {{load_attributes}} %}
 
 // Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-// Include sub-documents
-// -----------------------------------------------------------------------------
+// =============================================================================
 
 Welcome to the pages of J1 Template. If your here first time,
 hopefully you get on that page first. For sure, there is no better

data/lib/starter_web/pages/public/legal/de/300_privacy.adoc

@@ -14,18 +14,13 @@ resources:                              []
 resource_options:
 ---
 
-// NOTE: General Asciidoc page attributes settings
-//
-:page-liquid:
-
-// NOTE: Attributes settings for section control
+// Attribute settings for section control
 //
 :cookies:
 :revoke_cookie_consent:
 :content_permissions:
 :server-logs:
 
-
 Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr
 ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend
 der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.
@@ -76,7 +71,7 @@ revoke the cookie consent you've given. Furthermore, you may be able to refuse
 them by adjusting your *browser* settings to *reject on cookies*.
 
 CAUTION: If you have previously visited our website -- or any pages this
-session -- *and* agreed on the use of cookies, you may also have to 
+session -- *and* agreed on the use of cookies, you may also have to
 *delete* already existing *cookies* by your *browser* in order to clean
 all cookies left.
 
@@ -119,15 +114,15 @@ all cookies left.
     }
 
     /* Manage button click events from "Cookie Consent REVOKE" dialog */
-    $('a.btn').click(function() {  
+    $('a.btn').click(function() {
       if (this.id === 'revokeCookies') {
         logger.debug('User clicked revokeCookiesButton');
         user_state.cookies_accepted = 'declined';
         j1.writeCookie({
-          name: cookie_user_session_name, 
+          name: cookie_user_session_name,
           data: user_state
         });
-        
+
         $('.toggle-button').toggleClass('mdi-toggle-switch-off mdi-toggle-switch');
 
         // Hide cookie icon
@@ -297,4 +292,3 @@ Sie verhindern, indem Sie sich aus Ihrem YouTube Account ausloggen.
 Weitere Informationen zum Umgang von Nutzerdaten finden Sie in der
 https://www.google.de/intl/de/policies/privacy[Datenschutzerklärung von YouTube, window="_blank"].
 endif::[]
-

data/lib/starter_web/pages/public/legal/en/300_privacy.adoc

@@ -15,7 +15,7 @@ resource_options:
   - attic:
       padding_top:                      400
       padding_bottom:                   50
-      opacity:                          0.5 
+      opacity:                          0.5
       slides:
         - url:                          /assets/images/modules/attics/lianhao-1920x1280.jpg
           alt:                          Photo by Lianhao Qu
@@ -26,11 +26,7 @@ resource_options:
             href:                       https://unsplash.com/@lianhao
 ---
 
-// NOTE: General Asciidoc page attributes settings
-//
-:page-liquid:
-
-// NOTE: Attributes settings for section control
+// Attribute settings for section control
 //
 :cookies:
 :revoke_cookie_consent:
@@ -38,12 +34,11 @@ resource_options:
 :content_permissions:
 :server-logs:
 
-
 The operators of this website take protection of your personal data extremely
 seriously. We treat your personal data as confidential and comply with the
 data protection legislation and this privacy policy.
 
-It is generally *not* possible to use our website without disclosing personal 
+It is generally *not* possible to use our website without disclosing personal
 data. Where personal data (for example a user name, page visits) is collected
 on our website, this is voluntary insofar as is possible. This data is never
 disclosed to third parties without your express consent.
@@ -52,32 +47,32 @@ ifdef::cookies[]
 == Cookies
 
 A cookie is a commonly used automated data collection method. Cookies are
-small text files that are placed on your computer or device by websites that 
+small text files that are placed on your computer or device by websites that
 you visit in order to make websites work, or work more efficiently.
 
 We, may our partners, make use of cookies, web beacons, pixel tags, scripts
-or other similar technologies on our websites to improve the browsing 
+or other similar technologies on our websites to improve the browsing
 experience of our pages:
 
 * Tailor information presented to you based on your browsing preferences,
-  such as language, user account data, selected content and geographical 
+  such as language, user account data, selected content and geographical
   region
 
 * Collect statistics regarding your website usage
 
-All personal data collected is stored in Cookies. We use different kinds 
-of cookies. Cookies are classified by its *lifespan* and the *domain* to 
+All personal data collected is stored in Cookies. We use different kinds
+of cookies. Cookies are classified by its *lifespan* and the *domain* to
 which it belongs.
-    
+
 Session Cookie::
-Classified by *lifespan*. Necessary to provide you with services and 
-features available through our websites for the time of your visit. If you 
+Classified by *lifespan*. Necessary to provide you with services and
+features available through our websites for the time of your visit. If you
 leave our pages, these Cookies are automatically deleted by your web browser.
 Without these cookies, services you may need cannot be provided.
 
 Persistent Cookie::
-Classified by *lifespan*. Necessary to provide you with services and 
-features available through our websites if you return the site. Without 
+Classified by *lifespan*. Necessary to provide you with services and
+features available through our websites if you return the site. Without
 these cookies, services cannot be provided.
 
 First-party Cookie::
@@ -85,13 +80,13 @@ Classified by the *domain*. First-party Cookies are created by *this* site.
 We are using both types: Session Cookies *and* Persistent Cookies.
 
 Second-party Cookie::
-Classified by the *domain*. Used to integrate services from *other* sites 
+Classified by the *domain*. Used to integrate services from *other* sites
 like Github, Patreon, Disqus and others.
 
 [NOTE]
 ====
 If you do not wish to receive cookies you may be able to refuse them by
-adjusting your browser settings to reject cookies. If you do so, we may 
+adjusting your browser settings to reject cookies. If you do so, we may
 *not* unable to offer you *any* of our functionalities, services or support.
 If you have previously visited our websites, you may also have to delete any
 existing cookies from your browser.
@@ -107,7 +102,7 @@ revoke the cookie consent you've given. Furthermore, you may be able to refuse
 them by adjusting your *browser* settings to *reject on cookies*.
 
 CAUTION: If you have previously visited our website -- or any pages this
-session -- *and* agreed on the use of cookies, you may also have to 
+session -- *and* agreed on the use of cookies, you may also have to
 *delete* already existing *cookies* by your *browser* in order to clean
 all cookies left.
 
@@ -150,15 +145,15 @@ all cookies left.
     }
 
     /* Manage button click events from "Cookie Consent REVOKE" dialog */
-    $('a.btn').click(function() {  
+    $('a.btn').click(function() {
       if (this.id === 'revokeCookies') {
         logger.debug('User clicked revokeCookiesButton');
         user_state.cookies_accepted = 'declined';
         j1.writeCookie({
-          name: cookie_user_session_name, 
+          name: cookie_user_session_name,
           data: user_state
         });
-        
+
         $('.toggle-button').toggleClass('mdi-toggle-switch-off mdi-toggle-switch');
 
         // Hide cookie icon
@@ -180,11 +175,11 @@ ifdef::delete_cookies[]
 == Delete cookies
 
 If you have previously visited our website -- or any pages this
-session -- *and* agreed on the use of cookies, you may also have to 
+session -- *and* agreed on the use of cookies, you may also have to
 *delete* already existing *cookies* by your *browser* in order to clean
-all cookies left. 
+all cookies left.
 
-By clicking the button below, all cookies related to *this* site will be 
+By clicking the button below, all cookies related to *this* site will be
 deleted.
 
 ++++
@@ -227,9 +222,9 @@ endif::[]
 ifdef::server-logs[]
 == Server log files
 
-We gather certain information automatically by our webservers and store it in 
-log files. This information may include Internet protocol (IP) addresses, 
-browser type, internet service provider (ISP), referring/exit pages, operating 
+We gather certain information automatically by our webservers and store it in
+log files. This information may include Internet protocol (IP) addresses,
+browser type, internet service provider (ISP), referring/exit pages, operating
 system, date/time stamp, and/or clickstream data.
 
 These are:
@@ -391,4 +386,3 @@ Sie verhindern, indem Sie sich aus Ihrem YouTube Account ausloggen.
 Weitere Informationen zum Umgang von Nutzerdaten finden Sie in der
 https://www.google.de/intl/de/policies/privacy[Datenschutzerklärung von YouTube, window="_blank"].
 endif::[]
-

data/lib/starter_web/pages/public/legal/en/400_license_agreement.adoc

@@ -14,16 +14,17 @@ resources:                              []
 resource_options:
 ---
 
+// Attribute settings for section control
+//
 :mit-license:
 :unlicense-license:
 
-
 J1 Template, and most of the software products used, are licensed under the
 conditions of Open source licenses. Open source licenses grant permission
 to everyone to use, modify, and share licensed software for any purpose,
 subject to conditions preserving the provenance and openness of the software.
 
-See for more details at 
+See for more details at
 https://opensource.org/licenses/category[opensource.org, window="_blank"]
 
 

data/lib/starter_web/pages/public/panels/intro_panel/panel.adoc

@@ -30,6 +30,8 @@ resource_options:
           alt:                          the-place-1920x1280-bw
 ---
 
+// Page content
+// =============================================================================
 
 [[responsive-design]]
 == Full Responsive

data/lib/starter_web/pages/public/previewer/bootstrap_theme.adoc

@@ -35,30 +35,21 @@ resource_options:
             href:                       https://unsplash.com/@clemono
 ---
 
+// Page Initializer
+// =============================================================================
 // Enable the Liquid Preprocessor
-//
 :page-liquid:
 
-// Set other global page attributes here
-// -------------------------------------------------------------------
+//  Load Liquid procedures
+// -----------------------------------------------------------------------------
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
 
+// Load page attributes (all)
+// -----------------------------------------------------------------------------
+{% include {{load_attributes}} scope="all" %}
 
-{% comment %} Liquid procedures
---------------------------------------------------------------- {% endcomment %}
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
-
-
-// NOTE: Initialize entry document paths
-//
-{% include {{set_env_entry_document}} init_folders=all %}
-
-// Load tags and urls
-//
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-
-// Additional ASCIIDOC attributes goes here
-//
+// Page content
+// =============================================================================
 
 ++++
   <!-- Prepend H1 tag here -->
@@ -104,8 +95,8 @@ See examples for Bootstrap’s powerful, responsive navigation header, the
 navbar. Includes support for branding, navigation, and more, including
 support for the collapse plugin.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_navbar}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_navbar}[Bootstrap Docs {middot} Navbar, {browser-window--new}]
 
 Theming the navbar has never been easier thanks to the combination of
 theming classes and background-color utilities. Choose from `.navbar-light`
@@ -223,8 +214,8 @@ more with support for multiple sizes, states, and more. Bootstrap includes
 several predefined button styles, each serving its own semantic purpose,
 with a few extras thrown in for more control.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_buttons}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_buttons}[Bootstrap Docs {middot} Buttons, {browser-window--new}]
 
 === Active buttons
 
@@ -414,8 +405,8 @@ For a more inclusive and accessible type scale, it is assuemed that
 the browser default root font-size (typically 16px) so visitors can
 customize their browser defaults as needed.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_content_typography}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_content_typography}[Bootstrap Docs {middot} Typography, {browser-window--new}]
 
 === Headings
 
@@ -488,8 +479,8 @@ Using the most basic table markup, here’s how .table-based tables look in
 Bootstrap. All table styles are inherited in Bootstrap 4, meaning any nested
 tables will be styled in the same manner as the parent.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_content_tables}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_content_tables}[Bootstrap Docs {middot} Tables, {browser-window--new}]
 
 
 ++++
@@ -564,8 +555,8 @@ of newer input controls like email verification, number selection, and more.
 Here’s a quick example to demonstrate Bootstrap’s form styles. Keep reading
 for documentation on required classes, form layout, and more.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_forms}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_forms}[Bootstrap Docs {middot} Forms, {browser-window--new}]
 
 ++++
 <div class="doc-example mb-3">
@@ -651,8 +642,8 @@ for building all types of navigation components. It includes some style
 overrides (for working with lists), some link padding for larger hit areas,
 and basic disabled styling.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_navs}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_navs}[Bootstrap Docs {middot} Navs, {browser-window--new}]
 
 === Tabs
 
@@ -892,8 +883,8 @@ button. For proper styling, use one of the eight required contextual classes
 (e.g., .alert-success). For inline dismissal, use the alerts
 https://getbootstrap.com/docs/4.0/components/alerts/#dismissing[jQuery plugin].
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_alerts}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_alerts}[Bootstrap Docs {middot} Alerts, {browser-window--new}]
 
 ++++
 <div class="doc-example mb-3">
@@ -941,8 +932,8 @@ be presented with the content of the badge. Depending on the specific
 situation, these badges may seem like random additional words or numbers
 at the end of a sentence, link, or button.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_badges}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_badges}[Bootstrap Docs {middot} Badge, {browser-window--new}]
 
 ++++
 <div class="doc-example mb-3">
@@ -977,8 +968,8 @@ elements, some CSS to set the width, and a few attributes. We don’t use the
 HTML5 <progress> element, ensuring you can stack progress bars, animate them,
 and place text labels over them.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_progress}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_progress}[Bootstrap Docs {middot} Progress, {browser-window--new}]
 
 === Basic
 
@@ -1089,8 +1080,8 @@ lorem:sentences[2]
 
 Lightweight, flexible component for showcasing hero unit style content.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_jumbotron}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_jumbotron}[Bootstrap Docs {middot} Jumbotron, {browser-window--new}]
 
 ++++
 <div class="doc-example mb-3">
@@ -1111,8 +1102,8 @@ Refer to: link:{bs_doc_components_jumbotron}[Bootstrap Docs, window="_blank"].
 List groups are a flexible and powerful component for displaying a series of
 content. Modify and extend them to support just about any content within.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_list_group}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_list_group}[Bootstrap Docs {middot} List group, {browser-window--new}]
 
 ++++
 <div class="doc-example mb-3">
@@ -1188,8 +1179,8 @@ manage to deliver a ton of control and customization. Built with flexbox,
 they offer easy alignment and mix well with other Bootstrap components.
 They have no margin by default, so use spacing utilities as needed.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_cards}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_cards}[Bootstrap Docs {middot} Card, {browser-window--new}]
 
 ++++
 <div class="doc-example mb-3">
@@ -1361,8 +1352,8 @@ built with HTML, CSS, and JavaScript. They’re positioned over everything
 else in the document and remove scroll from the <body> so that modal
 content scrolls instead.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_modal}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_modal}[Bootstrap Docs {middot} Modal, {browser-window--new}]
 
 .Modal types
 [cols="2a,8a,2a", options="header", width="100%", role="table-responsive-stacked-lg"]
@@ -1747,8 +1738,11 @@ Popovers and Tooltips rely on the 3rd party library __Popper.js__ for positionin
 To make them properly positioned, the Javascript library `popper.min.js` has to
 be included before `bootstrap.js` in order to make popovers and tooltips to work.
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-blue"></i>]
-Refer to: link:{bs_doc_components_popovers}[Bootstrap Docs, window="_blank"].
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_popovers}[Bootstrap Docs {middot} Popovers, {browser-window--new}]
+
+pass:[<i class="mdi mdi-book-open-variant mdi-24px mdi-md-grey"></i>]
+link:{bs_doc_components_tooltips}[Bootstrap Docs {middot} Tooltips, {browser-window--new}]
 
 NOTE: Popovers and Tooltips require the BS tooltip plugin as a dependency.