j1-template 2024.3.14 → 2024.3.15

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

@@ -258,6 +258,7 @@ defaults:
     type:                               compact
     source:                             audio
 
+    audio_rating:                       false
     display_hours:                      false
     play_next_title:                    true
     pause_next_title:                   false

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

@@ -88,14 +88,14 @@ settings:
       selector:                         .mdi
       rootMargin:                       150px
 
-    - loader:
-      enabled:                          true
-      type:                             css
-      description:                      FA Icon CSS (all)
-
-      src:                              /assets/theme/j1/core/css/icon-fonts/fontawesome.min.css
-      selector:                         .fa
-      rootMargin:                       150px
+  # - loader:
+  #   enabled:                          true
+  #   type:                             css
+  #   description:                      FA Icon CSS (all)
+
+  #   src:                              /assets/theme/j1/core/css/icon-fonts/fontawesome.min.css
+  #   selector:                         .fa
+  #   rootMargin:                       150px
 
     - loader:
       enabled:                          true

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

@@ -298,8 +298,8 @@ settings:
 
         thumblist:
           enabled:                      true
-          width:                        140
-          height:                       80
+          height:                       180
+          width:                        250
           type:                         thumbs
           autohide:                     false
           dir:                          v
@@ -310,8 +310,8 @@ settings:
       #
       options:
 
-        width:                          1200
-        height:                         600
+        width:                          1000
+        height:                         500
 
       # ------------------------------------------------------------------------
       # Slides
@@ -653,8 +653,8 @@ settings:
 
         thumblist:
           enabled:                      true
-          height:                       160
-          width:                        240
+          height:                       180
+          width:                        280
           type:                         tabs
           autohide:                     false
           dir:                          v

data/lib/starter_web/_data/resources.yml

@@ -357,6 +357,7 @@ resources:
         css:                            [
                                           core/css/themes/unolight/bootstrap,
                                           core/css/icon-fonts/mdib,
+                                          core/css/icon-fonts/fontawesome,
                                           core/css/vendor
                                         ]
         files:                          [ adapter/js/j1.js ]

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.14</template_version>
+  <template_version>2024.3.15</template_version>
 
   {% assign title = site.title | default: site.name %}
   {% if page.collection != "posts" %}

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

@@ -35,7 +35,8 @@ Asciidoctor::Extensions.register do
 
     def process parent, target, attributes
 
-      title_html  = (attributes.has_key? 'title') ? %(<div class="carousel-title">#{attributes['title']}</div>\n) : nil
+      title_html  = (attributes.has_key? 'title') ? %(<div class="carousel-title"> <i class="mdib mdib-view-carousel mdib-24px mr-2"></i> #{attributes['title']} </div>\n) : nil
+
       html        = %(
         <div class="#{attributes['role']}">
           #{title_html}

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

@@ -43,8 +43,8 @@ Asciidoctor::Extensions.register do
       html_block    = Builder::XmlMarkup.new(:indent => 2)
       imagesdir     = parent.attr 'imagesdir'
       images_hash   = Hash[*attributes['image_data'].split(',')]
+      title_html    = (attributes.has_key? 'title') ? %(<div class="lightbox-title"> <i class="mdib mdib-lightbulb-on  mdib-24px mr-2"></i> #{attributes['title']} </div>\n) : nil
 
-      title_html    = (attributes.has_key? 'title') ? %(<div class="lightbox-title">#{attributes['title']}</div>\n) : nil
       role          = (attributes.has_key? 'role') ? role : ''
       grouped       = (attributes.has_key? 'group') ? true : false
 

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

@@ -37,7 +37,7 @@ Asciidoctor::Extensions.register do
 
     def process parent, target, attributes
 
-      title_html  = (attributes.has_key? 'title') ? %(<div class="carousel-title">#{attributes['title']}</div>\n) : nil
+      title_html  = (attributes.has_key? 'title') ? %(<div class="carousel-title"> <i class="mdib mdib-view-carousel mdib-24px mr-2"></i> #{attributes['title']} </div>\n) : nil
       html        = %(
         <div class="#{attributes['role']}">
           #{title_html}

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

@@ -38,7 +38,8 @@ Asciidoctor::Extensions.register do
 
     def process parent, target, attributes
 
-      title_html  = (attributes.has_key? 'title') ? %(<div class="carousel-title">#{attributes['title']}</div>\n) : nil
+      # title_html  = (attributes.has_key? 'title') ? %(<div class="carousel-title">#{attributes['title']}</div>\n) : nil
+      title_html  = (attributes.has_key? 'title') ? %(<div class="carousel-title"> <i class="mdib mdib-view-carousel mdib-24px mr-2"></i> #{attributes['title']} </div>\n) : nil
       html        = %(
         <div class="#{attributes['role']}">
           #{title_html}

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

@@ -394,6 +394,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2024.3.14'
+    VERSION = '2024.3.15'
   end
 end

data/lib/starter_web/package.json

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

data/lib/starter_web/pages/{public/tour → tour}/asciidoc_extensions.adoc

@@ -31,7 +31,7 @@ permalink:                              /pages/public/tour/asciidoc_extensions/
 
 resources:                              [
                                           gallery, iconify, lightbox,
-                                          lightgallery, rouge, videojs
+                                          lightgallery, videojs
                                         ]
 resource_options:
   - attic:

data/lib/starter_web/pages/{public/tour → tour}/bootstrap_themes.adoc

@@ -28,7 +28,7 @@ image:
 regenerate:                             false
 permalink:                              /pages/public/tour/themes/
 
-resources:                              [ lightbox, rouge ]
+resources:                              [ lightbox ]
 resource_options:
   - attic:
       slides:

data/lib/starter_web/pages/{public/tour → tour}/highlghter_rouge.adoc

@@ -27,7 +27,7 @@ image:
 regenerate:                             true
 permalink:                              /pages/public/tour/rouge/
 
-resources:                              [ rouge ]
+resources:                              []
 resource_options:
   - attic:
       slides:

data/lib/starter_web/pages/{public/tour → tour}/modal_extentions.adoc

@@ -28,7 +28,7 @@ image:
 regenerate:                             false
 permalink:                              /pages/public/tour/modals/
 
-resources:                              [ rouge ]
+resources:                              []
 resource_options:
   - attic:
       slides:

data/lib/starter_web/pages/{public/tour → tour}/play_audio.adoc

@@ -148,23 +148,14 @@ lorem:sentences[5]
 [role="mt-5"]
 == Compact Player
 
-A complex component like an audio player on a web page, *compact*
-typically refers to a design or layout that minimizes the component's
-space while maintaining its functionality and usability.
-
-////
-The *compact design* for an audio player is an efficient approach that
-involves condensing the player controls and display elements into a smaller
-area. It uses icons or symbols instead of text labels where possible, and
-possibly hides less frequently used features behind menus or dropdowns to
-reduce clutter, thereby instilling confidence in its effectiveness.
-
-A *compact* design allows the audio player to fit neatly within the web
-page's layout without overwhelming or dominating the content around it.
-The design aims to balance functionality and space efficiency, ensuring
-users can easily access and control the audio playback without sacrificing
-too much screen space.
-////
+The design of a *Compact player* is an efficient approach that involves
+condensing the player controls and display elements into a smaller area.
+It allows the audio player to fit neatly within the web page's layout without
+overwhelming or dominating the content around it.
+
+The player aims to balance functionality and space efficiency, ensuring users
+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"]
@@ -174,34 +165,51 @@ amplitude::free_disco_compact[role="mt-3 mb-5"]
 
 lorem:sentences[5]
 
+.Spontanorama 2024 (compact)
+amplitude::spontanorama_2024_compact[role="mt-4 mb-5"]
+
 
 [role="mt-5"]
 == Large Player
 
-lorem:sentences[5]
+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.
+
+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-3 mb-5"]
+amplitude::free_emancipator_large[role="mt-4 mb-5"]
+
+lorem:sentences[5]
 
 .Royalty Free Music · Disco 80th
-amplitude::free_disco_large[role="mt-3 mb-5"]
+amplitude::free_disco_large[role="mt-4 mb-5"]
+
+lorem:sentences[5]
+
+.Spontanorama 2024 (large)
+amplitude::spontanorama_2024_large[role="mt-4 mb-5"]
 
 
 [role="mt-5"]
 == What next
 
 I hope, you've enjoyed exploring the possibilities J1 offers for playing
-digital audio content. But much, much more can the J1 do for your web in
-terms of multimedia.
+digital audio content. But much, much more can the J1 Templte do for your
+web in terms of multimedia.
 
-The J1 Template support playing video on web pages by using the
-HTML5 video support, the new standard of HTML. HTML5 implements a
-pure HTML way to show play video on the web. Modern browsers
-support the the video tag `<video>` for the current HTML5 standard.
+The Template support playing video on web pages by using the *HTML5* video
+support, the new standard of HTML. It implements a pure HTML way to playback
+videos on the web. All Modern browsers support the the HTML video tag `<video>`
+for the current HTML standard.
 
 The previous proprietary de facto standard software like a Flash Player,
 Quicktime, or Silverlight is no longer needed as the Theme JekyllOne provides
 HTML5 video for local content and from online sources on the Internet.
 
-[role="mb-7"]
+[role="mb-8"]
 Incredible? See the next example page link:{url-tour--present-video}[Video Player].

data/lib/starter_web/pages/{public/tour → tour}/play_video.adoc

@@ -25,13 +25,14 @@ image:
   width:                                1920
   height:                               1280
 
+compress:                               false
 personalization:                        true
 regenerate:                             false
 permalink:                              /pages/public/tour/present_video/
 
 resources:                              [
                                           gallery, lightgallery, masonry,
-                                          rouge, videojs, vimeo-player
+                                          videojs, vimeo-player
                                         ]
 resource_options:
   - toccer:
@@ -115,8 +116,7 @@ a built-in multimedia framework for decoding and displaying video content.
 Two types of video sources are supported:
 
 * Video files from local folders (your webspace)
-* Video files from Online sources (on the Internet) like YouTube, Wistia,
-  Dailymotion etc.
+* Video files from online sources (on the Internet) like YouTube, Vimeo, etc.
 
 Standalone video players embedded in websites are software components that
 integrate and play video sources directly within a page or application. These
@@ -138,7 +138,7 @@ video::/assets/video//html5/peck_pocketed.mp4[poster="/assets/video/poster/html5
 
 
 [role="mt-5"]
-== VideoJS Player
+== VideoJS
 
 VideoJS is a *free-to-use* open-source JavaScript framework for building
 custom video players for the web. Implementing VideoJS for the J1 Template
@@ -166,12 +166,27 @@ YouTube is a popular online video-sharing platform that allows users to
 upload, view, share, and comment on videos. The platform provides services
 for people and organizations to publish various video content.
 
-.Best Auditions · AGT 2024
+The season 19 (2024) of _America's Got Talent_ (AGT) is special. In the long
+history of AGT, only a few *Goldern Buzzers* were given. In 2024, this is
+different - for good reasons. See a compilation on YouTube of the very best
+auditions ever.
+
+.AGT 2024 · Best Auditions
 youtube::4VSBJU52UvM[poster="//img.youtube.com/vi/4VSBJU52UvM/maxresdefault.jpg" role="mt-4 mb-5"]
 
+Dog Dancing is presented quite often on stage. Like AGT season 18,
+Adrian Stoica presented his dog Hurricane https://www.youtube.com/watch?v=ENGRnUN1UKQ)[Youtube, {browser-window--new}].
+But see Roni Sagi - an Israeli dog trainer - and her dog Rhythm.
+This is Dog Dancing the next level.
+
+.Roni Sagi & Rhythm · ALL Performances (AGT 2024)
+youtube::1J2qz6B-PFY[poster="//img.youtube.com/vi/1J2qz6B-PFY/maxresdefault.jpg" role="mt-4 mb-5"]
+
 // .Fortnight (feat. Post Malone, Official Music Video) · Taylor Swift
 // youtube::q3zqJs7JUCQ[poster="//img.youtube.com/vi/q3zqJs7JUCQ/maxresdefault.jpg" role="mt-4 mb-5"]
 
+
+////
 [role="mt-4"]
 === Dailymotion
 
@@ -182,15 +197,17 @@ video.
 
 .Beginner Mat Pilates · SELF Channel
 dailymotion::x87ycik[poster="/assets/video/poster/dailymotion/pilates.jpg" role="mt-4 mb-5"]
+////
+
 
 [role="mt-4"]
 === Vimeo
-
+ 
 Vimeo is an sharing platform that allows users to upload, share, and view
 video content. It was founded in 2004 by a group of filmmakers and has
 since grown into a popular platform for individuals and businesses to
-showcase their videos. Vimeo is known for its emphasis on high-quality videos
-and creative expression.
+showcase their videos. Vimeo is known for its emphasis on high-quality 
+video and creative expression.
 
 .Kick It Old School · Forever 21
 vimeo::179528528[poster="/assets/video/poster/vimeo/kick_it_old_school.jpg" role="mt-4 mb-5"]

data/lib/starter_web/pages/{public/tour → tour}/present_images.adoc

@@ -25,12 +25,13 @@ image:
   width:                                1920
   height:                               1280
 
+compress:                               true
 regenerate:                             false
 permalink:                              /pages/public/tour/present_images/
 
 resources:                              [
                                           carousel, gallery, lightbox, lightgallery,
-                                          master-slider, masonry, slick-slider, videojs
+                                          master-slider, masonry, slick-slider
                                         ]
 resource_options:
   - toccer:
@@ -131,7 +132,7 @@ under the link:{url-j1-docs--lightbox-module}[Lightbox module, {browser-window--
 ====
 
 [role="mt-5"]
-=== J1 Lightbox
+=== Lightboxes
 
 Find below an example of using the the default lightbox used for standalone
 images. See how individual images are linked.
@@ -147,14 +148,14 @@ lightbox::example-group[395, {data-images-group}, group, role="mt-4 mb-4 wm-800"
 
 
 [role="mt-5"]
-=== J1 lightGallery
+=== lightGallery
 
 lightGallery provides more complex image data functions than the default
 lightbox. The module supports a gallery-style thumbnail preview plus image
 resizing, a download dialog, sharing provider support, and more helpful.
 Check what lightGallery can do this by the following example.
 
-.J1 Gallery + lightGallery
+.Gallery + lightGallery
 gallery::jg_old_times[role="mt-4 mb-4"]
 
 .lightGallery - Gallery or Lightbox
@@ -256,7 +257,7 @@ carousel::demo_oneslide[role="mb-4"]
 
 
 [role="mt-5"]
-== J1 Slick Carousel
+== Slick Slider
 
 [role="mb-4"]
 Slick is a popular jQuery plugin for creating responsive and fully
@@ -332,7 +333,7 @@ link:{url-j1-slick-previewer}[Slick Previewer, {browser-window--new}],
 
 [role="mt-5"]
 [[masterSlider]]
-== J1 Masterslider
+== Masterslider
 
 Masterslider is a jQuery plugin fully integrated into the J1 Template.
 Jekyll One uses the *free* version of Masterslider well-known as MS Lite.
@@ -365,7 +366,7 @@ link:{url-j1-docs--masterslider-module}[Master Slider module, {browser-window--n
 ====
 
 [role="mt-5"]
-=== Featured MS Slider
+=== Featured Slider
 
 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
@@ -390,11 +391,11 @@ slides to see the *colored* images configured for the slider.
 
 [role="mt-5"]
 [[text_elements]]
-=== MS Slider using Text Elements
+=== 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 an slideshow.
-MS Slider additionally provides functions to combine images and text by
+Masterslider additionally provides functions to combine images and text by
 so-called *MSInfo* blocks out-of-the-box.
 
 .Slider using Images + Text
@@ -419,7 +420,7 @@ masterslider::ms_00007[role="mt-4 mb-5"]
 ////
 [role="mt-4"]
 [[ms_video]]
-=== MS Slider using Video
+=== Masterslider using Video
 
 lorem:sentences[5]
 
@@ -430,7 +431,7 @@ masterslider::ms_00010[role="mt-4 mb-5"]
 
 [role="mt-4"]
 [[partialview]]
-=== MS Slider using Layout PartialView
+=== Slider using a Layout
 
 The following slider presents a slideshow that combines an MSInfo element
 at the bottom and the MS Layout `partialview`. A slideshow typically presents
@@ -447,13 +448,13 @@ masterslider::ms_00009[role="mt-4 mb-5"]
 If you're interested to learn more about Master Slider, go for the following
 documents:
 
-* MS Slider link:{url-j1-masterslider-previewer}[Previewer, {browser-window--new}]
-* MS Slider link:{url-j1-docs--masterslider-module}[Module documentation, {browser-window--new}]
+* Masterslider link:{url-j1-masterslider-previewer}[Previewer, {browser-window--new}]
+* Masterslider link:{url-j1-docs--masterslider-module}[Module documentation, {browser-window--new}]
 ====
 
 
 [role="mt-5"]
-== J1 Masonry
+== Masonry
 
 Masonry for J1 is a great tool to create dynamic image galleries. Image
 galleries are popular on many websites, and masonry can be a useful tool for
@@ -474,7 +475,7 @@ link:{url-j1-masonry-previewer}[Masonry Preview, {browser-window--new}] page.
 
 
 [role="mt-5"]
-== J1 Gallery
+== Justified Gallery
 
 link:{url-justified-gallery--home}[JustifiedGallery, {browser-window--new}]
 is a great _jQuery_ Plugin to create responsive, infinite, and high-quality
@@ -494,7 +495,7 @@ It works by placing elements in an optimal position based on available
 horizontal and vertical space. Sort of like mason fitting stones in a wall.
 For sure, you'll have seen it in action all over the Internet.
 
-.J1 Gallery of Images + lightGallery
+.Gallery of Images + lightGallery
 gallery::jg_mega_cities[role="mt-4 mb-4"]
 
 

data/lib/starter_web/pages/{public/tour → tour}/quicksearch.adoc

@@ -31,7 +31,7 @@ image:
 regenerate:                             false
 permalink:                              /pages/public/tour/quicksearch/
 
-resources:                              [ lightbox, rouge ]
+resources:                              [ lightbox ]
 resource_options:
   - attic:
       slides:

data/lib/starter_web/pages/{public/tour → tour}/responsive_tables.adoc

@@ -26,7 +26,7 @@ image:
 regenerate:                             false
 permalink:                              /pages/public/tour/responsive_tables/
 
-resources:                              [ rouge ]
+resources:                              []
 resource_options:
   - attic:
       slides:

data/lib/starter_web/pages/{public/tour → tour}/typography.adoc

@@ -27,7 +27,7 @@ image:
 regenerate:                             false
 permalink:                              /pages/public/tour/typography/
 
-resources:                              [ rouge ]
+resources:                              []
 resource_options:
   - attic:
       opacity:                          0.3