j1-template 2023.9.0 → 2023.9.2

data/lib/starter_web/pages/public/learn/roundtrip/present_images.adoc

@@ -79,11 +79,11 @@ resource_options:
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 [role="dropcap"]
 Welcome to the preview page focussing on image modules. This page shows
-all the valuable features of the J1 Template to manage your image-based
+all of the powerful features of the J1 Template to manage your image-based
 content using lightboxes, carousels, sliders, grids, and galleries.
 
 The image-related modules of the J1 Template offer a wide range of complex
-functionality based on powerful Open Source libraries like Lightbox V2,
+functionality based on powerful Open Source libraries like Lightbox Version 2,
 Slick Slider, Master Slider, or Masonry Grid and JustifiedGallery to create
 masonry-styled preview maps.
 
@@ -98,14 +98,14 @@ mdi:clock-time-five-outline[24px, md-gray mt-4 mr-2]
 
 A Lightbox is a helper which displays enlarged, almost screen-filling versions
 of images while dimming the remainder of the page. The technique, introduced
-by Lightbox V2, gained widespread popularity thanks to its simple style. The
-term *Lightbox* has been employed since then for Javascript libraries to
+by Lightbox Version 2, gained widespread popularity thanks to its simple style.
+The term *Lightbox* has been employed since then for Javascript libraries to
 support such functionality.
 
 For J1 Template, different lightbox modules are available:
 
-* Lightbox V2 (default)
-* LightGallery Lightbox (optional)
+* Lightbox Version 2 (default)
+* Lightbox LightGallery (optional)
 * Slick Lightbox (for Slick Carousels only)
 
 The *default* tool employed by J1 Template is Lightbox V2, a Javascript
@@ -127,8 +127,8 @@ under the link:{url-j1-docs--lightbox-module}[Lightbox module, {browser-window--
 === Default Lightbox
 
 [role="mb-4"]
-Find below an example of using the rhe default lightbox used for standalone
-images. See how single (individual) images are linked.
+Find below an example of using the the default lightbox used for standalone
+images. See how individual images are linked.
 
 .Lightbox for standalone images
 lightbox::example-standalone[ 800, {data-images-standalone}, role="mb-4" ]
@@ -164,8 +164,8 @@ gallery::jg_old_times[]
 == J1 Carousel
 
 J1 Carousel is based on OWL Carousel V1 in the latest version. OWL Carousel
-is a clean and neat _jQuery_ slider plugin for creating fully responsive and
-touch-enabled carousel sliders.
+is a powerful jQuery plugin for creating fully responsive and touch-enabled
+carousel sliders.
 
 [role="mt-4"]
 === Simple Text Carousel
@@ -178,20 +178,19 @@ displayed as a slide show: simple text, for example.
 .Text Carousel
 carousel::demo_text_carousel[role="mb-4"]
 
-Important statements or topics can be placed, e.g., on top of an article or
-a paragraph, to give them better visibility. In one line, you can present
+Important statements or topics can be placed on top of an article or
+a paragraph to give them better visibility. In one line, you can present
 many facts to know animated for the reader's attention within a single
-line. No much space is needed!
+line.
 
 [role="mt-4"]
 === Parallax Text Carousel
 
 [role="mb-4"]
-A more eye-minded type of text-based slide show is a parallax text slider. If
-you want to emphasize your statements focussing the meaning, this kind of a
-slide show may be interesting. Image-based slide shows may draw off the
-reader's attention from the text, therefore a pure text-based presentation
-maybe the better choice.
+A more emphasized type of text-based carousel is a parallax text slider. If
+you want to focus the meaning, this kind of a slide show may be interesting.
+Image-based slide shows may draw off the reader's attention from the text,
+therefore a pure text-based presentation maybe the better choice.
 
 .Parallax Text
 carousel::demo_text_carousel_parallax[role="mb-4"]
@@ -228,16 +227,15 @@ carousel::demo_simple[role="mb-4"]
 
 Carousels are used for an exceptionally compact form of image galleries.
 This example shows some pictures having individual caption text and supports
-a lightbox to enlarge images full size. For the example below, an almost simple
-lightbox is used: Lightbox2; or short: lightbox.
+a lightbox to enlarge images full size.
 
 .Image Carousel + Lightbox
 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
-images (of a carousel) as a group. If one picture is opened in the lightbox,
-others are browsed by easy-to-use control buttons.
+images as a group. If one picture is opened in the lightbox, others are
+browsed by easy-to-use control buttons.
 
 [role="mt-4"]
 === One Slide Carousel + Lightbox
@@ -254,7 +252,7 @@ carousel::demo_oneslide[role="mb-4"]
 == J1 Slick Carousel
 
 [role="mb-4"]
-_Slick_ is a popular jQuery plugin for creating responsive and fully
+Slick is a popular jQuery plugin for creating responsive and fully
 customizable carousels. It allows developers to easily create beautiful
 and dynamic carousels that can display images, videos, or any other type
 of content in a visually appealing way.
@@ -329,11 +327,11 @@ link:{url-j1-slick-previewer}[Slick Previewer, {browser-window--new}],
 [[masterSlider]]
 == J1 Master Slider
 
-The Javascript library _Master Slider_ is a 3rd party plugin fully integrated
-into the J1 Template by the module `masterslider`. J1 Template uses the *free*
-version *MS Lite*. The free version of Master Slider does *not* support
-all features: the functionality of  *filters*, *layouts* are limited and no
-*overlay* techniques are supported by MS Lite.
+Masterslider is a jQuery plugin fully integrated into the J1 Template.
+Jekyll One uses the *free* version of Masterslider well-known as MS Lite.
+The lite version does *not* support all features of the full product.
+The functionality of filters and  layouts are limited and no overlay
+techniques are supported by the MS Lite version.
 
 [role="mt-4"]
 [[carousel_versus_slider]]
@@ -398,26 +396,19 @@ masterslider::ms_00003[]
 
 [role="mt-4"]
 [[thumb_images]]
-=== MS Slider using ThumbImages
+=== [role="mt-4"] Slider using Thumb Elements
 
 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*.
+elements to place dor example mini-images or short text elements side-by-side
+left or right, or at the bottom of a slideshow. Find two examples below how
+to control such a carousel element.
 
-.Slider using ThumbImages
-masterslider::ms_00004[]
+.Image controls
+masterslider::ms_00004[role="mb-5"]
 
-[role="mt-4"]
-[[thumb_info]]
-=== MS Slider using ThumbInfo
-
-To give the users better control over a slideshow, MS Slider provides
-complex UI elements like thumbs placed side-by-side (left|right), at the
-top, or at the bottom of a slideshow.
+.Text controls
+masterslider::ms_00007[role="mt-4 mb-5"]
 
-.Slider using ThumbInfo
-masterslider::ms_00007[]
 
 [role="mt-4"]
 [[partialview]]
@@ -445,32 +436,22 @@ documents:
 [role="mt-5"]
 == J1 Masonry
 
-J1 Masonry is based on the popular JavaScript library _Masonry_,  enabling
-the creation of responsive, dynamic grid layouts of *groups* of content
-elements. It uses a unique algorithm to arrange elements vertically, then
-horizontally in a responsive grid.
+J1 Masonry is a great tool to create dynamic image galleries. Image galleries
+are popular on many websites, and masonry can be a useful tool for creating
+dynamic and visually appealing galleries.
 
-The module provides a flexible configuration to enabling developers to
-customize the layout, adjust the column width, gutter size, and add
-animations.
-
-[role="mt-4"]
-=== Grid of Images
+[role="mb-4"]
+By using masonry, you can create a gallery that displays images of different
+sizes in an aesthetically pleasing and functional way.
 
-Bootstrap cards are a popular component of the Bootstrap front-end framework
-that provides a flexible and customizable way to display content on a website.
-Find an example below of how Bootstrap cards can be combined with the Masonry
-module for a fully responsive image grid.
+.Image Cards
+masonry::card_example[role="mb-5"]
 
 [TIP]
 ====
-Resize your browser window for the width to see the J1 Masonry module
-in action.
+Change the size of your current browser width to see what will happen!
 ====
 
-.Grid of Images
-masonry::card_example[]
-
 
 [role="mt-5"]
 == JustifiedGallery
@@ -494,6 +475,7 @@ You'll have seen it in use all over the Internet!
 .Masonry Grid Gallery
 gallery::jg_customizer[]
 
+
 [role="mt-5"]
 == What next
 

data/lib/starter_web/pages/public/learn/roundtrip/responsive_tables.adoc

@@ -23,6 +23,7 @@ image:
   width:                                1920
   height:                               1280
 
+tts:                                    false
 regenerate:                             false
 permalink:                              /pages/public/learn/roundtrip/responsive_tables/
 

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

@@ -73,13 +73,17 @@ mdi:clock-time-five-outline[24px, md-gray mr-2]
 
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
-The crucial first step in finding your way to Jekyll is done. Congratulations.
-The *Learn* section contains all you need to expirience what Jekyll and J1
+[role="mt-5"]
+== Important Sections
+
+The crucial first step in finding your way to Jekyll is done: congratulations.
+The section *Learn* contains all you need to expirience what Jekyll and J1
 can do for your new website, for your new static web. You are welcome to spend
 some time diving into the techniques of creating modern static webs.
 
-[role="mt-5"]
-Roundtrip::
+[role="mt-4"]
+=== Roundtrip
+
 In this section, you’ll find a tour to show some of the main features of
 the J1 Template. This trip covers how image data can be managed using
 J1, some background of the Theme's typography, discuss extensions, and
@@ -91,15 +95,20 @@ If you're interested what J1 Template can do, continue by walking through the
 roundtrip examples by starting an inspiring tour
 link:{url-j1-roundtrip--present-images}[from here].
 
-Cheatsheet::
-Cheat sheets are concise reference guides or summaries that provide quick
-and handy information about a topic or subject. They help you to remember
-key concepts, formulas, commands, or other essential details without
-consulting extensive documentation or resources. Find convenient quick
-references for _YAML_, _Git_ and more. For example, go for the cheatsheet
-link:{url-j1--cheatsheet-yaml}[YAML, {browser-window--new}].
+[role="mt-4"]
+=== Cheatsheets
+
+A cheatsheet is a helper text concise as a reference or summary to provide
+quick and handy information about a topic or subject. They will help you to
+remember key concepts, formulas, commands, or other essential details without
+consulting extensive documentation or resources.
+
+Find convenient quick references for _YAML_, _Git_ and more. For example,
+go for the cheatsheet link:{url-j1--cheatsheet-yaml}[YAML, {browser-window--new}].
+
+[role="mt-4"]
+=== Collections
 
-Collections::
 Collections are Jekyll’s most powerful and simultaneously least understood
 feature of the generator. Collections add another possibility, or use-case,
 outside of Jekyll’s post- and page-publishing functionality. Learn more
@@ -107,7 +116,9 @@ about collections for more powerful static websites. To learn more what
 collections are, check
 link:{url-j1--jekyll-collections}[Jekyll Collections, {browser-window--new}].
 
-Tutorials::
+[role="mt-4"]
+=== Tutorials
+
 To become more familiar with using J1, go to the tutorial section. Have
 fun experiencing what Jekyll and J1 can do. A good starting point for using
 J1 Template is

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

@@ -57,8 +57,11 @@ resource_options:
 {% include {{load_attributes}} scope="global" %}
 
 ifeval::[{legal-warning} == true]
-WARNING: This document *does not* constitute any *legal advice*. It is
+[WARNING]
+====
+This document *does not* constitute any *legal advice*. It is
 highly recommended to verify legal aspects and implications.
+====
 endif::[]
 
 

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

@@ -60,8 +60,11 @@ resource_options:
 {% include {{load_attributes}} scope="none" %}
 
 ifeval::[{legal-warning} == true]
-WARNING: This document *does not* constitute any *legal advice*. It is
+[WARNING]
+====
+This document *does not* constitute any *legal advice*. It is
 highly recommended to verify legal aspects and implications.
+====
 endif::[]
 
 // NOTE