j1-template 2024.3.19 → 2024.3.20

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

@@ -75,7 +75,7 @@ all types of websites, such as those viewed on desktop computers, tablets, or
 smartphones.
 
 
-[role="mt-5"]
+[role="mt-4"]
 == What SwiperJS Apps are
 
 SwiperJS Apps are preconfigured swipers (sliders) that use the SwiperJS API as
@@ -120,7 +120,7 @@ A more *emphasized* type of a **text**-based swiper is a *parallax* text
 swiper. If you want to *focus* the meaning, this kind of a swiper may be
 nteresting. Parallax text sliders can be placed as *banners* on a page.
 
-.Extended Text Swiper ·  Parallax
+.Extended Text Swiper · Parallax
 swiper::swiper_text_parallax[role="mt-4 mb-5"]
 
 
@@ -145,7 +145,7 @@ below the Swiper App indicate how *many* slides (images) the slide show
 *contains* for improved usage experience.
 
 .Image Swiper · Full-width + Pagination
-swiper::swiper_image_base_full_width_pagination[role="mt-4 mb-5"]
+swiper::swiper_image_base_full_width_pagination[role="mt-3"]
 
 [role="mt-4"]
 ==== Equal Image Sizes
@@ -156,9 +156,10 @@ many facts to know animated for the reader's attention within a single
 line.
 
 .Equal Image Sizes · Captions + Navigation + Pagination
-swiper::swiper_image_base_navigation_pagination_lightbox[role="mt-4 mb-4"]
+swiper::swiper_image_base_navigation_pagination[role="mt-3"]
 
-[role="mt-5"]
+
+[role="mt-4"]
 ==== Mixed Image Sizes
 
 Pictures you've made are typically *not even in size*. Images may have the
@@ -166,7 +167,7 @@ same size (resolution), but some are orientated *landscape*, or others may
 be *portrait*. For that reason, a more powerful swiper is needed to create
 so-called justified slides.
 
-.Mixed Image Sizes · Captions + Lightbos
+.Mixed Image Sizes · Captions + Lightbox
 swiper::swiper_image_base_captions[role="mt-4 mb-4"]
 
 
@@ -222,7 +223,7 @@ presented *images*.
 ++++
 <div class="swiper-title"> <i class="mdib mdib-view-carousel mdib-24px mr-2"></i> Extendend Swiper · Layout Thumb Right + Captions </div>
 <div class="container g-0 mb-5">
-    <div class="row gx-1">
+    <div id="thumb_view_row" class="row gx-1">
 
       <!-- Thumb View (main) -->
       <div class="col-md-9">
@@ -255,7 +256,11 @@ presented *images*.
                 <div class="swp-caption-content">Little Bird</div>
               </li>
             </ul> <!-- END Swiper wrapper -->
-        </div> <!-- END Swiper container  -->
+
+            <!-- Outer Pagination -->
+            <div id="thumb_view_row_pagination" class="swiper-pagination-outer"></div>
+
+        </div> <!-- END Swiper container  -->        
       </div> <!-- END Thumb View (main)  -->
 
       <!-- Thumb View (thumbs/right) -->
@@ -293,6 +298,10 @@ presented *images*.
       </div> <!-- END Thumb View (thumbs/right) -->
 
     </div> <!-- END BS row -->
+
+    <!-- Outer Pagination -->
+    <!--div class="swiper-pagination-outer"></div -->
+
 </div> <!-- END BS container -->
 
 <script>
@@ -318,10 +327,14 @@ $(function() {
         }
       });
 
-      // Initialize Master instance (right)
+      // Initialize Master instance
       var masterSwiper2 = new Swiper('#master_slider_2', {        
         direction: 'horizontal',
         grabCursor: true,
+        pagination: {
+          el: '.swiper-pagination-outer',
+          clickable: true,
+        },        
         effect: 'fade',
           fadeEffect: {
           crossFade: true
@@ -339,6 +352,22 @@ $(function() {
         }
       });
 
+      // workaround for swiper pagination placed 'outer'
+      // ---------------------------------------------------------------
+      {% assign init_swiper_delay  = 500 %}
+      {% assign pagination_enabled = true %}
+
+      {% if pagination_enabled %}
+      setTimeout(() => {
+        const sourceEl = document.getElementById('thumb_view_row_pagination');
+        const targetEl = document.getElementById('thumb_view_row');
+        targetEl.appendChild(sourceEl);
+
+        // logger.debug('\n' + 'pagination elements (outer) moved');
+      }, {{init_swiper_delay}});
+      {% endif %}
+      // ---------------------------------------------------------------
+
       clearInterval(dependencies_met_page_ready);
     } // END pageVisible
   }, 10); // END dependencies_met_page_ready
@@ -476,43 +505,49 @@ $(function() {
 
 lorem:sentences[5]
 
+.Extendend Swiper · Layout Stacked
+swiper::swiper_image_stacked[role="mt-4 mb-5"]
+
+////
 ++++
-<div class="carousel-title"> <i class="mdib mdib-view-carousel mdib-24px mr-2"></i> Extendend Swiper · Layout Stacked</div>
-<!-- Posters slider -->
+<div class="carousel-title"> <i class="mdib mdib-view-carousel mdib-24px mr-2"></i> Extendend Swiper · Layout Stacked (manual)</div>
+<!-- Stacked slider -->
 <div id="stacked_slider" class="stacked-slider mt-3">
-  <div class="swiper swiper-container">
+  <div id="stacked_slider_swiper_container" class="swiper swiper-container">
 
     <ul class="swiper-wrapper">
       <li class="swiper-slide">
         <!-- set image parallax scale for nice zoom effect -->
-        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/poster/image/1.jpg" alt="">
+        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/stacked/image/1.jpg" alt="">
       </li>
       <li class="swiper-slide">
-        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/poster/image/2.jpg" alt="">
+        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/stacked/image/2.jpg" alt="">
       </li>
       <li class="swiper-slide">
-        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/poster/image/3.jpg" alt="">
+        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/stacked/image/3.jpg" alt="">
       </li>
       <li class="swiper-slide">
-        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/poster/image/4.jpg" alt="">
+        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/stacked/image/4.jpg" alt="">
       </li>
       <li class="swiper-slide">
-        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/poster/image/5.jpg" alt="">
+        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/stacked/image/5.jpg" alt="">
       </li>
       <li class="swiper-slide">
-        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/poster/image/6.jpg" alt="">
+        <img data-swiper-parallax-scale="1.1" src="/assets/image/module/swiper/extended/stacked/image/6.jpg" alt="">
       </li>
-    </ul>
+    </ul> <!-- END Swiper Wrapper (slides) -->
 
-  </div>
-</div>
-++++
+    <!-- Pagination -->
+    <!-- div id="stacked_slider_pagination" class="swiper-pagination-outer"></div -->
+    <div id="stacked_slider_pagination" class="swiper-pagination-inner"></div>
+
+  </div> <!-- END Swiper Container (elements) -->
+</div> <!-- END Swiper stacked_slider -->
 
-++++
 <script>
 $(function() {
 
-  function createPostersSlider(el) {
+  function LayoutStacked(el) {
     const swiperEl = el.querySelector('.swiper');
 
     const calcNextOffset = () => {
@@ -524,12 +559,25 @@ $(function() {
       return `${nextOffsetVh}%`;
     };
 
-    const postersSwiper = new Swiper(swiperEl, {      
+    const onLastSlide = (swiper) => {
+      console.log ('\n' + 'LayoutStacked, Entered event: reachEnd');
+      // swiper.allowTouchMove = false;
+      // swiper.allowSlidePrev = false;
+      // swiper.allowSlideNext = false;
+    };
+
+    const stackedSwiper = new Swiper(swiperEl, {      
       effect: 'creative',
       speed: 600,
       resistanceRatio: 0,
       grabCursor: true,
       parallax: true,
+      pagination: {
+      //el: '.swiper-pagination-outer',
+        el: '.swiper-pagination-inner',
+        type: 'bullets',
+        clickable: true
+      },      
       creativeEffect: {
         limitProgress: 3,
         perspective: true,
@@ -543,26 +591,52 @@ $(function() {
         },
       },
       on: {
-        init: (swiper) => { var slideHeight = 600; swiper.slides.forEach(slide => { slide.style.height = `${slideHeight}px`; }); }
+        init:     (swiper) => { 
+          var slideHeight = 900;
+          swiper.slides.forEach(slide => {
+            slide.style.height = `${slideHeight}px`;
+          });
+        },
+        // reachEnd: (swiper) => { 
+        //   onLastSlide(swiper);
+        // }
       }
     });
 
     const onResize = () => {
-      if (!postersSwiper || postersSwiper.destroyed) return;
+      if (!stackedSwiper || stackedSwiper.destroyed) return;
       // prettier-ignore
-      postersSwiper.params.creativeEffect.next.translate = [calcNextOffset(), 0, 0];
+      stackedSwiper.params.creativeEffect.next.translate = [calcNextOffset(), 0, 0];
       if (
-        postersSwiper.params.resizeObserver &&
+        stackedSwiper.params.resizeObserver &&
         typeof window.ResizeObserver !== 'undefined'
       ) {
-        postersSwiper.update();
+        stackedSwiper.update();
       }
     };
     window.addEventListener('resize', onResize);
 
-    return postersSwiper;
 
-  } // END createPostersSlider
+    // workaround for swiper pagination placed 'outer'
+    // -------------------------------------------------------------------------
+    {% assign init_swiper_delay   = 500 %}
+    {% assign pagination_el       = swiper.module_settings.pagination.el | split: '-' %}
+    {% assign pagination_position = pagination_el[2] %}
+
+    setTimeout(() => {
+      // const sourceEl = document.getElementById('{{swiper.id}}_pagination');
+      // const targetEl = document.getElementById('{{swiper.id}}');
+      const sourceEl = document.getElementById('stacked_slider_pagination');
+      const targetEl = document.getElementById('stacked_slider_swiper_container');
+      // targetEl.appendChild(sourceEl);
+
+      // logger.debug('\n' + 'pagination elements (outer) moved');
+    }, {{init_swiper_delay}});
+    // -------------------------------------------------------------------------
+
+    return stackedSwiper;
+
+  } // END LayoutStacked
 
   // ---------------------------------------------------------------------------
   // Swiper initializer
@@ -573,7 +647,7 @@ $(function() {
     if (atticFinished) {
       const sliderEl = document.querySelector('#stacked_slider');
 
-      createPostersSlider(sliderEl);
+      LayoutStacked(sliderEl);
 
       clearInterval(dependencies_met_page_ready);
     } // END pageVisible
@@ -583,7 +657,7 @@ $(function() {
 }); // END Document READY
 </script>
 ++++
-
+////
 
 [role="mt-5"]
 ==== Layout Expanding
@@ -595,7 +669,7 @@ lorem:sentences[3]
 <div id="app" class="extended-app">
   <!-- Style expanding-slide should wrap the swiper for Effect: Expanding  -->
   <div id="expanding_slides" class="expanding-slide mt-4">
-    <div class="swiper swiper-container">
+    <div id="expanding_slides_swiper_container" class="swiper swiper-container">
 
         <ul class="swiper-wrapper">
             <!-- First slide -->
@@ -702,6 +776,12 @@ lorem:sentences[3]
             </li>
         </ul> <!-- END Swiper wrapper -->
 
+          <!-- Inner Pagination -->
+          <!-- div class="swiper-pagination-inner"></div -->
+
+        <!-- Outer pagination, NOT moved by SwiperJS Adapter (workaround) -->
+        <div class="swiper-pagination-outer"></div>
+
     </div> <!-- END Swiper container -->
   </div> <!-- END expanding_slides -->
 </div> <!-- END app -->
@@ -771,7 +851,12 @@ $(function() {
 
     const swiper = new Swiper(swiperEl, {
       speed: 600,
-      // resistanceRatio: 0,
+      pagination: {
+        el: '.swiper-pagination-outer',
+        type: 'bullets',
+        clickable: true
+      },
+      resistanceRatio: 0,
       // slidesPerView: 'auto',
       // centeredSlides: true,
       on: {

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

@@ -4,7 +4,7 @@ title_extention:                        Playback Audio using J1 Template
 tagline:                                Playback Audio
 
 date:                                   2024-04-16
-#last_modified:                         2024-01-01
+last_modified:                          2025-05-17
 
 description: >
                                         J1 Template provides playing audio on web pages
@@ -91,33 +91,6 @@ the visual and functional aspects of a player's audio control elements.
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 
-// [role="mt-5"]
-// == AmplitudeJS Video (Youtube)
-
-// The example below demonstrates playing only the *Audio* track from YouTube
-// Video using an AmplitudJS player. The J1 template uses the video *plugin* ytp
-// to extend the native functionality of the AmplitudeJS API to playback YouTube
-// files for the audio part.
-
-// [role="mt-4 mb-5"]
-// [CAUTION]
-// ====
-// Playing audio tracks is currently supported only for videos from YouTube (YT).
-// The YT plugin *ytp* embeds a YouTube (iframe) player and mimics the AmplitudeJS
-// player buttons and controls to manage a *playlist* of videos the same as known
-// for native audio files.
-// ====
-
-// .Manon Mélodie · TuneCore 2024
-// amplitude::manon_melodie_yt_large[role="mt-4 mb-4"]
-
-// [NOTE]
-// ====
-// AmplitudeJS YT Player can only be used with the J1 Template. Currently, only
-// AJS players of type *large * are supported.
-// ====
-
-
 [role="mt-5"]
 == HTML 5 Audio
 
@@ -130,17 +103,17 @@ audio::/assets/audio/sound-effects/ambient-piano.mp3[role="mt-4 mb-5"]
 
 
 [role="mt-5"]
-== AmplitudeJS (AJS) Audio
+== AmplitudeJS
 
-The J1 Template implements custom players based on the (default) theme Uno.
-The color scheme used matches the look and feel of the template to preserve
-the page design.
+The J1 Template suports *native audio* files (e.g. mp3) using *custom players*
+based on *AmplitudeJS* using the the (default) theme Uno. The color scheme
+used matches the look and feel of the template to preserve the page design.
 
 Three types of AmplitudeJS players are build-in for the J1 template system:
 
-* Mini Player
-* Compact Player (default payer)
-* Large Player
+* *Mini* Players
+* *Compact* Players (default payer)
+* *Large* Players
 
 [role="mt-4"]
 [NOTE]
@@ -152,7 +125,7 @@ mobile devices.
 
 
 [role="mt-5"]
-=== Mini Player
+=== Mini Players
 
 In the context of complex components on a web page, like an audio player,
 a mini player refers to a minimized version of full players. It typically
@@ -165,16 +138,14 @@ are commonly found on music streaming services, podcast platforms, and
 websites with embedded audio content.
 
 .Emancipator · From Dusk To Dawn
-amplitude::free_emancipator_mini[role="mt-3 mb-5"]
+amplitude::emancipator_mini[role="mb-5"]
 
 .Royalty Free Music · Disco 80th
-amplitude::free_disco_mini[role="mt-3 mb-5"]
-
-lorem:sentences[5]
+amplitude::disco_mini[role="mb-5"]
 
 
 [role="mt-5"]
-=== Compact Player
+=== Compact Players
 
 The design of a *Compact player* is an efficient approach that involves
 condensing the player controls and display elements into a smaller area.
@@ -186,61 +157,80 @@ can easily access and control the audio playback without sacrificing too much
 screen space or placing  multiple players side-by-side.
 
 .Emancipator · From Dusk To Dawn
-amplitude::free_emancipator_compact[role="mt-3 mb-5"]
+amplitude::emancipator_compact[role="mb-5"]
 
 .Royalty Free Music · Disco 80th
-amplitude::free_disco_compact[role="mt-3 mb-5"]
+amplitude::disco_compact[role="mb-5"]
 
 
 [role="mt-5"]
-=== Large Player
+=== Large Players
 
 A complex component, like an audio player on a web page, typically refers
 to a design or layout that minimizes the component's space while maintaining
 its functionality and usability.
 
+[role="mt-4"]
+==== Emancipator
+
 The large design provides the full functionality of an audio player to ensure
 users can easily control audio playback. The player behaves similarly to a
 compact player, but all controls are displayed in a single window; there is
 no need to open other widgets.
 
 .Emancipator · From Dusk To Dawn
-amplitude::free_emancipator_large[role="mt-4 mb-5"]
+amplitude::emancipator_large[role="mb-5"]
+
+[role="mt-4"]
+==== Disco 80th
+
+lorem:sentences[3]
 
 .Royalty Free Music · Disco 80th
-amplitude::free_disco_large[role="mt-4 mb-5"]
+amplitude::disco_large[role="mb-5"]
 
-// lorem:sentences[5]
 
-// .Spontanorama 2024 (large)
-// amplitude::spontanorama_2024_large[role="mt-4 mb-5"]
 
+[role="mt-5"]
+== AmplitudeJS on Youtube
+
+The example demonstrates playing *Audio* track from *YouTube Video* using an
+AmplitudJS player. The J1 template uses the video *plugin ytp* to extend the
+native functionality of the AmplitudeJS API to playback YouTube files only for
+the audio part.
+
+[role="mt-4 mb-5"]
+[CAUTION]
+====
+Playing audio tracks is currently supported only for videos from YouTube (YT).
+The YT plugin *ytp* embeds a YouTube (iframe) player and mimics the AmplitudeJS
+player buttons and controls to manage a *playlist* of videos the same as known
+for native audio files.
+====
+
+.Manon Mélodie · YouTube 2025
+amplitude::manon_melodie_yt_large[role="mb-5"]
 
-// [role="mt-5"]
-// == AmplitudeJS Video (Youtube)
+[role="mt-4 mb-5"]
+[NOTE]
+====
+AmplitudeJS YT Player can only be used with the J1 Template. Currently, only
+AJS players of type *large* are supported.
+====
 
-// The example below demonstrates playing only the *Audio* track from YouTube
-// Video using an AmplitudJS player. The J1 template uses the video *plugin* ytp
-// to extend the native functionality of the AmplitudeJS API to playback YouTube
-// files for the audio part.
 
-// [role="mt-4 mb-5"]
-// [CAUTION]
-// ====
-// Playing audio tracks is currently supported only for videos from YouTube (YT).
-// The YT plugin *ytp* embeds a YouTube (iframe) player and mimics the AmplitudeJS
-// player buttons and controls to manage a *playlist* of videos the same as known
-// for native audio files.
-// ====
+// [role="mt-4"]
+// === Ephraim Kishon
+
+// lorem:sentences[5]
+
+// [role="mt-4"]
+// ==== Beste Familiengeschichten
 
-// .Manon Mélodie · TuneCore 2024
-// amplitude::manon_melodie_yt_large[role="mt-4 mb-4"]
+// lorem:sentences[3]
 
-// [NOTE]
-// ====
-// AmplitudeJS YT Player can only be used with the J1 Template. Currently, only
-// AJS players of type *large * are supported.
-// ====
+// .Ephraim Kishon · Beste Familiengeschichten
+// amplitude::ephraim_kishon_beste_familiengeschichten_yt_large[role="mb-5"]
 
 
 [role="mt-5"]

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

@@ -31,7 +31,7 @@ regenerate:                             false
 permalink:                              /pages/public/tour/present_video/
 
 resources:                              [
-                                          amplitudejs,
+#                                         amplitudejs,
                                           gallery, lightgallery, masonry,
                                           videojs, vimeo-player
                                         ]

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: j1-template
 version: !ruby/object:Gem::Version
-  version: 2024.3.19
+  version: 2024.3.20
 platform: ruby
 authors:
 - juergen_jekyll_one
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2025-03-04 00:00:00.000000000 Z
+date: 2025-05-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -340,6 +340,8 @@ files:
 - assets/data/rtext_resizer.html
 - assets/data/slick.html
 - assets/data/speak2me.html
+- assets/data/swiper_app.2.html
+- assets/data/swiper_app.4.html
 - assets/data/swiper_app.html
 - assets/data/swiper_app.json
 - assets/data/themes.bootswatch.json
@@ -1698,12 +1700,16 @@ files:
 - assets/theme/j1/modules/spinner/js/spin.min.js
 - assets/theme/j1/modules/swiperjs/LICENSE
 - assets/theme/j1/modules/swiperjs/README.md
+- assets/theme/j1/modules/swiperjs/css/modules/layoutBase.css
+- assets/theme/j1/modules/swiperjs/css/modules/layoutBase.min.css
 - assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.css
 - assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.min.css
 - assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.css
 - assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.min.css
 - assets/theme/j1/modules/swiperjs/css/modules/layoutPanorama.css
 - assets/theme/j1/modules/swiperjs/css/modules/layoutPanorama.min.css
+- assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.css
+- assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.min.css
 - assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.css
 - assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.min.css
 - assets/theme/j1/modules/swiperjs/css/modules/layoutThumbs.css
@@ -1712,16 +1718,20 @@ files:
 - assets/theme/j1/modules/swiperjs/css/swiper-bundle.min..css
 - assets/theme/j1/modules/swiperjs/css/theme/uno.css
 - assets/theme/j1/modules/swiperjs/css/theme/uno.min.css
-- assets/theme/j1/modules/swiperjs/js/highlightJS.js
-- assets/theme/j1/modules/swiperjs/js/highlightJS.min.js
-- assets/theme/j1/modules/swiperjs/js/modules/!readme
+- assets/theme/j1/modules/swiperjs/js/modules/layoutBase.js
+- assets/theme/j1/modules/swiperjs/js/modules/layoutBase.min.js
 - assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.js
 - assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.min.js
 - assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.js
 - assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.min.js
 - assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.js
 - assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.min.js
+- assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.js
+- assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.min.js
+- assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.0.js
+- assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.1.js
 - assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.js
+- assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.min.js
 - assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.js
 - assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.min.js
 - assets/theme/j1/modules/swiperjs/js/swiper-bundle.js
@@ -2003,7 +2013,7 @@ files:
 - lib/starter_web/_data/modules/cookieconsent.yml
 - lib/starter_web/_data/modules/cookies.yml
 - lib/starter_web/_data/modules/defaults/advertising.yml
-- lib/starter_web/_data/modules/defaults/amplitude_app.yml
+- lib/starter_web/_data/modules/defaults/amplitude.yml
 - lib/starter_web/_data/modules/defaults/analytics.yml
 - lib/starter_web/_data/modules/defaults/attics.yml
 - lib/starter_web/_data/modules/defaults/authentication.yml
@@ -2572,6 +2582,11 @@ files:
 - lib/starter_web/assets/image/module/masterslider/wp-examples/ms-free-business-3.jpg
 - lib/starter_web/assets/image/module/swiper/audio/!info/!readme
 - lib/starter_web/assets/image/module/swiper/audio/!readme
+- lib/starter_web/assets/image/module/swiper/avatar/avatar-1.png
+- lib/starter_web/assets/image/module/swiper/avatar/avatar-2.png
+- lib/starter_web/assets/image/module/swiper/avatar/avatar-3.png
+- lib/starter_web/assets/image/module/swiper/avatar/avatar-4.png
+- lib/starter_web/assets/image/module/swiper/avatar/avatar-5.png
 - lib/starter_web/assets/image/module/swiper/extended/expanding/!info/!readme
 - lib/starter_web/assets/image/module/swiper/extended/expanding/image/avatar/avatar-1.jpg
 - lib/starter_web/assets/image/module/swiper/extended/expanding/image/avatar/avatar-2.jpg
@@ -2609,14 +2624,14 @@ files:
 - lib/starter_web/assets/image/module/swiper/extended/panorama/image/7.jpg
 - lib/starter_web/assets/image/module/swiper/extended/panorama/image/8.jpg
 - lib/starter_web/assets/image/module/swiper/extended/panorama/image/9.jpg
-- lib/starter_web/assets/image/module/swiper/extended/poster/!info/!readme
-- lib/starter_web/assets/image/module/swiper/extended/poster/image/!readme
-- lib/starter_web/assets/image/module/swiper/extended/poster/image/1.jpg
-- lib/starter_web/assets/image/module/swiper/extended/poster/image/2.jpg
-- lib/starter_web/assets/image/module/swiper/extended/poster/image/3.jpg
-- lib/starter_web/assets/image/module/swiper/extended/poster/image/4.jpg
-- lib/starter_web/assets/image/module/swiper/extended/poster/image/5.jpg
-- lib/starter_web/assets/image/module/swiper/extended/poster/image/6.jpg
+- lib/starter_web/assets/image/module/swiper/extended/stacked/!info/!readme
+- lib/starter_web/assets/image/module/swiper/extended/stacked/image/!readme
+- lib/starter_web/assets/image/module/swiper/extended/stacked/image/1.jpg
+- lib/starter_web/assets/image/module/swiper/extended/stacked/image/2.jpg
+- lib/starter_web/assets/image/module/swiper/extended/stacked/image/3.jpg
+- lib/starter_web/assets/image/module/swiper/extended/stacked/image/4.jpg
+- lib/starter_web/assets/image/module/swiper/extended/stacked/image/5.jpg
+- lib/starter_web/assets/image/module/swiper/extended/stacked/image/6.jpg
 - lib/starter_web/assets/image/module/swiper/simple/free_animal/!info/!readme
 - lib/starter_web/assets/image/module/swiper/simple/free_animal/image/free-animal-1.jpg
 - lib/starter_web/assets/image/module/swiper/simple/free_animal/image/free-animal-2.jpg