j1-template 2024.3.20 → 2024.3.22

data/lib/starter_web/_data/modules/defaults/amplitude.yml

@@ -266,15 +266,20 @@ defaults:
     source:                             audio                                   # default player source audio|video
     loop:                               false                                   # true|false, start playing on FIRST item
     display_hours:                      false                                   # use hours for timestamps in time container
-  
+ 
+    player_repeat:                      false                                   # ???
+    player_shuffle:                     false                                   # ???
+
     player_playback_rate:               small                                   # YT video resolution
     player_fade_audio:                  true                                    # enable|disable audio faden in|out
     player_scroll_control:              false                                   # additional control on scrolling player song items
     player_auto_scroll_song_element:    true                                    # auto scroll of active player song items 
     player_scroller_song_element_min:   5                                       # number of player song items a scrollbat is added
+    player_continue_on_last_item:       true                                    # continue playing on last song|timestamp  
+    player_hover_page_scroll_disabled:  true                                    # disable page scrolling on player hover   
 
-    song_element_heigt_desktop:         104.44                                  # heigt of player song items (pixel)
-    song_element_heigth_mobile:         94.53                                   # heigt of player song items (pixel)
+    player_song_element_heigt_desktop:  104.44                                  # heigt of player song items (sub)pixel
+    player_song_element_heigth_mobile:  94.53                                   # heigt of player song items (sub)pixel
 
     mute_after_video_switch_interval:   750                                     # mute audio after swiching a video (ms)
     check_active_video_interval:        100                                     # how often the data structure 'activeVideoElement' is updated (ms)

data/lib/starter_web/_data/modules/swiper_app.yml

@@ -144,6 +144,73 @@ settings:
                                           console.log ('\n' + 'Entered event: afterInit');
                                         }
 
+    # --------------------------------------------------------------------------
+    # IMAGE Swiper|Layout Base, Tester
+    # --------------------------------------------------------------------------
+    #
+    - swiper:
+
+      # ------------------------------------------------------------------------
+      # GENERAL Options
+      # ------------------------------------------------------------------------
+      #
+      enabled:                          true
+      id:                               attic_swiper
+      layout:                           image/base
+      playlist:                         attic_swiper_base
+      swiper_classes:                   false
+      container_classes:                false
+      wrapper_styles:                   false
+
+      # ------------------------------------------------------------------------
+      # CAPTION Options
+      # ------------------------------------------------------------------------
+      #
+      captions:                             
+        enabled:                        false
+        css_class:                      swp-caption-content
+
+      # ------------------------------------------------------------------------
+      # CORE Options
+      # ------------------------------------------------------------------------
+      #
+      parameters:
+        grabCursor:                     false
+        loop:                           false
+
+      # ------------------------------------------------------------------------
+      # MODULE Options
+      # ------------------------------------------------------------------------
+      #
+      module_settings:
+        # navigation:
+        #   nextEl:                       .swiper-button-next
+        #   prevEl:                       .swiper-button-prev
+        # pagination:
+        #   el:                           .swiper-pagination-outer
+        #   clickable:                    true
+        # renderBullet:                 function (index, className) { return `<span class="${className}"> ${++index} </span>`; }
+
+      # ------------------------------------------------------------------------
+      # EVENT Options
+      # ------------------------------------------------------------------------
+      #
+      events:
+        enabled:                        false
+        init: >
+                                        function (swiper) { var slideHeight = 300; swiper.slides.forEach(slide => { slide.style.height = `${slideHeight}px`; }); }
+
+      # ------------------------------------------------------------------------
+      # LIGHTBOX Options
+      # ------------------------------------------------------------------------
+      #
+      lightbox:
+
+        # ----------------------------------------------------------------------
+        # GENERAL Options
+        # ----------------------------------------------------------------------
+        #
+        enabled:                        false
 
     # --------------------------------------------------------------------------
     # IMAGE Swiper

data/lib/starter_web/_data/modules/swiper_playlists.yml

@@ -89,6 +89,32 @@ settings:
     # IMAGE Playlists
     # ==========================================================================
 
+    # --------------------------------------------------------------------------
+    # ATTIC SWIPER
+    # --------------------------------------------------------------------------
+    #
+    - playlist:
+      enabled:                          true
+
+      name:                             attic_swiper_base
+      type:                             image/jpg
+
+      image_defaults:
+        base_folder:                    //kj.de/images/media
+
+      # ------------------------------------------------------------------------
+      # SLIDE settings
+      # ------------------------------------------------------------------------
+      #
+      items:
+
+        # slide 01
+        - item:
+          enabled:                      true
+          image:                        "6078_20579"                            # diana_krall
+          # caption_text:               Diana Krall
+          # description:                Diana Krall
+
     # --------------------------------------------------------------------------
     # FREE ANIMALS
     # --------------------------------------------------------------------------

data/lib/starter_web/_data/templates/feed.xml

@@ -57,7 +57,7 @@
   <id>{{ page.url | absolute_url | xml_escape }}</id>
   <post_limited>{{ limit_posts }}</post_limited>
   <template_name>J1 Theme</template_name>
-  <template_version>2024.3.20</template_version>
+  <template_version>2024.3.22</template_version>
 
   {% assign title = site.title | default: site.name %}
   {% if page.collection != "posts" %}

data/lib/starter_web/_includes/attributes.asciidoc

@@ -227,18 +227,19 @@ tag::urls[]
 :url-j1-kickstarter--learning-seo:                //jekyll.one/pages/public/learn/kickstart/learning_seo/what_seo_is/
 :url-j1-learning-seo--what_seo_is:                //jekyll.one/pages/public/learn/kickstart/learning_seo/what_seo_is/
 
-:url-j1-downloads--template:                	    //rubygems.org/gems/j1-template
+:url-j1-downloads--template:                	  //rubygems.org/gems/j1-template
 
 :url-j1--devstart:                                //jekyll.one/pages/public/learn/devstart/
 
 :url-j1--rocketstart:                             //jekyll.one/pages/public/learn/rocketstart
 :url-j1--rocketstart-deployment-reference:        //jekyll.one/pages/public/learn/rocketstart/#deployment-reference
 
-:url-j1-roundtrip--present-images:                /pages/public/tour/present_images/
+:url-j1-roundtrip--image_data:                    /pages/public/tour/image_data/
 
 :url-j1-learn--whats-up:                          //jekyll.one/pages/public/learn/whats_up/
-:url-j1-learn--present-images:                    //jekyll.one/pages/public/tour/present_images/
-:url-j1-learn--present-videos:                    //jekyll.one/pages/public/tour/present_videos/
+:url-j1-learn--present-images:                    //jekyll.one/pages/public/tour/image_data/
+:url-j1-learn--present-audio:                     //jekyll.one/pages/public/tour/audio_data/
+:url-j1-learn--present-video:                     //jekyll.one/pages/public/tour/video_data/
 :url-j1-learn--typography:                        //jekyll.one/pages/public/tour/typography/
 :url-j1-learn--icon-fonts:                        //jekyll.one/pages/public/tour/mdi_icon_font/
 :url-j1-learn--asciidoc_extensions:               //jekyll.one/pages/public/tour/asciidoc_extensions/

data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb

@@ -235,6 +235,14 @@ Asciidoctor::Extensions.register do
                     });
                   }
 
+
+                  // TODO:
+                  // -----------------------------------------------------------
+                  // Check if plugin ZoomButtons possible to be used for 
+                  // this extension. Disabled for now.
+                  // ------------------------------------------------------------
+                  piZoomButtons.enabled = false; 
+                  
                   // add|skip zoomButtons plugin
                   //
                   if (piZoomButtons.enabled && vjsPlayerType === 'native') {

data/lib/starter_web/_plugins/asciidoctor/youtube-block.rb

@@ -279,6 +279,13 @@ Asciidoctor::Extensions.register do
                     });
                   }
 
+                  // TODO:
+                  // -----------------------------------------------------------
+                  // Check if plugin ZoomButtons possible to be used for 
+                  // this extension. Disabled for now.
+                  // ------------------------------------------------------------
+                  piZoomButtons.enabled = false;                  
+
                   // add|skip zoomButtons plugin
                   if (piZoomButtons.enabled && vjsPlayerType === 'native') {
                     vjsPlayer.zoomButtons({

data/lib/starter_web/_plugins/index/lunr.rb

@@ -394,6 +394,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2024.3.20'
+    VERSION = '2024.3.22'
   end
 end

data/lib/starter_web/assets/image/icon/hyvor-talk/scalable/hyvor-logo.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="40"
+   height="40"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="hyvor-logo.svg"
+   inkscape:export-filename="../hyvor-logo.24x24.png"
+   inkscape:export-xdpi="57.599998"
+   inkscape:export-ydpi="57.599998"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata20">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage">
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs18">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1964"
+     inkscape:window-height="1046"
+     id="namedview16"
+     showgrid="false"
+     inkscape:zoom="20.35"
+     inkscape:cx="20"
+     inkscape:cy="20"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg14">
+  <path
+     d="M623.625 1397.247h35.192v37.538h-35.192z"
+     fill="#fff"
+     fill-rule="evenodd"
+     id="path2">
+  <text
+     xml:space="preserve"
+     font-weight="bold"
+     font-size="2.822"
+     font-family="Segoe Script"
+     id="text8"><tspan
+       x="-20.215"
+       y="3.539"
+       visibility="hidden"
+       id="tspan6"><tspan
+         dx="0 2.3647118"
+         x="-20.215"
+         y="-161.169"
+         id="tspan4">HH</tspan></tspan></text>
+  <circle
+     cx="20"
+     cy="20"
+     r="20"
+     fill="#fff2d0"
+     id="circle10">
+  <path
+     d="M27.694 32.608c-.222-.088-.431-.309-.983-1.036-.528-.696-.893-1.068-1.139-1.161-.254-.097-.515-.061-1.102.152-1.405.509-2.82.744-4.483.744-2.166 0-3.903-.391-5.765-1.296-3.71-1.805-6.158-5.055-6.786-9.012-.148-.929-.133-2.606.03-3.534.434-2.464 1.504-4.547 3.24-6.305 2.071-2.097 4.572-3.323 7.659-3.754.75-.105 2.621-.088 3.447.031 1.999.287 3.742.935 5.359 1.992.805.526 1.234.875 1.991 1.622 2.444 2.411 3.74 5.81 3.465 9.088-.116 1.384-.344 2.338-.879 3.674-.185.464-.643 1.793-1.016 2.955-1.247 3.877-1.917 5.437-2.486 5.789-.209.129-.333.141-.554.053z"
+     fill="#ffd969"
+     id="path12">
+</svg>

data/lib/starter_web/assets/image/icon/mdi/mdi.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 156"><g transform="translate(-382 -1985)"><rect width="156" height="156" fill="#2196f3" data-name="Rectangle 11" rx="20" transform="translate(382 1985)"/><path fill="#fff" d="M399.3 2002.3h36.42v12.14h48.56v-12.14h36.42v36.42h-12.14v48.56h12.14v36.42h-36.42v-12.14h-48.56v12.14H399.3v-36.42h12.14v-48.56H399.3v-36.42m84.98 36.42v-12.14h-48.56v12.14h-12.14v48.56h12.14v12.14h48.56v-12.14h12.14v-48.56h-12.14m-72.84-24.28v12.14h12.14v-12.14h-12.14m84.98 0v12.14h12.14v-12.14h-12.14m-84.98 84.98v12.14h12.14v-12.14h-12.14m84.98 0v12.14h12.14v-12.14Z"/></g></svg>

data/lib/starter_web/assets/image/icon/mdi/mdil.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 156"><g transform="translate(-382 -1985)"><rect width="156" height="156" fill="#5a88ad" data-name="Rectangle 11" rx="20" transform="translate(382 1985)"/><path fill="#fff" d="M418.15 2003h48.4a18.126 18.126 0 0 1 18.15 18.15v18.15h18.15a18.126 18.126 0 0 1 18.15 18.15v48.4a18.126 18.126 0 0 1-18.15 18.15h-48.4a18.126 18.126 0 0 1-18.15-18.15v-18.15h-18.15a18.126 18.126 0 0 1-18.15-18.15v-48.4a18.126 18.126 0 0 1 18.15-18.15m66.55 66.55a18.126 18.126 0 0 1-18.15 18.15h-24.2v18.15a12.136 12.136 0 0 0 12.1 12.1h48.4a12.136 12.136 0 0 0 12.1-12.1v-48.4a12.136 12.136 0 0 0-12.1-12.1H484.7v24.2m-66.55-60.5a12.136 12.136 0 0 0-12.1 12.1v48.4a12.136 12.136 0 0 0 12.1 12.1h18.15v-24.2a18.126 18.126 0 0 1 18.15-18.15h24.2v-18.15a12.136 12.136 0 0 0-12.1-12.1h-48.4m48.4 72.6a12.136 12.136 0 0 0 12.1-12.1v-24.2h-24.2a12.136 12.136 0 0 0-12.1 12.1v24.2Z"/></g></svg>

data/lib/starter_web/assets/image/icon/scalable/facebook.svg

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2030.6 546.3" style="enable-background:new 0 0 2030.6 546.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CED4DA;}
+</style>
+<g>
+	<path class="st0" d="M1045.4,269.1c-16.8,0-28.9,5.5-41.1,11.1v126.7c11.7,1.1,18.5,1.1,29.6,1.1c40.2,0,45.8-18.4,45.8-44.2v-60.5
+		C1079.7,284.3,1073.4,269.1,1045.4,269.1L1045.4,269.1z M778.1,262.2c-27.9,0-34.3,15.3-34.3,34.3v10.7h68.6v-10.7
+		C812.4,277.5,806,262.2,778.1,262.2z M260.4,394.1c0,15,7.1,22.8,22.7,22.8c16.8,0,26.7-5.5,39-11.1v-30.1h-36.7
+		C268,375.7,260.4,379,260.4,394.1L260.4,394.1z M1305.4,269.1c-28,0-37.7,15.3-37.7,34.3v69.4c0,19.1,9.7,34.4,37.7,34.4
+		c27.9,0,37.7-15.3,37.7-34.4v-69.4C1343,284.3,1333.3,269.1,1305.4,269.1z M123.3,471.8H41.1v-199H0v-68.6h41.1v-41.2
+		c0-55.9,23.2-89.2,89.1-89.2H185v68.6h-34.3c-25.7,0-27.3,9.6-27.3,27.5l-0.1,34.3h62.1l-7.3,68.6h-54.9L123.3,471.8L123.3,471.8z
+		 M404.3,472.4h-68.5l-3-17.3c-31.3,17.3-59.2,20.1-77.6,20.1c-50.3,0-77-33.6-77-80c0-54.8,31.2-74.3,87-74.3H322V309
+		c0-28-3.2-36.2-46.2-36.2h-70.3l6.9-68.6h76.8c94.3,0,115,29.8,115,105.3L404.3,472.4L404.3,472.4z M637.3,277.9
+		c-42.6-7.3-54.9-8.9-75.4-8.9c-36.9,0-48,8.1-48,39.4v59.2c0,31.3,11.1,39.5,48,39.5c20.5,0,32.8-1.6,75.4-9V465
+		c-37.3,8.4-61.7,10.6-82.2,10.6c-88.3,0-123.4-46.4-123.4-113.5v-48c0-67.1,35.1-113.6,123.4-113.6c20.6,0,44.9,2.2,82.2,10.6
+		V277.9L637.3,277.9z M894.6,362H743.8v5.5c0,31.3,11.1,39.5,48,39.5c33.1,0,53.3-1.6,95.9-9V465c-41.1,8.4-62.4,10.6-102.7,10.6
+		c-88.3,0-123.4-46.4-123.4-113.5v-54.9c0-58.7,26-106.7,116.5-106.7s116.5,47.5,116.5,106.7V362z M1161.9,363.3
+		c0,64.8-18.5,112.1-130.7,112.1c-40.5,0-64.3-3.6-109-10.4V94.5l82.2-13.7v129.6c17.8-6.6,40.8-10,61.7-10
+		c82.2,0,95.9,36.9,95.9,96.1L1161.9,363.3L1161.9,363.3z M1425.3,364.7c0,55.9-23.1,110.1-119.7,110.1
+		c-96.6,0-120.1-54.2-120.1-110.1v-54c0-55.9,23.5-110.2,120.1-110.2c96.6,0,119.7,54.2,119.7,110.2V364.7L1425.3,364.7z
+		 M1688.6,364.7c0,55.9-23.1,110.1-119.7,110.1c-96.6,0-120.1-54.2-120.1-110.1v-54c0-55.9,23.5-110.2,120.1-110.2
+		c96.6,0,119.7,54.2,119.7,110.2V364.7L1688.6,364.7z M1958.8,471.8h-89.1l-75.3-125.8v125.8h-82.2V94.5l82.2-13.7v242.9l75.3-119.4
+		h89.1l-82.3,130.3L1958.8,471.8z M1568.7,269.1c-27.9,0-37.6,15.3-37.6,34.3v69.4c0,19.1,9.7,34.4,37.6,34.4
+		c27.9,0,37.8-15.3,37.8-34.4v-69.4C1606.4,284.3,1596.6,269.1,1568.7,269.1L1568.7,269.1z M2005.7,424.9
+		c13.8,0,24.9,11.3,24.9,25.4c0,14.3-11,25.5-25,25.5c-13.9,0-25.1-11.2-25.1-25.5c0-14.1,11.3-25.4,25.1-25.4H2005.7z
+		 M2005.6,428.9c-11.2,0-20.3,9.6-20.3,21.4c0,12.1,9.1,21.5,20.4,21.5c11.3,0.1,20.3-9.5,20.3-21.4c0-11.9-9-21.6-20.3-21.6H2005.6
+		z M2000.9,465.1h-4.5v-28.3c2.4-0.3,4.6-0.7,8-0.7c4.3,0,7.1,0.9,8.8,2.1c1.7,1.3,2.6,3.2,2.6,5.9c0,3.7-2.5,6-5.5,6.9v0.2
+		c2.5,0.5,4.2,2.7,4.7,6.9c0.7,4.4,1.3,6.1,1.8,7h-4.7c-0.7-0.9-1.4-3.5-1.9-7.2c-0.7-3.6-2.5-5-6.1-5h-3.1L2000.9,465.1
+		L2000.9,465.1z M2000.9,449.4h3.3c3.7,0,6.9-1.4,6.9-4.9c0-2.5-1.8-5-6.9-5c-1.5,0-2.5,0.1-3.3,0.2V449.4L2000.9,449.4z"/>
+</g>
+</svg>

data/lib/starter_web/assets/image/icon/scalable/google.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2500 928" style="enable-background:new 0 0 2500 928;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CED4DA;}
+</style>
+<path class="st0" d="M307.9,112.1h22.2c77.2,1.7,153.1,32.7,207.6,87.7c-20.1,20.6-40.7,40.3-60.4,60.8
+	c-30.6-27.7-67.5-49.1-107.8-56.6c-59.6-12.6-123.7-1.3-173.7,32.7c-54.5,35.7-91.4,96.1-99.4,160.7c-8.8,63.8,9.2,130.9,50.8,180.4
+	c39.8,48.2,100.7,78.4,163.6,80.5c58.7,3.4,120-14.7,162.8-55.8c33.6-28.9,49.1-73,54.1-115.8c-69.6,0-139.3,0.4-208.9,0v-86.4H612
+	c15.1,92.7-6.7,197.1-77.2,263.4c-47,47-112,74.7-178.3,80.1c-64.2,6.3-130.5-5.9-187.5-36.9c-68.4-36.5-122.9-98.2-149.7-170.7
+	C-5.9,469.5-6.3,394,17.2,326.8c21.4-61.2,62.5-115.4,115.4-153.1C183.3,136.4,245,115.8,307.9,112.1z"/>
+<path class="st0" d="M1989.9,133.9h89.8v599c-29.8,0-60,0.4-89.8-0.4C1990.4,533.2,1989.9,333.5,1989.9,133.9L1989.9,133.9z"/>
+<path class="st0" d="M811.7,341.5C867,331,927,342.8,972.7,375.9c41.5,29.4,70.5,75.5,79.3,125.8c11.3,58.3-2.9,122.1-40.7,168.2
+	c-40.7,51.6-107.4,79.3-172.4,75.1c-59.6-3.4-117.4-33.1-152.7-81.8c-39.8-53.7-49.5-127.5-27.7-190.4
+	C680.4,405.3,742,353.7,811.7,341.5 M824.2,421.2c-22.7,5.9-43.6,18.9-58.7,37.3c-40.7,48.7-38.2,127.9,6.7,173.2
+	c25.6,26,64.2,38.2,99.8,31c33.1-5.9,62.1-28.1,78-57.5c27.7-49.9,19.7-118.7-22.7-157.7C900.2,422.5,860.3,412,824.2,421.2
+	L824.2,421.2z"/>
+<path class="st0" d="M1256.3,341.5c63.3-12.2,132.6,5.5,179.9,49.9c77.2,69.2,85.6,198.8,19.7,278.5c-39.8,50.3-104.4,78-168.2,75.1
+	c-60.8-1.7-120.8-31.9-156.9-81.8c-40.7-54.9-49.5-130.5-26.4-194.6C1127.5,403.2,1187.9,353.3,1256.3,341.5 M1268.9,421.2
+	c-22.7,5.9-43.6,18.9-58.7,36.9c-40.3,47.8-38.6,125.8,4.6,171.6c25.6,27.3,65.4,40.7,102.3,33.1c32.7-6.3,62.1-28.1,78-57.5
+	c27.3-50.3,19.3-119.1-23.5-158.1C1344.4,422.1,1304.5,412,1268.9,421.2L1268.9,421.2z"/>
+<path class="st0" d="M1633.4,365.8c48.2-30.2,112.4-38.6,164.4-12.6c16.4,7.1,29.8,19.3,42.8,31.5c0.4-11.3,0-23.1,0.4-34.8
+	c28.1,0.4,56.2,0,84.7,0.4v370c-0.4,55.8-14.7,114.9-54.9,155.6c-44,44.9-111.6,58.7-172.4,49.5c-65-9.6-121.6-57-146.8-117
+	c25.2-12.2,51.6-21.8,77.6-33.1c14.7,34.4,44.5,63.8,81.8,70.5c37.3,6.7,80.5-2.5,104.9-33.6c26-31.9,26-75.5,24.7-114.5
+	c-19.3,18.9-41.5,35.7-68.4,41.9c-58.3,16.4-122.5-3.8-167.4-43.2c-45.3-39.4-72.1-100.3-69.6-160.7
+	C1536.5,467.4,1575.1,401.5,1633.4,365.8 M1720.2,419.5c-25.6,4.2-49.5,18.5-65.9,38.2c-39.4,47-39.4,122.1,0.4,168.2
+	c22.7,27.3,59.1,42.4,94.4,38.6c33.1-3.4,63.8-24.3,80.1-53.3c27.7-49.1,23.1-115.8-14.3-158.6
+	C1791.9,426.2,1755,413.2,1720.2,419.5L1720.2,419.5z"/>
+<path class="st0" d="M2187.5,387.2c50.3-47,127.9-62.9,192.5-38.2c61.2,23.1,100.3,81.4,120,141.4c-91,37.8-181.6,75.1-272.7,112.8
+	c12.6,23.9,31.9,45.7,57.9,54.5c36.5,13,80.1,8.4,110.7-15.9c12.2-9.2,21.8-21.4,31-33.1c23.1,15.5,46.1,30.6,69.2,46.1
+	c-32.7,49.1-87.7,83.5-146.8,88.9c-65.4,8-135.1-17.2-177.4-68.4C2102.3,594.9,2109.1,459.8,2187.5,387.2 M2232.4,464.8
+	c-14.3,20.6-20.1,45.7-19.7,70.5c60.8-25.2,121.6-50.3,182.5-75.9c-10.1-23.5-34.4-37.8-59.1-41.5
+	C2296.1,410.7,2254.6,432.1,2232.4,464.8z"/>
+</svg>

data/lib/starter_web/assets/image/icon/scalable/ibm.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2500 1000" style="enable-background:new 0 0 2500 1000;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CED4DA;}
+</style>
+<path class="st0" d="M0,0v68.4h486.6V0H0z M555.6,0v68.4H1249c0,0-70.8-68.4-164.6-68.4H555.6z M1385.1,0v68.4h419.5L1779.7,0
+	H1385.1z M2105.4,0l-24.9,68.4h415.7V0H2105.4z M0,133.1v68.4h486.6v-68.4H0z M555.6,133.2v68.3h773.9c0,0-9-52.7-24.8-68.3
+	L555.6,133.2L555.6,133.2z M1385.1,133.2v68.3h465.5l-23-68.3L1385.1,133.2L1385.1,133.2z M2055.6,133.2l-23,68.3h463.7v-68.3
+	H2055.6z M139.8,266.1v68.5h210.7v-68.5L139.8,266.1L139.8,266.1z M695.4,266.1v68.5h210.7v-68.5L695.4,266.1L695.4,266.1z
+	 M1111.1,266.1v68.5h210.7c0,0,13.4-36.2,13.4-68.5L1111.1,266.1L1111.1,266.1z M1524.9,266.1v68.5h373.6l-24.9-68.5L1524.9,266.1
+	L1524.9,266.1z M2009.7,266.1l-25,68.5h375.5v-68.5L2009.7,266.1L2009.7,266.1z M139.8,399.3v68.4h210.7v-68.4H139.8L139.8,399.3z
+	 M695.4,399.3v68.4h538.3c0,0,45-35.1,59.4-68.4H695.4z M1524.9,399.3v68.4h210.7v-38.1l13.4,38.1h386l14.4-38.1v38.1h210.7v-68.4
+	h-395.6l-21,57.9l-21.1-57.9H1524.9z M139.8,532.3v68.4h210.7v-68.4H139.8z M695.4,532.3v68.4h597.7c-14.3-33.2-59.4-68.4-59.4-68.4
+	H695.4z M1524.9,532.3v68.4h210.7v-68.4H1524.9z M1773.9,532.3l25.5,68.4h289.5l24.2-68.4H1773.9z M2149.4,532.3v68.4h210.7v-68.4
+	H2149.4z M139.8,665.4v68.4h210.7v-68.4H139.8z M695.4,665.4v68.4h210.7v-68.4H695.4z M1111.1,665.4v68.4h224.1
+	c0-32.3-13.4-68.4-13.4-68.4H1111.1L1111.1,665.4z M1524.9,665.4v68.4h210.7v-68.4H1524.9z M1821.8,665.4l24.7,68.4h194l24.9-68.4
+	H1821.8z M2149.4,665.4v68.4h210.7v-68.4H2149.4z M3.8,798.4v68.5h486.6v-68.5H3.8z M555.6,798.4v68.5h749.1
+	c15.8-15.7,24.8-68.5,24.8-68.5H555.6L555.6,798.4z M1388.9,798.4v68.5h346.8v-68.5H1388.9z M1869.7,798.4l25.4,68.5h98.7l23.8-68.5
+	H1869.7z M2149.4,798.4v68.5H2500v-68.5H2149.4z M3.8,931.6v68.4h486.6v-68.4H3.8z M555.6,931.6v68.3h528.8
+	c93.8,0,164.6-68.3,164.6-68.3H555.6z M1388.9,931.6v68.4h346.8v-68.4H1388.9z M1917.9,931.6l24.4,68.2l4.2,0.1l24.8-68.3H1917.9z
+	 M2149.4,931.6v68.4H2500v-68.4H2149.4z"/>
+</svg>

data/lib/starter_web/assets/image/icon/scalable/microsoft.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2500 534" style="enable-background:new 0 0 2500 534;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CED4DA;}
+</style>
+<path class="st0" d="M2500,241.6v-44h-54.6v-68.4l-1.8,0.6l-51.3,15.7l-1,0.3v51.8h-80.9v-28.9c0-13.4,3-23.7,8.9-30.6
+	c5.9-6.8,14.3-10.2,25-10.2c7.7,0,15.7,1.8,23.7,5.4l2,0.9V88l-0.9-0.3c-7.5-2.7-17.7-4.1-30.3-4.1c-15.9,0-30.4,3.5-43,10.3
+	c-12.6,6.9-22.6,16.7-29.5,29.2c-6.9,12.5-10.5,26.9-10.5,42.8v31.7h-38v44h38v185.2h54.6V241.6h80.9v117.7c0,48.5,22.9,73,68,73
+	c7.4,0,15.2-0.9,23.2-2.6c8.1-1.7,13.6-3.5,16.9-5.4l0.7-0.4v-44.4l-2.2,1.5c-3,2-6.7,3.6-11,4.8c-4.3,1.2-8,1.8-10.8,1.8
+	c-10.6,0-18.4-2.8-23.2-8.5c-4.9-5.7-7.4-15.6-7.4-29.4V241.6H2500L2500,241.6z M2095.9,387.7c-19.8,0-35.4-6.6-46.4-19.5
+	c-11.1-13-16.7-31.5-16.7-55.1c0-24.3,5.6-43.3,16.7-56.6c11-13.1,26.5-19.8,46-19.8c18.9,0,34,6.4,44.8,19
+	c10.8,12.6,16.3,31.5,16.3,56.1c0,24.9-5.2,44-15.4,56.8C2131,381.3,2115.8,387.7,2095.9,387.7 M2098.3,192.1
+	c-37.8,0-67.8,11.1-89.2,32.9c-21.4,21.8-32.2,52.1-32.2,89.9c0,35.9,10.6,64.7,31.5,85.8c20.9,21,49.3,31.7,84.5,31.7
+	c36.6,0,66.1-11.2,87.4-33.4c21.4-22.1,32.2-52.1,32.2-89c0-36.4-10.2-65.5-30.2-86.4C2162.1,202.7,2133.9,192.1,2098.3,192.1
+	 M1888.8,192.1c-25.7,0-47,6.6-63.2,19.5c-16.3,13-24.6,30.1-24.6,50.8c0,10.8,1.8,20.3,5.3,28.4c3.5,8.1,9,15.3,16.3,21.3
+	c7.2,6,18.4,12.2,33.2,18.6c12.4,5.1,21.7,9.4,27.6,12.9c5.8,3.3,9.8,6.7,12.1,10c2.2,3.2,3.4,7.6,3.4,13
+	c0,15.4-11.5,22.9-35.3,22.9c-8.8,0-18.8-1.8-29.8-5.5c-10.9-3.6-21.2-8.8-30.6-15.5l-2.3-1.6v52.5l0.8,0.4
+	c7.7,3.6,17.5,6.6,28.9,8.9c11.5,2.4,21.9,3.6,30.9,3.6c27.9,0,50.4-6.6,66.8-19.6c16.5-13.1,24.9-30.6,24.9-52.1
+	c0-15.4-4.5-28.7-13.4-39.4c-8.8-10.6-24.1-20.3-45.4-28.9c-17-6.8-27.9-12.5-32.4-16.8c-4.3-4.2-6.5-10.1-6.5-17.7
+	c0-6.7,2.7-12,8.3-16.3c5.6-4.3,13.4-6.6,23.2-6.6c9.1,0,18.4,1.4,27.6,4.3c9.2,2.8,17.4,6.6,24.1,11.2l2.2,1.5v-49.8l-0.9-0.4
+	c-6.3-2.7-14.5-5-24.5-6.8C1905.8,193,1896.7,192.1,1888.8,192.1 M1658.7,387.7c-19.8,0-35.4-6.6-46.4-19.5
+	c-11.1-13-16.7-31.5-16.7-55.1c0-24.3,5.6-43.3,16.7-56.6c11-13.1,26.5-19.8,46-19.8c18.9,0,34,6.4,44.8,19
+	c10.8,12.6,16.3,31.5,16.3,56.1c0,24.9-5.2,44-15.4,56.8C1693.9,381.3,1678.7,387.7,1658.7,387.7 M1661.2,192.1
+	c-37.8,0-67.8,11.1-89.2,32.9c-21.4,21.8-32.2,52.1-32.2,89.9c0,35.9,10.6,64.7,31.5,85.8c20.9,21,49.3,31.7,84.5,31.7
+	c36.6,0,66.1-11.2,87.4-33.4c21.4-22.1,32.2-52.1,32.2-89c0-36.4-10.2-65.5-30.2-86.4C1725,202.7,1696.7,192.1,1661.2,192.1
+	 M1456.9,237.3v-39.7h-53.9v229.2h53.9V309.6c0-19.9,4.5-36.3,13.4-48.7c8.8-12.2,20.5-18.4,34.9-18.4c4.9,0,10.3,0.8,16.2,2.4
+	c5.8,1.6,10.1,3.3,12.6,5.1l2.3,1.6v-54.4l-0.9-0.4c-5-2.1-12.1-3.2-21.1-3.2c-13.5,0-25.7,4.4-36.1,12.9
+	c-9.1,7.5-15.7,17.9-20.7,30.7H1456.9z M1306.4,192.1c-24.7,0-46.8,5.3-65.6,15.8c-18.8,10.5-33.3,25.4-43.2,44.5
+	c-9.9,19-14.9,41.1-14.9,65.9c0,21.7,4.8,41.5,14.4,59c9.6,17.5,23.2,31.3,40.3,40.8c17.2,9.5,37,14.3,58.9,14.3
+	c25.6,0,47.5-5.1,65-15.2l0.7-0.4v-49.4l-2.3,1.7c-7.9,5.8-16.8,10.4-26.4,13.7c-9.5,3.3-18.2,5-25.8,5c-21.2,0-38.1-6.6-50.5-19.7
+	c-12.4-13.1-18.6-31.4-18.6-54.5c0-23.2,6.5-42.1,19.4-55.9c12.8-13.8,29.8-20.9,50.6-20.9c17.7,0,35,6,51.3,17.9l2.3,1.6v-52
+	l-0.7-0.4c-6.1-3.4-14.5-6.3-24.9-8.4C1326.2,193.2,1316,192.1,1306.4,192.1 M1145.6,197.6h-53.9v229.2h53.9V197.6L1145.6,197.6z
+	 M1119.2,100c-8.9,0-16.6,3-23,9c-6.4,6-9.6,13.6-9.6,22.5c0,8.8,3.2,16.2,9.5,22c6.3,5.8,14,8.8,23.1,8.8c9,0,16.8-3,23.2-8.8
+	c6.4-5.9,9.6-13.3,9.6-22.1c0-8.6-3.2-16.1-9.4-22.2C1136.4,103.1,1128.6,100,1119.2,100 M984.7,180.7v246.1h55V107h-76.1
+	l-96.8,237.5L772.9,107h-79.2v319.8h51.7V180.7h1.8l99.2,246.1h39l97.6-246.1L984.7,180.7L984.7,180.7z"/>
+<path class="st0" d="M253.6,253.7H0V0.1h253.6V253.7z"/>
+<path class="st0" d="M533.6,253.7H280V0.1h253.6L533.6,253.7L533.6,253.7z"/>
+<path class="st0" d="M253.6,533.9H0V280.3h253.6V533.9z"/>
+<path class="st0" d="M533.6,533.9H280V280.3h253.6L533.6,533.9L533.6,533.9z"/>
+</svg>

data/lib/starter_web/index.html

@@ -3,11 +3,11 @@ layout:                                 home
 compress:                               true
 
 title:                                  J1 Template
-title_extention:                        Free Bootstrap V5 Theme for Jekyll
-tagline:                                Free Bootstrap V5 Theme for Jekyll
+title_extention:                        Bootstrap V5 Theme for Jekyll
+tagline:                                Bootstrap V5 Theme for Jekyll
 
 date:                                   2023-01-01 00:00:00
-#last_modified:                         2023-12-27 00:00:00
+#last_modified:                         2025-05-24 00:00:00
 
 description: >
                                         Jekyll One Template (J1) is a free Jekyll Theme providing

data/lib/starter_web/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "j1",
-  "version": "2024.3.20",
+  "version": "2024.3.22",
   "description": "J1 Template",
   "homepage": "https://your.site",
   "author": {

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

@@ -94,7 +94,7 @@ the top features of J1.
 
 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].
+link:{url-j1-roundtrip--image_data}[from here].
 
 [role="mt-4"]
 === Cheatsheets

data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc

@@ -144,9 +144,6 @@ websites with embedded audio content.
 .Emancipator · From Dusk To Dawn
 amplitude::emancipator_mini[role="mb-5"]
 
-.Royalty Free Music · Disco 80th
-amplitude::disco_mini[role="mb-5"]
-
 
 [role="mt-5"]
 === Compact Players
@@ -163,9 +160,6 @@ screen space or placing  multiple players side-by-side.
 .Emancipator · From Dusk To Dawn
 amplitude::emancipator_compact[role="mb-5"]
 
-.Royalty Free Music · Disco 80th
-amplitude::disco_compact[role="mb-5"]
-
 
 [role="mt-5"]
 === Large Players
@@ -174,9 +168,6 @@ 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
@@ -185,13 +176,7 @@ no need to open other widgets.
 .Emancipator · From Dusk To Dawn
 amplitude::emancipator_large[role="mb-5"]
 
-[role="mt-4"]
-==== Disco 80th
-
-lorem:sentences[3]
 
-.Royalty Free Music · Disco 80th
-amplitude::disco_large[role="mb-5"]
 [role="mt-5"]
 == AmplitudeJS on Youtube
 
@@ -209,12 +194,12 @@ 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"]
+.Bea and her Business · YouTube 2025
+amplitude::bea_yt_large[role="mb-5"]
 
 [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.
+players of type *large* are supported.
 ====