j1-template 2021.0.8 → 2021.0.13

data/lib/starter_web/pages/public/asciidoc_skeletons/book/000_intro.adoc

@@ -15,7 +15,7 @@ tags:                                   [ Introduction, Tutorial ]
 categories:                             [ Asciidoc, Knowledge, Skeleton ]
 
 permalink:                              /pages/public/skeleton/book/intro/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              []
 resource_options:

data/lib/starter_web/pages/public/asciidoc_skeletons/book/100_chapter.adoc

@@ -12,7 +12,7 @@ tags:                                   [ Skeleton, Book ]
 
 
 permalink:                              /pages/public/skeleton/book/chapter_1/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              []
 resource_options:

data/lib/starter_web/pages/public/asciidoc_skeletons/book/200_chapter.adoc

@@ -12,7 +12,7 @@ categories:                             [ Asciidoc, Knowledge ]
 tags:                                   [ Skeleton, Book ]
 
 permalink:                              /pages/public/skeleton/book/chapter_2/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              [ lightbox, light_gallery, justified_gallery ]
 resource_options:

data/lib/starter_web/pages/public/asciidoc_skeletons/book/900_references.adoc

@@ -9,7 +9,7 @@ categories:                             [ Asciidoc, Knowledge ]
 tags:                                   [ Skeleton, Book ]
 
 permalink:                              /pages/public/skeleton/book/references/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              []
 resource_options:

data/lib/starter_web/pages/public/asciidoc_skeletons/book/book.adoc

@@ -14,7 +14,7 @@ categories:                             [ Asciidoc, Skeleton ]
 tags:                                   [ Knowledge, Skeleton, Book ]
 
 permalink:                              /pages/public/skeleton/book/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              [ lightbox, light_gallery, justified_gallery ]
 resource_options:

data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/100_chapter.asciidoc

@@ -13,7 +13,7 @@ tags:                                   [ Skeleton, Document ]
 
 
 permalink:                              /pages/public/skeleton/book/chapter_1/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              []
 resource_options:

data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/200_chapter.asciidoc

@@ -12,7 +12,7 @@ categories:                             [ Asciidoc, Knowledge ]
 tags:                                   [ Skeleton, Document ]
 
 permalink:                              /pages/public/skeleton/book/chapter_2/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              [ lightbox, light_gallery, justified_gallery ]
 resource_options:

data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/multi.adoc

@@ -13,7 +13,7 @@ categories:                             [ Asciidoc, Skeleton ]
 tags:                                   [ Knowledge, Skeleton, Document ]
 
 permalink:                              /pages/public/skeleton/multi/
-regenerate:                             true
+regenerate:                             false
 
 resources:                              [ lightbox, light_gallery, justified_gallery ]
 resource_options:

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

@@ -122,8 +122,7 @@ supports a gallery-style thumbnail preview plus image resizing, a dowload
 dialogue, sharing provider support and some more helpful. Check what
 LightGallery can do by the following example.
 
-.Example of a LightGallery Gallery
-gallery::jg_example[]
+gallery::jg_old_times[]
 
 
 == J1 Carousel App
@@ -182,7 +181,7 @@ A simple image show is useful for example as an animated (or not animated)
 banner presenting exciting things of your site or the products offered.
 
 .Simple Image Carousel
-carousel::demo_simple[role="mb-5"]
+carousel::demo_simple[role="mb-3"]
 
 === Carousel + Caption + Lightbox
 
@@ -192,7 +191,7 @@ a lightbox to enlarge images full size. For the example below, a almost simple
 lightbox is used: Lightbox V2; or short: lightbox.
 
 .Nice cats
-carousel::demo_cats[role="mb-5"]
+carousel::demo_cats[role="mb-3"]
 
 The J1 module lightbox is a simple Lightbox but offers a bunch of impressive
 features for displaying images. For example, the lightbox can display all
@@ -207,7 +206,7 @@ to browse all images back and forth. An indicator below the slider shows how
 many images the show contains.
 
 .Single Slide Carousel and a Lightbox
-carousel::demo_oneslide[role="mb-5"]
+carousel::demo_oneslide[role="mb-3"]
 
 == J1 Gallery App
 

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

@@ -72,7 +72,8 @@ Framework*. See section <<Iconify Icons>> for more information.
 
 == Material Design Icons
 
-The primary icon-set for J1 Template is link:{mdi-home}[Material Design Icons, {browser-window--new}],
+The primary icon-set for J1 Template is
+link:{mdi-home}[Material Design Icons, {browser-window--new}],
 because it is extremely rich set providing more than 5900+ icons for the
 current version (v5.9.55). From a design perspective, _MDI_ has an excellen
 *Material Design* support an comes with the original icon set created by
@@ -80,8 +81,8 @@ _Google_ build-in.
 
 _Material Design Icons_ (MDI) is a beneficial design resource for Web Design
 that is based on _Google_'s Material Design. _MDI_ is a community-driven
-project to create an increased number of icons based on _Google_'s official repository
-and MD style specification.
+project to create an increased number of icons based on _Google_'s official
+repository and MD style specification.
 
 .Material Design Icons
 [cols="2a,3a,4a,^", options="header", width="100%", role="rtable mt-3"]
@@ -90,7 +91,9 @@ and MD style specification.
 
 |1x
 |no modifier set
-|All icons can be found for preview at the link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}]
+page online. +
 
 No modifiers +
 [source, adoc, role="noclip"]
@@ -101,7 +104,9 @@ mdi:account[1x]
 
 |3x
 |no modifier set
-|All icons can be found for preview at the link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}]
+page online. +
 
 No modifiers +
 [source, adoc, role="noclip"]
@@ -112,7 +117,9 @@ mdi:account[3x]
 
 |5x
 |no modifier set
-|All icons can be found for preview at the link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}]
+page online. +
 
 No modifiers +
 [source, adoc, role="noclip"]
@@ -123,7 +130,9 @@ mdi:account[5x]
 
 |5x
 |`mdi-rotate-45`
-|All icons can be found for preview at the link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}]
+page online. +
 
 Rotate 45 degrees +
 [source, adoc, role="noclip"]
@@ -134,7 +143,9 @@ mdi:account[5x mdi-rotate-45]
 
 |5x
 |`mdi-rotate-315`
-|All icons can be found for preview at the link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}]
+page online. +
 
 Rotate 315 degrees +
 [source, adoc, role="noclip"]
@@ -146,7 +157,9 @@ mdi:account[5x mdi-rotate-315]
 |5x
 |`mdi-light` +
 `mdi-flip-v`
-|All icons can be found for preview at the link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}]
+page online. +
 
 Colour set to (md) light-grey and flipped vertical +
 [source, adoc, role="noclip"]
@@ -157,7 +170,9 @@ mdi:alert[5x mdi-light mdi-flip-v]
 
 |5x
 |`md-indigo`
-|All icons can be found for preview at the link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}]
+page online. +
 
 Colour set to (md) indigo +
 [source, adoc, role="noclip"]
@@ -168,7 +183,9 @@ mdi:alert[5x md-indigo]
 
 |5x
 |`md-pink`
-|All icons can be found for preview at the link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}]
+page online. +
 
 Colour set to (md) pink +
 [source, adoc, role="noclip"]
@@ -179,7 +196,9 @@ mdi:alert[5x md-pink]
 
 |5x
 |`mdi-spin`
-|All icons can be found for preview at the link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}]
+page online. +
 
 Added animation of type rotate (spin) +
 [source, adoc, role="noclip"]
@@ -191,7 +210,9 @@ mdi:loading[5x mdi-spin]
 |5x
 |`md-red-900` +
 `mdi-pulsed`
-|All icons can be found for preview at the link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{url-material-design-icons--cheatsheet}[MDI Cheatsheet, {browser-window--new}]
+page online. +
 
 Colour  set to (md) color dark-red and added animation of type pulsed +
 [source, adoc, role="noclip"]
@@ -202,9 +223,10 @@ mdi:heart[5x md-red-900 mdi-pulsed]
 
 |===============================================================================
 
-NOTE: Using Material Design Icons with Asciidoc is quite easy as an inline macro
-`mdi:` is available to place icons where ever you want. See more about
-this in section link:{roundtrip-asciidoc-extensions}#icon-fonts[Asciidoc Extensions]
+NOTE: Using Material Design Icons with Asciidoc is quite easy as an inline
+macro `mdi:` is available to place icons where ever you want. See more about
+this in section
+link:{roundtrip-asciidoc-extensions}#icon-fonts[Asciidoc Extensions]
 
 _MDI_ is a growing collection to allow designers and developers targeting
 various platforms to download icons in the format, color and size they need
@@ -214,11 +236,6 @@ the official set created by _Google_.
 _J1 Template_ supports the full set of _MDI_ for the Web (Webfont, WOFF). The
 icon set is fully integrated and can be used out-of-the-box.
 
-For MDI a preview is available to explore what can be done base on the
-J1 implementation regarding sizes, colours, animations etc. Go for the
-link:{previewer-mdi}[preview, {browser-window--new}] and check-out what's
-possible using MDI font icons!
-
 == FontAwesome Icons
 
 _FontAwesome_ is a font and icon toolkit based on CSS. It was initially created
@@ -243,17 +260,17 @@ license only. For the Free version, only a subset of 900+ icons is available.
 NOTE: The CSS styles for FontAwesome V5 has been extended for J1 Template to
 the same classes (and their respective names) as for other Font Icon sets.
 Already existing styles like `fa-flip-vertical` are available as `fa-flip-v`
-as well. See all types that can be used with the MDI
-link:{previewer-mdi}[preview, {browser-window--new}].
+as well.
 
-You can checkout what icons available at link:{fontawesome-icons}[FontAwesome Icons,
-{browser-window--new}]. _FontAwesome_ V5 is fully integrated - no need for
-additional resources to load. But in comparison to Version 4, a lot of
-differences needs to be noticed.
+You can checkout what icons available at
+link:{fontawesome-icons}[FontAwesome Icons, {browser-window--new}].
+_FontAwesome_ V5 is fully integrated - no need for additional resources to
+load.  But in comparison to Version 4, a lot of differences needs to be
+noticed.
 
 If you haven't used V5 yet, it is highly recommended to visit the
-link:{fontawesome-get-started}[Get started, {browser-window--new}] pages to learn
-the basics and features and styles.
+link:{fontawesome-get-started}[Get started, {browser-window--new}] pages to
+learn the basics and features and styles.
 
 With version V5 of _FontAwesome_, the icon set is split in two general parts:
 
@@ -261,8 +278,9 @@ With version V5 of _FontAwesome_, the icon set is split in two general parts:
 * brand icons (icons for companies and brands) indicated by *FAB*
 
 NOTE: Using FontAwesome with Asciidoc is quite easy as two inline macros
-`fab:` and `fas:` are available to place icons where ever you want. See more about
-this in section link:{roundtrip-asciidoc-extensions}#icon-fonts[Asciidoc Extensions]
+`fab:` and `fas:` are available to place icons where ever you want. See more
+about this in section
+link:{roundtrip-asciidoc-extensions}#icon-fonts[Asciidoc Extensions]
 
 Find below examples of both and the use with J1 Template.
 
@@ -275,7 +293,8 @@ Find below examples of both and the use with J1 Template.
 
 |2x
 |no modifier set
-|All icons can be found for preview at the link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
 
 No modifiers +
 [source, adoc, role="noclip"]
@@ -286,7 +305,8 @@ fab:google[2x]
 
 |5x
 |`md-blue`
-|All icons can be found for preview at the link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
 
 Color blue +
 [source, adoc, role="noclip"]
@@ -307,7 +327,8 @@ fab:blogger[5x md-blue]
 
 |1x
 |no modifier set
-|All icons can be found for preview at the link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
 
 No modifiers +
 [source, adoc, role="noclip"]
@@ -318,7 +339,8 @@ fas:user[1x]
 
 |3x
 |no modifier set
-|All icons can be found for preview at the link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
 
 No modifiers +
 [source, adoc, role="noclip"]
@@ -329,7 +351,8 @@ fas:user[3x]
 
 |5x
 |no modifier set
-|All icons can be found for preview at the link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
 
 No modifiers +
 [source, adoc, role="noclip"]
@@ -340,7 +363,8 @@ fas:user[5x]
 
 |5x
 |`fa-rotate-90`
-|All icons can be found for preview at the link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
 
 Rotate 90 degrees +
 [source, adoc, role="noclip"]
@@ -352,7 +376,8 @@ fas:user[5x fa-rotate-90]
 |5x
 |`mdi-light` +
 `fa-flip-v`
-|All icons can be found for preview at the link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
 
 Colour set to MDI Light (Grey) and flipped vertical +
 [source, adoc, role="noclip"]
@@ -363,7 +388,8 @@ fas:exclamation-triangle[5x mdi-light fa-flip-v]
 
 |5x
 |`md-indigo`
-|All icons can be found for preview at the link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
 
 Colour set to MDI Indigo +
 [source, adoc, role="noclip"]
@@ -374,7 +400,8 @@ fas:alert[5x md-indigo]
 
 |5x
 |`md-pink`
-|All icons can be found for preview at the link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
 
 Colour set to MDI Pink +
 [source, adoc, role="noclip"]
@@ -385,7 +412,8 @@ fas:alert[5x md-pink]
 
 |5x
 |`fa-spin`
-|All icons can be found for preview at the link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
 
 Added animation of type Rotate (Spin) +
 [source, adoc, role="noclip"]
@@ -397,7 +425,8 @@ fas:circle-notch[5x fa-spin]
 |5x
 |`md-red-900` +
 `md-red-900` `fa-pulsed`
-|All icons can be found for preview at the link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
+|All icons can be found for preview at the
+link:{fontawesome-icons}[FA Gallery, {browser-window--new}] page online. +
 
 Colour set to MDI Dark Red and added animation of type Pulsed +
 [source, adoc, role="noclip"]
@@ -438,7 +467,8 @@ Find some examples below.
 
 |3x
 |no modifier set
-|All icons can be found for preview at link:{iconify-brand-icons}[SVG Logos, {browser-window--new}] page online. +
+|All icons can be found for preview at
+link:{iconify-brand-icons}[SVG Logos, {browser-window--new}] page online. +
 
 No modifiers +
 [source, adoc, role="noclip"]
@@ -449,7 +479,8 @@ iconify:logos:opensource[3x]
 
 |3x
 |no modifier set
-|All icons can be found for preview at link:{iconify-brand-icons}[SVG Logos, {browser-window--new}] page online. +
+|All icons can be found for preview at
+link:{iconify-brand-icons}[SVG Logos, {browser-window--new}] page online. +
 
 No modifiers +
 [source, adoc, role="noclip"]
@@ -467,7 +498,8 @@ iconify:logos:asciidoctor[3x]
 
 |3x
 |no modifier set
-|All icons can be found for preview at link:{iconify-medical-icons}[Medical Icons, {browser-window--new}] page online. +
+|All icons can be found for preview at
+link:{iconify-medical-icons}[Medical Icons, {browser-window--new}] page online. +
 
 No modifiers +
 [source, adoc, role="noclip"]
@@ -478,7 +510,8 @@ iconify:medical-icon:i-ear-nose-throat[3x]
 
 |5x
 |`md-red-900`
-|All icons can be found for preview at link:{iconify-medical-icons}[Medical Icons, {browser-window--new}] page online. +
+|All icons can be found for preview at
+link:{iconify-medical-icons}[Medical Icons, {browser-window--new}] page online. +
 
 Color (md) red +
 [source, adoc, role="noclip"]

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

@@ -282,9 +282,6 @@ mdi:font-awesome[2x, ml-3 mr-2 mb-2] Brand icon +
 mdi:apple[2x, md-indigo ml-3 mr-2] Brand icon (colored)
 ====
 
-Find all MDI Icons on page
-link:{previewer-mdi}[MDI Icon Previewer, {browser-window--new}].
-
 NOTE: Parameters `icon_size` and `modifier` are optional. If not given,
 the icons `size` is set to default  (`1x`), the color to `black` and no
 settings for the `modifier` are applied.
@@ -391,10 +388,6 @@ This is an example of how you can emoji:heart[2x, pulsed mt-1] Asciidoctor
 and Twitter Emoji emoji:smile[].
 ====
 
-Find all Twitter Emoji's build-in with J1 Template on page
-link:{previewer-emoji}[Emoji Icon Previewer, {browser-window--new}].
-
-
 == Blind Text (Lorem)
 
 The Ruby Gem Middleman, a Ruby-gem based static site generator, provides a