j1-template 2022.4.7 → 2022.4.10

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

@@ -12,7 +12,7 @@ categories:                             [ Knowledge ]
 tags:                                   [ J1, Template, Quickstart ]
 
 comments:                               true
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 permalink:                              /pages/public/learn/quickstart/
 regenerate:                             false

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

@@ -10,7 +10,7 @@ description: >
 categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Module, Image ]
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 permalink:                              /pages/public/learn/roundtrip/present_images/
 regenerate:                             false
@@ -18,7 +18,7 @@ regenerate:                             false
 resources:                              [
                                           animate, clipboard, carousel,
                                           justifiedGallery, lightbox, lightGallery,
-                                          rouge
+                                          masterslider, rouge
                                         ]
 resource_options:
   - attic:
@@ -39,7 +39,8 @@ resource_options:
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
 // :page--attr:                         <attr-value>
-:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
+:ms-slider-previewer:                   https://jekyll.one/pages/public/previewer/masterslider/
+:ms-slider-module-documentation:        https://jekyll.one/pages/public/manuals/modules/masterslider/
 
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
@@ -60,7 +61,7 @@ shows some valuable features of the 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
 JustifiedGallery for high-end, masonry-styled preview maps. J1 Template uses
-the jQuery plugin Owl Carousel as a base for image sliders. A carousel
+the _jQuery_ Plugin Owl Carousel as a base for image sliders. A carousel
 app (slider) lets you present your images as shows.
 
 Lightboxes like LightGallery or Lightbox V2 support your web for enlarged
@@ -121,8 +122,8 @@ gallery::jg_old_times[ role="mb-4 wm-800" ]
 == J1 Carousel App
 
 J1 Carousel is based on OWL Carousel V1 in the latest (and unfortunately
-last) version of 1.3.3. OWL Carousel is a clean and neat jQuery slider plugin
-for creating fully responsive and touch-enabled carousel sliders.
+last) version of 1.3.3. OWL Carousel is a clean and neat _jQuery_ slider
+plugin for creating fully responsive and touch-enabled carousel sliders.
 
 NOTE: OWL Carousel V1 is no longer available on the Internet; for an
 unknown reason. Anyway, the J1 Template is using this version of OWL
@@ -201,9 +202,91 @@ many images the show contains.
 .Carousel Example
 carousel::demo_oneslide[role="mb-3"]
 
+== J1 Master Slider
+
+The Javascript tool _Master Slider_ is a 3rd party plugin fully integrated
+into the J1 Template by the module `masterslider`. J1 Template uses the
+*free* version of Master Slider (MS Lite). The Lite version does *not* support
+all features: the functionality of  *filters*, *layouts* are limited and no
+*overlay* techniques are supported by the MS Lite version.
+
+WARNING: The Master Slider (MS Lite and Pro version) is a so-called _jQuery_
+Plugin. _jQuery_ can simplify Javascript code a lot but will slow-down
+the runtime performance of the JS code. Expect for slower browsers and
+platforms, like mobiles or tablets, initializing an MS Slider will take
+a while to be finished.
+
+=== Carousels versus Sliders
+
+Sliders and Carousels are focussing quite the same thing: presenting image data
+dynamically as an app. The features of Sliders go far beyond what simple
+Carousels can do: presenting image-based data as *slideshows*. Well-known
+Office Products to create *presentations* are _Microsoft Powerpoint_ or
+_Google Docs_. Modern sliders like _Master Slider_ provide similar features to
+present animated *shows* (presentations) based on digital image data combined
+with text elements, buttons, or overlay techniques, e.g., for images or
+other digital data sources.
+
+In short: Carousels are used to present images, and sliders are used to create
+complex image-based slideshows (presentations).
+
+=== MS Slider using Controls + Filters + Lightbox
+
+The following slider uses the (CSS) filter feature of Master Slider.
+Filters can be used, for example, to *transform* the *style* of the images
+presented by a slider. In this example, the slider images are transformed
+from style *color* to *sepia*.
+
+WARNING: Lightbox support is only available for the MS Lite version of J1
+Template. The product versions *MS Lite* and *MS Pro* does not support
+Lightboxes on sliders out-of-the-box.
+
+TIP: Click on the Lightbox symbol mdi:image-outline[18px, md-gray] in the
+slides to see the *colored* images configured for the slider.
+
+masterslider::ms_00001[role="mt-4 mb-5"]
+
+=== MS Slider using Text Elements
+
+One of the major features of sliders is to present additional (animated)
+elements, like text data, connected to the images presented by a slider:
+the slideshow. MS Slider provides functions to combine images and text
+elements: the *MSInfo* element.
+
+masterslider::ms_00003[role="mt-4 mb-5"]
+
+=== MS Slider using ThumbImages
+
+To give the users better control over a slideshow, sliders provide complex UI
+elements like *thumbs* placed side-by-side (left|right), at the top, or at
+the bottom of a slideshow. Find two examples to control a slideshow by
+*thumb images*.
+
+masterslider::ms_00004[role="mt-4 mb-5"]
+
+masterslider::ms_00005[role="mt-4 mb-5"]
+
+=== MS Slider using MS Info in a complex Layout
+
+The following slider presents a slideshow that combines an MSInfo element
+at the bottom and the MS Layout `partialview`. A slideshow typically presents
+a larger number of slides. The layout `partialview` accompanies the *active*
+slide by their neighbors on the left and the right.
+
+masterslider::ms_00009[role="mt-4 mb-5"]
+
+=== More about MS Sliders
+
+If you're interested to learn more about MS Sliders, go for the following
+documents:
+
+* link:{ms-slider-previewer}[MS Slider Previewer, {browser-window--new}]
+* link:{ms-slider-module-documentation}[MS Slider module documentation, {browser-window--new}]
+
+
 == JustifiedGallery
 
-JustifiedGallery is a great jQuery plugin to create responsive, infinite,
+JustifiedGallery is a great _jQuery_ Plugin to create responsive, infinite,
 and high-quality justified image galleries. J1 Template combines the Gallery
 with the lightboxes supported to enlarge the images of a gallery. See the
 gallery in action; and for sure, all that you see is even responsive. Change

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

@@ -16,7 +16,7 @@ permalink:                              /pages/public/learn/roundtrip/present_vi
 regenerate:                             false
 
 personalization:                        true
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 resources:                              [
                                           animate, lightGallery, justifiedGallery, video_js,

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

@@ -11,7 +11,7 @@ description: >
 categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Module, Typography ]
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 permalink:                              /pages/public/learn/roundtrip/typography/
 regenerate:                             false

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

@@ -13,7 +13,7 @@ description: >
 categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Module, Icon, Fonts ]
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 permalink:                              /pages/public/learn/roundtrip/mdi_icon_font/
 regenerate:                             false

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

@@ -12,7 +12,7 @@ description: >
 categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Module, Asciidoc, Extension ]
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 permalink:                              /pages/public/learn/roundtrip/asciidoc_extensions/
 regenerate:                             false

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

@@ -13,7 +13,7 @@ categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Bootstrap, Modal, Extension ]
 
 flowtext:                               false
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 permalink:                              /pages/public/learn/roundtrip/modals/
 regenerate:                             false

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

@@ -11,7 +11,7 @@ categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Bootstrap, Table, Extension ]
 
 flowtext:                               false
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 permalink:                              /pages/public/learn/roundtrip/responsive_tables/
 regenerate:                             false

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

@@ -12,7 +12,7 @@ categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Module, Themes ]
 
 scrollbar:                              false
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 permalink:                              /pages/public/learn/roundtrip/themes/
 regenerate:                             false

data/lib/starter_web/pages/public/learn/roundtrip/600_quicksearch.adoc

@@ -15,7 +15,7 @@ tags:                                   [ Introduction, Module, Lunr, QuickSearc
 
 toc:                                    true
 scrollbar:                              false
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 permalink:                              /pages/public/learn/roundtrip/quicksearch/
 regenerate:                             false

data/lib/starter_web/pages/public/legal/de/100_copyright.adoc

@@ -15,7 +15,7 @@ robots:
 sitemap:                                false
 exclude_from_search:                    true
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 scrollbar:                              false
 comments:                               false
 toc:                                    true

data/lib/starter_web/pages/public/legal/de/100_impress.adoc

@@ -15,7 +15,7 @@ robots:
 sitemap:                                false
 exclude_from_search:                    true
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 scrollbar:                              false
 comments:                               false
 toc:                                    false

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

@@ -15,7 +15,7 @@ robots:
 sitemap:                                false
 exclude_from_search:                    true
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 scrollbar:                              false
 comments:                               false
 toc:                                    true

data/lib/starter_web/pages/public/legal/de/400_comment_policy.adoc

@@ -15,7 +15,7 @@ robots:
   index:                                false
   follow:                               false
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 scrollbar:                              false
 comments:                               false
 toc:                                    true

data/lib/starter_web/pages/public/legal/en/100_copyright.adoc

@@ -16,7 +16,7 @@ robots:
 sitemap:                                false
 exclude_from_search:                    true
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 scrollbar:                              false
 toc:                                    true
 

data/lib/starter_web/pages/public/legal/en/200_impress.adoc

@@ -15,7 +15,7 @@ robots:
 sitemap:                                false
 exclude_from_search:                    true
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 scrollbar:                              false
 toc:                                    false
 

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

@@ -15,7 +15,7 @@ robots:
 sitemap:                                false
 exclude_from_search:                    true
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 scrollbar:                              false
 comments:                               false
 toc:                                    true

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

@@ -17,7 +17,7 @@ robots:
 sitemap:                                false
 exclude_from_search:                    true
 
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 scrollbar:                              false
 toc:                                    true
 

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

@@ -20,7 +20,7 @@ robots:
 exclude_from_search:                    true
 
 comments:                               false
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 permalink:                              /pages/public/panels/intro_panel/
 regenerate:                             false

data/lib/starter_web/pages/public/plans/plans.adoc

@@ -20,7 +20,7 @@ robots:
 exclude_from_search:                    true
 
 comments:                               false
-fab_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl
 
 permalink:                              /pages/public/plans/plan_details/
 regenerate:                             false