j1-template 2024.3.27 → 2024.3.28

data/lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc

@@ -1,5 +1,5 @@
 ---
-title:                                  J1 SwiperJS Apps
+title:                                  J1 SwiperJS App
 title_extention:                        Selected Examples
 tagline:                                Selected Examples
 date:                                   2025-02-10
@@ -78,7 +78,6 @@ devices. SwiperJS-based sliders are intended to be displayed at their best on
 all types of websites, such as those viewed on desktop computers, tablets, or
 smartphones.
 
-
 [role="mt-4"]
 == What SwiperJS Apps are
 
@@ -201,7 +200,7 @@ used on *desktop* computers.
 
 This Thumb Slider uses minified images that are placed to control the (main)
 slider at the *top* or the *bottom*. This swiper type creates a thumbed Swiper
-that uses *two lanes*, which takes up a *lot of space* but can render the
+that uses *two lines*, which takes up a *lot of space* but can render the
 sliders' images *optimally*.
 
 .Extendend Swiper · Layout Thumb Top
@@ -214,13 +213,13 @@ swiper::thumb_slider_top[role="mb-5"]
 
 A more **mobile**-friendly version of a Thunb slider is created by placing the
 minified images for the slider side-by-side on the *right* or the *left*. This
-swiper use just a *single lane* in the page, but *minifies* the presented images
-as required for the lane *heigth* specified.
+swiper use just a *single line* in the page, but *minifies* the presented images
+as required for the line *heigth* specified.
 
 [role="mb-5"]
 [TIP]
 ====
-Adding a *Lightbox* to a *single-lane* swiper allows users to *enlarge* the
+Adding a *Lightbox* to a *single-line* swiper allows users to *enlarge* the
 presented *images*.
 ====
 
@@ -404,15 +403,11 @@ swiper::neighbor_slider[role="mb-5"]
 [role="mt-5"]
 ==== Layout Panorama
 
-The layout panaorama presents available slides of a slider as a group. The
-group is displayed in a virtual, circular viewing angle. 
-
-[role="mb-5"]
-[TIP]
-====
-The effect is great for slides connected in terms of content to give the user
-a panoramic view impression.
-====
+The *Panorama* layout in SwiperJS sliders is used to create a 3D-like
+panoramic effect, where the slides are animated as they swipe, creating
+a continuous, curved panorama. The layout creates an immersive sense of
+depth and movement, which is especially beneficial when presenting wide
+images, landscapes, or other visual content with a large aspect ratio.
 
 .Extendend Swiper · Layout Panorama
 swiper::swiper_image_panorama[role="mt-4 mb-5"]

data/lib/starter_web/pages/public/tools/tester/videojs_macro_tester.adoc

@@ -49,10 +49,10 @@ resource_options:
 
 // Attribute settings for section control
 //
-:videojs--youtube-video:                false
+:videojs--youtube-video:                true
 :videojs--masonry:                      false
 :videojs--local-video:                  true
-:videojs--over-youtube:                 true
+:videojs--over-youtube:                 false
 
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
@@ -79,6 +79,43 @@ or Dailymotion, for presenting videos *online*.
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 
+// .Vimeo Video · The Present
+// // 137221158 152985022
+// ++++
+// <iframe
+//     width="930" height="640"
+//     src="https://player.vimeo.com/video/152985022" 
+//     frameborder="0" 
+//     allowfullscreen>
+// </iframe>
+// ++++
+
+
+// .Dailymotion Video · Blödsinn
+// // x7vn9g2 
+// ++++
+// <iframe
+//     width="930" height="640"
+//     src="https://www.dailymotion.com/embed/video/x8oz6w2"
+//     frameborder="0"
+//     allowfullscreen>
+// </iframe>
+// ++++
+
+
+// .Wistia Video · Blödsinn
+// ++++
+// <iframe
+//     width="930" height="640"
+//     src="https://fast.wistia.net/embed/iframe/zs8hlyi5xz"
+//     allowtransparency="true"
+//     frameborder="0"
+//     scrolling="no"
+//     class="wistia_embed" name="wistia_embed"
+//     allowfullscreen>
+// </iframe>
+// ++++
+
 ifeval::[{videojs--local-video} == true]
 [role="mt-5"]
 == Local Video
@@ -113,6 +150,10 @@ The module combinati0n makes creating a gallery to access videos easy.
 
 .YouTube Video · justifiedGallery + LightGallery
 gallery::jg_video_youtube_james_and_adele[role="mb-4"]
+
+
+.NPR Tiny Desk Concerts · Latin
+gallery::tdc_latin[role="mb-5"]
 endif::[]
 
 

data/lib/starter_web/pages/public/tour/asciidoc_extensions.adoc

@@ -797,26 +797,18 @@ include::{documentdir}/100_gistblock.asciidoc[]
 [role="mt-5"]
 == What next
 
-Asciidoc extensions open up advanced possibilities for placing specific
-content elements on a page. The number of available extensions will grow.
-Extensions for Asciidoc gives handy and powerful functionality needed for
-modern web pages.
-
-[NOTE]
-====
-Asciidoc extensions are available for all content pages based on the Markup
-Language Asciidoc created for J1 Template. For content pages based on
-*Markdown*, extensions are *not* supported.
-====
-
-J1 Template supports a rich set of *advanced Bootstrap Modals* that add
-dialogs to your web pages for user notifications. The advanced Modals
-highlight important information to your visitors. The dialogs are positioned
-over everything else in the document so that messages get the full user's
-attention.
+Bootstrap is a helpful framework that offers a complete set of styles to
+create excellent responsive designs. In the sense that all can be improved,
+responsive tables supported by Bootstrap should get some enhancement to
+display on low-resolution devices or smaller window sizes better.
+
+The theme Jekyll One supports a new design for responsive tables but based
+on Bootstrap. The approach used by J1 Template is based on CSS styles on
+top of the classic Bootstrap tags for simplicity and portability to be viewed
+best on all devices and browsers. Responsive tables help to read this
+important information on mobiles a lot - this feature is what is meant to be
+fully responsive!
 
 [role="mb-7"]
-Have a look at the preview page
-link:{url-tour--extended-modals}[Advanced Bootstrap Modals] to explore
-the possibilities of the *extended* Bootstrap features provided by J1 Template
-for your new website.
+Check out from here what
+link:{url-tour--responsive-tables}[Responsive Tables] can do.

data/lib/starter_web/pages/public/tour/audio_data.adoc

@@ -1,7 +1,7 @@
 ---
 title:                                  Audio
-title_extention:                        J1 Template Apps
-tagline:                                Players
+title_extention:                        J1 Audio Apps
+tagline:                                J1 Audio Apps
 
 date:                                   2024-04-16
 last_modified:                          2025-05-17

data/lib/starter_web/pages/public/tour/icon_fonts.adoc

@@ -753,4 +753,4 @@ Asciidoc block elements. I'm sure, you'll love it.
 
 [role="mb-7"]
 Check the more J1 Template offer and go for
-link:{url-tour--asciidoc-extensions}[Asciidoc Extensions] made for J1!
+link:{url-tour--asciidoc-extensions}[Asciidoc Extensions] made for J1.