RubyGems - j1-template - Versions diffs - 2020.0.22 → 2020.0.24 - Mend

j1-template 2020.0.22 → 2020.0.24

Files changed (266) hide show

data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc CHANGED

@@ -1,25 +1,31 @@
 ---
 title:                                  Roundtrip
 tagline:                                present images
-description:                            J1 Template Roundtrip - Present image based data
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Roundtrip, Images ]
-categories:                             [ pages ]
-toc:                                    true
-scrollbar:                              false
+description: >
+                                        This page show some of quite useful features of J1 Template to manage your
+                                        image-based content using lightboxes, carousels (slider) and galleries.
+                                        The image module offers complex functionality based on powerful OpenSource
+                                        libraries like Justified Gallery for high-end, masonry styled preview maps.
+                                        A carousel app, using the jQuery plugin Owl Carousel as a base, let you
+                                        present your images as slide shows.
+                                        Lightboxes like LightGallery or Lightbox V2 support your web for full image
+                                        views of your picture or video content. Have a look, a quick tour what J1
+                                        can do for image data.
+date:                                   2020-11-03 12:00:00
+tags:                                   [ Roundtrip, Introduction ]
+categories:                             [ Images, Module ]
+fam_menu_id:                            open_toc
 permalink:                              /pages/public/learn/roundtrip/present_images/
-regenerate:                             false
+regenerate:                             true
 resources:                              [
                                           clipboard, rouge, carousel, lightbox,
                                           justified_gallery, light_gallery
                                         ]
 resource_options:
-  - toccer:
-      collapseDepth:                    3
   - attic:
       padding_top:                      400
       padding_bottom:                   50
@@ -49,23 +55,22 @@ resource_options:
 // Load page attributes
 // -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="local" %}
+{% include {{load_attributes}} scope="all" %}
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-Welcome to the first preview page focussing the image module. This page shows
-you some of them quite useful features of J1 Template to manage your
-image-based content using lightboxes, carousels (slider) and galleries.
+Welcome to the first preview page focussing the image module. This page show
+some of quite useful features of J1 Template to manage your image-based content
+using lightboxes, carousels (slider) and galleries.
 The image module offers complex functionality based on powerful OpenSource
-libraries like the build-in Gallery gallery for simple _Bootstrap_ grid-based
-image galleries or Justified Gallery for high-end, masonry styled preview maps.
-The build-in carousel app carousel, using the jQuery plugin Owl Carousel as a
-base, let you present your images as slide shows.
+libraries like Justified Gallery for high-end, masonry styled preview maps.
+A carousel app, using the jQuery plugin Owl Carousel as a base, let you
+present your images as slide shows.
 Lightboxes like LightGallery or Lightbox V2 support your web for full image
 views of your picture or video content. Have a look, a quick tour what J1
-can do. Have fun!
+can do for image data. Have fun!
 == J1 Lightboxes

data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc CHANGED

@@ -1,25 +1,26 @@
 ---
 title:                                  Roundtrip
 tagline:                                present videos
-description:                            J1 Template Roundtrip - Present video based data
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Roundtrip, Video ]
-categories:                             [ pages ]
-scrollbar:                              false
-toc:                                    true
+description: >
+                                        Playing video on web pages seems not that special since you can already
+                                        watch videos on web pages through plugins like Flash Player, Quicktime
+                                        or Silverlight.
+                                        A new standard goes to HTML5 Video, a pure HTML way to
+                                        show video on the web; instead of the previous de facto standard of using
+                                        proprietary software.
+date:                                   2020-11-04 12:00:00
+tags:                                   [ Roundtrip, Introduction ]
+categories:                             [ Video, Module ]
 permalink:                              /pages/public/learn/roundtrip/present_videos/
 regenerate:                             false
 resources:                              [
                                           light_gallery, justified_gallery, video_js,
-                                          vimeo_player, vimeo_player, vimeo_froogaloop
+                                          vimeo_player, vimeo_froogaloop
                                         ]
 resource_options:
-  - toccer:
-      collapseDepth:                    3
   - attic:
       padding_top:                      400
       padding_bottom:                   50
@@ -62,11 +63,12 @@ resource_options:
 // Load page attributes
 // -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="local" %}
+{% include {{load_attributes}} scope="all" %}
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Playing video on web pages seems not that special since you can already
 watch videos on web pages through plugins like _Flash Player_, _Quicktime_
 or _Silverlight_. A new standard goes to HTML5 Video, a pure HTML way to

data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc CHANGED

@@ -1,24 +1,21 @@
 ---
 title:                                  Roundtrip
 tagline:                                typography
-description:                            Typography, a crucial branding element
+description: >
+                                        The character font serves as one of the most crucial branding elements for
+                                        any business. Typography matters for any media presenting text. The text will
+                                        take on an important role of acting not only as plain text but will also serve
+                                        as something like images.
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Roundtrip, Typography ]
-categories:                             [ pages ]
+date:                                   2020-11-05 12:00:00
+tags:                                   [ Roundtrip, Introduction ]
+categories:                             [ Typography, Module ]
 permalink:                              /pages/public/learn/roundtrip/typography/
 regenerate:                             false
-toc:                                    true
-advertising:                            false
 resources:                              []
 resource_options:
-  - toccer:
-      collapseDepth:                    3
-# - ssm:
-#     mode:                             menu
   - attic:
       padding_top:                      400
       padding_bottom:                   50
@@ -51,17 +48,18 @@ resource_options:
 // Load page attributes
 // -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="local" %}
+{% include {{load_attributes}} scope="all" %}
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 == Typography
-Typography serves as one of the most crucial branding elements for any business.
-Typography matters for any media presenting text. The text will take on an
-important role of acting not only as plain text but will also serve as
-something like images.
+The character font serves as one of the most crucial branding elements for
+any business. Typography matters for any media presenting text. The text will
+take on an important role of acting not only as plain text but will also serve
+as something like images.
 == Responsive Text
@@ -84,8 +82,9 @@ what will happen in terms of responsiveness.
   </button>
   <div class="mb-4">
     <div class="content">
-      <h4 class="notoc">The Extremes of Good and Evil</h4>
-      <h6 class="notoc text-gray mb-3">Cicero, Paragraph 1.10.32 · Translation by H. Rackham, Issue 1914 - De Finibus</h6>
+      <!-- jadams, 2020-11-15: adjusted heading levels (Google optimisation) -->
+      <h3 class="notoc">The Extremes of Good and Evil</h3>
+      <p class="small notoc text-gray mb-3">Cicero, Paragraph 1.10.32 · Translation by H. Rackham, Issue 1914 - De Finibus</p>
       <p class="toggle-description no-r-text">
         But I must explain to you how all this mistaken idea of denouncing
         pleasure and praising pain was born and I will give you a complete
@@ -140,8 +139,9 @@ responsiveness in action.
   </button>
   <div class="mb-4">
     <div class="content">
-      <h4 class="notoc">The Extremes of Good and Evil</h4>
-      <h6 class="notoc text-gray mb-3">Cicero, Paragraph 1.10.33 · Translation by H. Rackham, Issue 1914 - De Finibus</h6>
+      <!-- jadams, 2020-11-15: adjusted heading levels (Google optimisation) -->
+      <h3 class="notoc">The Extremes of Good and Evil</h3>
+      <p class="small notoc text-gray mb-3">Cicero, Paragraph 1.10.32 · Translation by H. Rackham, Issue 1914 - De Finibus</p>
       <p class="scale-description r-text-300">
         On the other hand, we denounce with righteous indignation and dislike men who
         are so beguiled and demoralized by the charms of pleasure of the moment, so

data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc CHANGED

@@ -1,19 +1,23 @@
 ---
 title:                                  Roundtrip
 tagline:                                icon fonts
-description:                            J1 Template Roundtrip - Icon Fonts
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Roundtrip, Material, Design, MDI, FontAwesome, Icon, Fonts ]
-categories:                             [ pages ]
+description: >
+                                        J1 Template support popular icons font sets out-of-the-box.
+                                        The icon sets MDI and FA are very good in design and have a rich set of
+                                        different icons for many categories used for the Web.
+                                        Iconify icons is not a locally stored icon-set like MDI or FA. All icons are
+                                        loaded over the Internet using the so-called Unified OpenSource Icon
+                                        Framework.
+date:                                   2020-11-06 12:00:00
+tags:                                   [ Roundtrip, Introduction ]
+categories:                             [ Icon, Module ]
 permalink:                              /pages/public/learn/roundtrip/mdi_icon_font/
 regenerate:                             false
 resources:                              [ iconify ]
 resource_options:
-  - toccer:
-      collapseDepth:                    3
   - attic:
       padding_top:                      400
       padding_bottom:                   50
@@ -43,11 +47,12 @@ resource_options:
 // Load page attributes
 // -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="local" %}
+{% include {{load_attributes}} scope="all" %}
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 == Icon Fonts
 J1 Template support popular icons font sets out-of-the-box:

data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc CHANGED

@@ -1,19 +1,24 @@
 ---
 title:                                  Roundtrip
 tagline:                                asciidoc extensions
-description:                            Asciidoc Extensions (asciidoctor)
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Roundtrip, Asciidoc, Asciidoctor, Extensions ]
-categories:                             [ pages ]
+description: >
+                                        J1 Template implements some incubating Ruby-based extensions
+                                        for Asciidoctor. Most extensions are based on the examples
+                                        given with the Asciidoctor Extensions Lab.
+                                        All implemented Asciidoctor Extensions can be found in this article.
+                                        A set of useful extensions to the Markup language Asciidoc are made
+                                        especially for documents of the Jekyll content type pages, but can
+                                        be used for post or collections as well.
+date:                                   2020-11-07 12:00:00
+tags:                                   [ Roundtrip, Introduction ]
+categories:                             [ Asciidoc, Extension ]
 permalink:                              /pages/public/learn/roundtrip/asciidoc_extensions/
 regenerate:                             false
 resources:                              [ lightbox, iconify, twemoji, rouge ]
 resource_options:
-  - toccer:
-      collapseDepth:                    3
   - attic:
       padding_top:                      400
       padding_bottom:                   50
@@ -43,11 +48,12 @@ resource_options:
 // Load page attributes
 // -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="local" %}
+{% include {{load_attributes}} scope="all" %}
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 J1 Template implements some incubating Ruby-based extensions for Asciidoctor.
 Most extensions are based on the examples given with the
 {asciidoctor-extensions-lab}[Asciidoctor Extensions Lab, {browser-window--new}].
@@ -58,7 +64,6 @@ To create extensions on your own, it is highly recommended to read first the
 {asciidoctor-user-manual-extensions}[extensions section, {browser-window--new}] in
 the Asciidoctor user manual.
 == Asciidoc Extensions
 All already implemented Asciidoctor Extensions can be found below. A set of

data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc CHANGED

@@ -1,11 +1,15 @@
 ---
 title:                                  Roundtrip
 tagline:                                advanced bootstrap modals
-description:                            Advanced Bootstrap Modals for J1 Template
+description: >
+                                        Bootstrap modals are used to add dialogues to your web pages for user
+                                        notifications. To highlight important information to your visitor's. Modals
+                                        are positioned over everything else in the document so that messages
+                                        get the users attention.
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Roundtrip, Bootstrap, advanced, Modal]
-categories:                             [ pages ]
+date:                                   2020-11-08 12:00:00
+tags:                                   [ Roundtrip, Introduction ]
+categories:                             [ Bootstrap, Modal, Extension ]
 flowtext:                               false
@@ -14,8 +18,6 @@ regenerate:                             false
 resources:                              []
 resource_options:
-  - toccer:
-      collapseDepth:                    3
   - attic:
       padding_top:                      400
       padding_bottom:                   50
@@ -46,6 +48,7 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Advanced Bootstrap Modals are based on the free package of
 link:{mdb-home}[Material Design for Bootstrap, {browser-window--new}] on version
 *4.3.2*. This version can be found following this link:

data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc CHANGED

@@ -1,12 +1,14 @@
 ---
 title:                                  Roundtrip
 tagline:                                responsive tables
-description:                            Enhanced table styles for J1 Template
+description: >
+                                        Creating a design for responsive tables is challenging. The approach used by
+                                        J1 Template is based on pure CSS on top of the classic Bootstrap styles for
+                                        simplicity and portability to be viewed best on all devices and browsers.
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Bootstrap, Roundtrip, Extended, Tables]
-categories:                             [ pages ]
+date:                                   2020-11-09 12:00:00
+tags:                                   [ Roundtrip, Introduction ]
+categories:                             [ Bootstrap, Table, Extension ]
 flowtext:                               false
@@ -15,8 +17,6 @@ regenerate:                             false
 resources:                              [ rtable, rouge ]
 resource_options:
-  - toccer:
-      collapseDepth:                    3
   - attic:
       padding_top:                      400
       padding_bottom:                   50
@@ -38,6 +38,7 @@ resource_options:
 // Set page (local) attributes here
 // -----------------------------------------------------------------------------
 // :page--attr:                         <attr-value>
+:debug:
 :images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
 //  Load Liquid procedures
@@ -46,15 +47,68 @@ resource_options:
 // Load page attributes
 // -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="local" %}
+{% include {{load_attributes}} scope="all" %}
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Creating a design for responsive tables is challenging. The approach used by
 J1 Template is based on pure CSS on top of the classic Bootstrap styles for
 simplicity and portability to be viewed best on all devices and browsers.
+ifdef::debug[]
+.Source, options NOT set
+[source, md, role="noclip"]
+----
+[cols=",", options="header", ]
+|===============================================================================
+|Bratze |Bru
+|Fick
+|dich
+|===============================================================================
+----
+.Options NOT set
+[cols=",", options="header", ]
+|===============================================================================
+|Bratze |Bru
+|Fick
+|dich
+|===============================================================================
+.Source, options SET
+[source, adoc, role="noclip"]
+----
+[cols="6a,6a", options="header", width="100%", role="table-responsive mt-3"]
+|===============================================================================
+|Bratze |Bru
+|Fick
+|dich
+|===============================================================================
+----
+.options set
+[cols="6a,6a", options="header", width="100%", role="table-responsive mt-3"]
+|===============================================================================
+|Bratze |Bru
+|Fick
+|dich
+|===============================================================================
+endif::[]
 == Table types
 But, for sure, the solution provided is a compromise. To fit the common needs

data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc CHANGED

@@ -1,19 +1,20 @@
 ---
 title:                                  Roundtrip
 tagline:                                themes
-description:                            J1 Template Roundtrip - Template Themes
+description: >
+                                        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.
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Roundtrip, Bootstrap, Themes ]
-categories:                             [ pages ]
+date:                                   2020-11-10 12:00:00
+tags:                                   [ Roundtrip, Introduction ]
+categories:                             [ Theme, Module ]
 permalink:                              /pages/public/learn/roundtrip/themes/
 regenerate:                             false
 resources:                              [ rouge, clipboard ]
 resource_options:
-  - toccer:
-      collapseDepth:                    3
   - attic:
       padding_top:                      400
       padding_bottom:                   50
@@ -43,11 +44,12 @@ resource_options:
 // Load page attributes
 // -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="local" %}
+{% include {{load_attributes}} scope="all" %}
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 ++++
 <!-- page_path:            {{page_path | debug}} -->
 <!-- site.source:          {{site.source | debug}} -->