j1-template 2021.3.2 → 2022.0.3

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

@@ -20,7 +20,7 @@ robots:
 exclude_from_search:                    true
 
 comments:                               false
-fam_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl_simple
 
 permalink:                              /pages/public/panels/intro_panel/
 regenerate:                             true
@@ -44,10 +44,28 @@ resource_options:
             href:                       https://unsplash.com/@alex_andrews
 ---
 
-// Page content
+// Page Initializer
 // =============================================================================
+// Enable the Liquid Preprocessor
+:page-liquid:
+
+// Set (local) page attributes here
+// -----------------------------------------------------------------------------
+// :page--attr:                         <attr-value>
+:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
+
+//  Load Liquid procedures
+// -----------------------------------------------------------------------------
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
+
+// Load page attributes
+// -----------------------------------------------------------------------------
+{% include {{load_attributes}} scope="all" %}
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 [[responsive-design]]
 == Full Responsive
@@ -61,17 +79,47 @@ content at its best on all devices for all window sizes makes a great Web
 brilliant. J1 Template supports your Web for full responsiveness, for the
 best user experience on all modern devices.
 
-=== Bootstrap 4 Integration
+// [role="skiptranslate"]
+=== Bootstrap Integration
 
 To not sidetrack your audience by irritating user interface (UI) components,
 the J1 Template is based on Bootstrap. Bootstrap is one of the most popular
-frameworks for web development used today. J1 is based on Bootstrap V4,
+frameworks for web development used today. J1 is based on Bootstrap V5,
 the last current version to support your visitors by common navigation
 elements, data input, tables, and many other components.
 
 Bootstrap simplifies HTML programming a lot, offers excellent JS support
 for interactive components like navigation elements, cards, forms, etc.
 
+==== Themes
+
+The themes feature for J1 is in an experimental state for the template
+system. Anyway, it makes sense to present what is possible using different
+versions of Bootstrap's CSS styles for a website.
+
+Themes step in the framework to further adjust the website's appearance
+based on the core CSS rules and definitions of Bootstrap. Themes do not
+change the framework's functionality but modify rule-based, e.g., the
+color scheme, fonts, sizes, or the appearance of more complex elements like
+forms or tables. Additionally, a theme may add additional components but in
+the *sense* of Bootstrap's framework rules and philosophy.
+
+It is expected that many people will change the template for their needs. To
+create unique websites. Fundamental to do this is are CSS styles
+defined by Bootstrap.
+
+.Themes menu (Bootswatch)
+lightbox::images--themes-menu[ 1024, {data-images--themes-menu} ]
+
+Thanks to the people at link:{url-bootswatch--home}[Bootswatch, {browser-window--new}],
+a great set of already prepared Bootstrap stylesheets (20+ for BS V5) in
+various designs are available on their website. There is no need to start from
+scratch, re-define all the Bootstrap variables, and rebuild the framework files
+to create a new theme. Many different styles are available. What is already
+available at Bootswatch is at least a good base for your modifications; your
+unique design.
+
+
 [[current-technology]]
 == HTML5 · CSS3 · JS