j1-template 2022.6.1 → 2022.6.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 49cd6bd2786efc61475518a1aaa26c2b5c108a3251479ebdb7d70cf71b32f6db
-  data.tar.gz: 6788281d57f2063be956763a83fcbced5cf3df9ac4944b602c0f4ad9bc4d3838
+  metadata.gz: 380a547d5e6a15a8e7976ffc6e243aab1418607f4a35cd996bb7312e7cfd79e8
+  data.tar.gz: 523006d72d3dbfe38a7198c422640fe98de5418fd0d75528d7ebc2bdda0454fe
 SHA512:
-  metadata.gz: 855f6389e520309b385cd6ca4b3a87457b0696d2ce6c3c905717c8b0a3796aa27fb5df5dd97697e918b6a2ae2398efffc28cca622b93a79ab5d90f7a35f3b916
-  data.tar.gz: ed73a9f55e3c54d65da753811876932da1537835a14b5f8cc5e15fe1271bfb8d97e5c49a64877f37a330a59cd233343c512fb7049ca3874328708c5c25709d20
+  metadata.gz: a31064dccd6c8b534b27cb2c4559108c30d6ddc206fcb8d6db154e0e4edae602de8db74e81b41c22304138de868bb3c97e099528411f1767b2326e72a5abdf89
+  data.tar.gz: c7c5b6d0657e5e939c3e38dae202f11a238229075306f777eb965c369c9692af8d8ce16dd298b86d66cb3223434a6dad67e5bba3a97f8703651fd732924b6556

data/assets/data/banner.html

@@ -257,8 +257,8 @@ exclude_from_search:                    true
                 		<img
                 			class="sticker-image"
                 			src="/assets/images/sticker/600x600/sticker-new-version.png"
-                			alt="Get new version 2022.6.1"
-                			title="Get new version 2022.6.1"
+                			alt="Get new version 2022.6.2"
+                			title="Get new version 2022.6.2"
                 			style="width: 140px; height: 120px;"
                 		>
                   </a>

data/assets/themes/j1/core/css/themes/unolight/bootstrap.css

@@ -13,27 +13,27 @@
  #   See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-/*
-  # ----------------------------------------------------------------------------
-  # ~/100_template_css/scss/theme_uno.scss
-  # Theme Uno - Definitions AND partial index file|s
-  #
-  # Product/Info:
-  # https:#jekyll.one
-  #
-  # Copyright (C) 2022 Juergen Adams
-  #
-  # J1 Template is licensed under the MIT License.
-  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
-  # ----------------------------------------------------------------------------
-  # NOTE:
-  # jadams, 2017-11-18: modified (applied fixes) to _drawer.scss|_forms.scss (mixins)
-  # See:
-  #  Issue #949 - https://github.com/FezVrasta/bootstrap-material-design/pull/949,
-  #  Fix base-level `&` (for Ruby Sass)
-  #  Pull request:
-  #  https://github.com/FezVrasta/bootstrap-material-design/pull/949/commits/f729cf1fa17561b46104dc1d3f268c7be3cf65f1
-  # ----------------------------------------------------------------------------
+/*
+  # ----------------------------------------------------------------------------
+  # ~/100_template_css/scss/theme_uno.scss
+  # Theme Uno - Definitions AND partial index file|s
+  #
+  # Product/Info:
+  # https:#jekyll.one
+  #
+  # Copyright (C) 2022 Juergen Adams
+  #
+  # J1 Template is licensed under the MIT License.
+  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+  # ----------------------------------------------------------------------------
+  # NOTE:
+  # jadams, 2017-11-18: modified (applied fixes) to _drawer.scss|_forms.scss (mixins)
+  # See:
+  #  Issue #949 - https://github.com/FezVrasta/bootstrap-material-design/pull/949,
+  #  Fix base-level `&` (for Ruby Sass)
+  #  Pull request:
+  #  https://github.com/FezVrasta/bootstrap-material-design/pull/949/commits/f729cf1fa17561b46104dc1d3f268c7be3cf65f1
+  # ----------------------------------------------------------------------------
 */
 /*
  # -----------------------------------------------------------------------------

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2022.6.1'
+  VERSION = '2022.6.2'
 end

data/lib/starter_web/README.md

@@ -380,7 +380,7 @@ This command creates a **initial** project in folder **my-starter**.
   2022-07-30 18:12:12 - GENERATE: Resolving dependencies...
   2022-07-30 18:12:12 - GENERATE: Using bundler 2.3.7
   ...
-  2022-07-30 18:12:12 - GENERATE: Using j1-template 2022.6.1
+  2022-07-30 18:12:12 - GENERATE: Using j1-template 2022.6.2
   2022-07-30 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
   2022-07-30 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
   2022-07-30 18:12:12 - GENERATE:  C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
@@ -416,7 +416,7 @@ commands are available as well.
   2022-07-30 18:17:48 - SETUP: Initialize the project ...
   2022-07-30 18:17:48 - SETUP: Be patient, this will take a while ...
   2022-07-30 18:17:49 - SETUP:
-  2022-07-30 18:17:49 - SETUP: > j1@2022.6.1 setup C:\Users\xxx\j1-projects\my-starter
+  2022-07-30 18:17:49 - SETUP: > j1@2022.6.2 setup C:\Users\xxx\j1-projects\my-starter
   2022-07-30 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
   2022-07-30 18:17:49 - SETUP:
   2022-07-30 18:17:50 - SETUP: Setup project for first use ..
@@ -461,7 +461,7 @@ browser. Let's start the journey ...
   Check setup state of the J1 project ...
   2022-07-30 18:26:18 - SITE: Starting up your site ...
   2022-07-30 18:26:18 - SITE:
-  2022-07-30 18:26:18 - SITE: > j1@2022.6.1 j1-site C:\Users\jadams\j1-projects\my-starter
+  2022-07-30 18:26:18 - SITE: > j1@2022.6.2 j1-site C:\Users\jadams\j1-projects\my-starter
   2022-07-30 18:26:18 - SITE: > run-p -s j1-site:*
   2022-07-30 18:26:18 - SITE:
   2022-07-30 18:26:20 - SITE: Startup UTILSRV ..
@@ -500,7 +500,7 @@ Check setup state of the J1 project ...
 REBUILD: Rebuild the projects website ...
 REBUILD: Be patient, this will take a while ...
 2022-07-30 18:45:09 - REBUILD:
-2022-07-30 18:45:09 - REBUILD: > j1@2022.6.1 rebuild C:\Users\xxx\j1-projects\my-starter
+2022-07-30 18:45:09 - REBUILD: > j1@2022.6.2 rebuild C:\Users\xxx\j1-projects\my-starter
 2022-07-30 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
 2022-07-30 18:45:09 - REBUILD:
 2022-07-30 18:45:10 - REBUILD: Rebuild site incremental ..
@@ -548,7 +548,7 @@ using Lerna for all packages:
   2022-07-30 18:29:07 - RESET: Reset the project to factory state ...
   2022-07-30 18:29:07 - RESET: Be patient, this will take a while ...
   2022-07-30 18:29:08 - RESET:
-  2022-07-30 18:29:08 - RESET: > j1@2022.6.1 reset C:\Users\xxx\j1-projects\my-starter
+  2022-07-30 18:29:08 - RESET: > j1@2022.6.2 reset C:\Users\xxx\j1-projects\my-starter
   2022-07-30 18:29:08 - RESET: > run-s -s reset:*
   2022-07-30 18:29:08 - RESET:
   2022-07-30 18:29:08 - RESET: Reset project to factory state ..

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 # Sets the build version of J1 Template Gem
 #
-version:                                2022.6.1
+version:                                2022.6.2
 
 # version
 # ------------------------------------------------------------------------------
@@ -221,7 +221,7 @@ doctype:                                html
 # ------------------------------------------------------------------------------
 #
 title:                                  Jekyll One
-slogan:                                 template for jekyll
+tagline:                                Template For Jekyll
 description: >
                                         Made for Jekyll · Made for Your Web
 keywords: >
@@ -643,7 +643,7 @@ defaults:
       vimeo:                            true
 
       toc:                              true
-      fab_menu_id:                      page_ctrl_simple
+      fab_menu_id:                      page_ctrl
       scrollbar:                        false
 
       icons:
@@ -693,7 +693,7 @@ defaults:
       series:                           false
 
       toc:                              true
-      fab_menu_id:                      page_ctrl_simple
+      fab_menu_id:                      page_ctrl
       scrollbar:                        false
 
       resource_options:
@@ -730,7 +730,7 @@ defaults:
       exclude_from_search:              false
 
       toc:                              true
-      fab_menu_id:                      page_ctrl_simple
+      fab_menu_id:                      page_ctrl
       scrollbar:                        false
 
       resource_options:

data/lib/starter_web/_data/blocks/banner.yml

@@ -129,7 +129,7 @@ settings:
 #                    id:                 new-version
 #                    image:              /assets/images/sticker/600x600/sticker-new-version.png
 #                    size:               200
-#                    title:              Get new version 2022.6.1
+#                    title:              Get new version 2022.6.2
 #                    style:              "width: 140px; height: 120px;"
 #                    href:               "https://rubygems.org/gems/j1-template"
 #                    target:             blank

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

@@ -224,25 +224,5 @@ defaults:
     r_text_action:                      rtext
     r_text_label:                       Text Resizer
 
-  # ----------------------------------------------------------------------------
-  # NavTopsearch
-  #
-  # nav_topsearch:
-  #   enabled:                            false
-  #
-  #   container_id:                       search_modal
-  #   type:                               quicksearch                             # quicksearch | elasticsearch
-  #   icon_family:                        MDI
-  #   icon_color:                         "#FFFFFF"                               # md-white
-  #   icon_size:                          mdi-2x
-  #   search_icon:                        magnify
-  #   close_icon:                         close
-  #   clear_icon:                         format-clear
-  #   input_color:                        rgba(0, 0, 0, 0.7)                      # rgba-darken-700
-  #   background_color:                   transparent                               # md-grey-50
-  #   placeholder:                        Your search expression
-  #   search_heading_lead:                ""
-  #   result_heading_lead:                ""
-
 # ------------------------------------------------------------------------------
 # END config

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

@@ -75,7 +75,7 @@
       href:                             /pages/public/blog/navigator/archive/dateview/
       icon:                             calendar
     - title:                            Archive
-      href:                             /pages/public/blog/navigator/archive/
+      href:                             /pages/public/blog/navigator/archive/allview/
       icon:                             archive
 
 

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

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

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

@@ -372,6 +372,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2022.6.1'
+    VERSION = '2022.6.2'
   end
 end

data/lib/starter_web/package.json

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

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/themes_bootstrap.asciidoc

@@ -1,51 +1,51 @@
-== The Themes Menu
-
-Themes adjust the website's appearance based on the core CSS rules and
-definitions of Bootstrap. Themes do not change the framework's functionality
-but modify rule-based, e.g., the color scheme, fonts, sizes, or the
-appearance of more complex elements like forms or tables. Additionally, a
-theme may add additional components to extend the Bootstrap's framework.
-
-Modifying the CSS styles of link:{url-bs--home}[Bootstrap, {browser-window--new}]
-is not rocket science. But, to be honest, some knowledge is needed for
-link:{url-w3org--css-spec}[the CSS technology, {browser-window--new}] to do so.
-We encourage you to spend some time first on learning CSS. To learn what is the
-link:{url-w3schools--css-tutorial}[design base, {browser-window--new}] of each
-and every website.
-
-.Themes menu
-lightbox::images--themes-menu[ 1280, {data-images--themes-menu} ]
-
-Thanks to the people at link:{url-bootswatch--home}[Bootswatch, {browser-window--new}],
-a great set of already prepared Bootstrap stylesheets in various designs are
-available on their website. There is no need to start from scratch. It is not
-needed to re-define all the Bootstrap variables, and rebuild the framework
-files to create a new theme. Many different styles are available. What is
-already available at Bootswatch is at least a good base for your modifications;
-your unique design.
-
-Besides the bunch of different stylesheets at Bootswatch, an
-link:{url-bootswatch--api}[Integration API, {browser-window--new}] is provided
-that helps a lot to integrate available designs into an existing site. This API
-is the base to integrate selectable Bootswatch stylesheets into the J1 Template
-navigation system for easy use.
-
-=== Apply a theme
-
-The base for designing pages using the J1 Template is the theme Uno, a modern
-light theme used for many types of websites. And what we mentioned
-already, web design is not: one size fits all. The theme Uno can be seen as
-a good base, a starting point. Combining Uno and a different theme may be a fast
-solution for your site!?
-
-You can find all available themes and stylesheets on your pages
-from the menu Themes. You're invited to check how a page is changing for
-its design if other stylesheets, other ideas of web design are used.
-
-TIP: Changing BS-based styles is one thing. Changing from one theme to the
-next at runtime is a bit more challenging. For the first version of the J1
-Template, many styles are automatically changed for J1 specific components,
-but not all of them for now.
-
-Select a theme from this menu, and a new BS-based stylesheet is automatically
-applied to your pages.
+== The Themes Menu
+
+Themes adjust the website's appearance based on the core CSS rules and
+definitions of Bootstrap. Themes do not change the framework's functionality
+but modify rule-based, e.g., the color scheme, fonts, sizes, or the
+appearance of more complex elements like forms or tables. Additionally, a
+theme may add additional components to extend the Bootstrap's framework.
+
+Modifying the CSS styles of link:{url-bs--home}[Bootstrap, {browser-window--new}]
+is not rocket science. But, to be honest, some knowledge is needed for
+link:{url-w3org--css-spec}[the CSS technology, {browser-window--new}] to do so.
+We encourage you to spend some time first on learning CSS. To learn what is the
+link:{url-w3schools--css-tutorial}[design base, {browser-window--new}] of each
+and every website.
+
+.Themes menu
+lightbox::images--themes-menu[ 1280, {data-images--themes-menu} ]
+
+Thanks to the people at link:{url-bootswatch--home}[Bootswatch, {browser-window--new}],
+a great set of already prepared Bootstrap stylesheets in various designs are
+available on their website. There is no need to start from scratch. It is not
+needed to re-define all the Bootstrap variables, and rebuild the framework
+files to create a new theme. Many different styles are available. What is
+already available at Bootswatch is at least a good base for your modifications;
+your unique design.
+
+Besides the bunch of different stylesheets at Bootswatch, an
+link:{url-bootswatch--api}[Integration API, {browser-window--new}] is provided
+that helps a lot to integrate available designs into an existing site. This API
+is the base to integrate selectable Bootswatch stylesheets into the J1 Template
+navigation system for easy use.
+
+=== Apply a theme
+
+The base for designing pages using the J1 Template is the theme Uno, a modern
+light theme used for many types of websites. And what we mentioned
+already, web design is not: one size fits all. The theme Uno can be seen as
+a good base, a starting point. Combining Uno and a different theme may be a fast
+solution for your site!?
+
+You can find all available themes and stylesheets on your pages
+from the menu Themes. You're invited to check how a page is changing for
+its design if other stylesheets, other ideas of web design are used.
+
+TIP: Changing BS-based styles is one thing. Changing from one theme to the
+next at runtime is a bit more challenging. For the first version of the J1
+Template, many styles are automatically changed for J1 specific components,
+but not all of them for now.
+
+Select a theme from this menu, and a new BS-based stylesheet is automatically
+applied to your pages.

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/themes_rouge.asciidoc

@@ -1,110 +1,110 @@
-== Code Highlighter Rouge
-
-_Rouge_ is a pure Ruby and themeable syntax highlighter. It can highlight
-100+ different languages and output HTML or ANSI 256-color text. Find all
-available themes and examples for several languages of how
-highlighting works using _Rouge_.
-
-For the default theme `Uno` of J1 Template, the following _Rouge_ themes
-are used:
-
-* light: `igorpro`
-* dark: `monokai.sublime`
-
-NOTE: The default themes used for the J1 Template can be configured with the
-global template config file `~/_data/j1_config.yml`.
-
-
-=== Apply a theme
-
-Make a selection of a theme below to preview.
-
-++++
-<div class="btn-group">
-  <!-- See: https://stackoverflow.com/questions/47242702/force-bootstrap-dropdown-menu-to-always-display-at-the-bottom-and-allow-it-go-of -->
-  <!-- NOTE: control the behaviour of popper.js for positioning -->
-  <!-- NOTE: set attribute data-flip="false" to open the SELECT list at the BOTTOM of the BUTTON -->
-  <button class="btn btn-primary btn-flex btn-lg dropdown-toggle" data-flip="false" type="button" data-bs-toggle="dropdown" data-bs-target="#navbarDropdown" aria-haspopup="true" aria-expanded="false">
-  Select Theme<span class="caret"></span>
-  </button>
-  <ul class="dropdown-menu scrollable-menu" role="menu">
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.dark</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.light</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.dark</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.light</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.dark</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.light</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('colorful')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>colorful</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('github')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>github</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('gruvbox')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('gruvbox.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox.light</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('igorpro')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>igorpro</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('molokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>molokai</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('monokai.sublime')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai.sublime</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('pastie')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>pastie</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('thankful_eyes')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>thankful_eyes</a></li>
-    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('tulip')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>tulip</a></li>
-  </ul>
-</div>
-<div id="selected" class="mt-1 mb-3"></div>
-++++
-
-=== Highlight Liquid code
-
-{% raw %}
-[source, liquid]
-----
-Hello {{ 'now' | date: "%Y %h" }}
-
-{% comment %} if item.quantity is 4... {% endcomment %}
-{% for i in (1..item.quantity) %}
-  {{ i }}
-{% endfor %}
-----
-{% endraw %}
-
-=== Highlight Javascript code
-
-[source, javascript]
-----
-// helper functions
-//
-function styleSheetLoaded(styleSheet) {
-  var sheets     = document.styleSheets,
-      stylesheet = sheets[(sheets.length - 1)];
-
-  // find CSS file 'styleSheetName' in document
-  for(var i in document.styleSheets) {
-    if(sheets[i].href && sheets[i].href.indexOf(styleSheet) > -1) {
-      return true;;
-    }
-  }
-}
-----
-
-=== Highlight Ruby code
-
-[source, ruby]
-----
-require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
-include Asciidoctor <1>
-
-Asciidoctor::Extensions.register do
-  class J1BlockMacro < Extensions::BlockMacroProcessor
-    use_dsl
-    named :banner
-    name_positional_attributes 'role'
-
-    def process parent, target, attrs
-      html = %(<div id="#{target}" class="#{attrs['role']}"></div>)
-      create_pass_block parent, html, attrs, subs: nil
-    end
-  end
-  block_macro J1BlockMacro
-end
-----
-<1> don't miss to load the Asciidoctor ruby
+== Code Highlighter Rouge
+
+_Rouge_ is a pure Ruby and themeable syntax highlighter. It can highlight
+100+ different languages and output HTML or ANSI 256-color text. Find all
+available themes and examples for several languages of how
+highlighting works using _Rouge_.
+
+For the default theme `Uno` of J1 Template, the following _Rouge_ themes
+are used:
+
+* light: `igorpro`
+* dark: `monokai.sublime`
+
+NOTE: The default themes used for the J1 Template can be configured with the
+global template config file `~/_data/j1_config.yml`.
+
+
+=== Apply a theme
+
+Make a selection of a theme below to preview.
+
+++++
+<div class="btn-group">
+  <!-- See: https://stackoverflow.com/questions/47242702/force-bootstrap-dropdown-menu-to-always-display-at-the-bottom-and-allow-it-go-of -->
+  <!-- NOTE: control the behaviour of popper.js for positioning -->
+  <!-- NOTE: set attribute data-flip="false" to open the SELECT list at the BOTTOM of the BUTTON -->
+  <button class="btn btn-primary btn-flex btn-lg dropdown-toggle" data-flip="false" type="button" data-bs-toggle="dropdown" data-bs-target="#navbarDropdown" aria-haspopup="true" aria-expanded="false">
+  Select Theme<span class="caret"></span>
+  </button>
+  <ul class="dropdown-menu scrollable-menu" role="menu">
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.dark</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.light</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.dark</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.monokai.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.monokai.light</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.dark')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.dark</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('base16.solarized.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>base16.solarized.light</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('colorful')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>colorful</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('github')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>github</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('gruvbox')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('gruvbox.light')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>gruvbox.light</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('igorpro')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>igorpro</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('molokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>molokai</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('monokai')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('monokai.sublime')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>monokai.sublime</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('pastie')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>pastie</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('thankful_eyes')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>thankful_eyes</a></li>
+    <li><a class="dropdown-item" onclick="j1.adapter.rouge.reaplyStyles('tulip')"> <i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: #9E9E9E"></i>tulip</a></li>
+  </ul>
+</div>
+<div id="selected" class="mt-1 mb-3"></div>
+++++
+
+=== Highlight Liquid code
+
+{% raw %}
+[source, liquid]
+----
+Hello {{ 'now' | date: "%Y %h" }}
+
+{% comment %} if item.quantity is 4... {% endcomment %}
+{% for i in (1..item.quantity) %}
+  {{ i }}
+{% endfor %}
+----
+{% endraw %}
+
+=== Highlight Javascript code
+
+[source, javascript]
+----
+// helper functions
+//
+function styleSheetLoaded(styleSheet) {
+  var sheets     = document.styleSheets,
+      stylesheet = sheets[(sheets.length - 1)];
+
+  // find CSS file 'styleSheetName' in document
+  for(var i in document.styleSheets) {
+    if(sheets[i].href && sheets[i].href.indexOf(styleSheet) > -1) {
+      return true;;
+    }
+  }
+}
+----
+
+=== Highlight Ruby code
+
+[source, ruby]
+----
+require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
+include Asciidoctor <1>
+
+Asciidoctor::Extensions.register do
+  class J1BlockMacro < Extensions::BlockMacroProcessor
+    use_dsl
+    named :banner
+    name_positional_attributes 'role'
+
+    def process parent, target, attrs
+      html = %(<div id="#{target}" class="#{attrs['role']}"></div>)
+      create_pass_block parent, html, attrs, subs: nil
+    end
+  end
+  block_macro J1BlockMacro
+end
+----
+<1> don't miss to load the Asciidoctor ruby

data/lib/starter_web/utilsrv/_defaults/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "utls",
-  "version": "2022.6.1",
+  "version": "2022.6.2",
   "description": "J1 Template Utility Server",
   "homepage": "https://jekyll.one",
   "author": {

data/lib/starter_web/utilsrv/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "utls",
-  "version": "2022.6.1",
+  "version": "2022.6.2",
   "description": "J1 Template Utility Server",
   "homepage": "https://jekyll.one",
   "author": {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: j1-template
 version: !ruby/object:Gem::Version
-  version: 2022.6.1
+  version: 2022.6.2
 platform: ruby
 authors:
 - juergen_jekyll_one
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-11-20 00:00:00.000000000 Z
+date: 2022-11-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -2347,6 +2347,31 @@ files:
 - lib/starter_web/assets/images/quotes/people.jpg
 - lib/starter_web/assets/images/sticker/600x600/sticker-new-version.png
 - lib/starter_web/assets/images/sticker/scalable/readme
+- lib/starter_web/assets/videos/gallery/dailymotion/meditation.jpg
+- lib/starter_web/assets/videos/gallery/dailymotion/pilates.jpg
+- lib/starter_web/assets/videos/gallery/html5/video1.mp4
+- lib/starter_web/assets/videos/gallery/html5/video2.mp4
+- lib/starter_web/assets/videos/gallery/kick-it-old-school-poster.jpg
+- lib/starter_web/assets/videos/gallery/nye-party-shop-poster.jpg
+- lib/starter_web/assets/videos/gallery/stay-colorful-poster.jpg
+- lib/starter_web/assets/videos/gallery/video1-poster.jpg
+- lib/starter_web/assets/videos/gallery/video1-thumb.jpg
+- lib/starter_web/assets/videos/gallery/video2-poster.jpg
+- lib/starter_web/assets/videos/gallery/video2-thumb.jpg
+- lib/starter_web/assets/videos/gallery/video_adele-poster.jpg
+- lib/starter_web/assets/videos/gallery/video_gaga-poster.jpg
+- lib/starter_web/assets/videos/gallery/video_gwen-poster.jpg
+- lib/starter_web/assets/videos/gallery/video_michelle-poster.jpg
+- lib/starter_web/assets/videos/gallery/vk/hai.jpg
+- lib/starter_web/assets/videos/gallery/vk/otter.jpg
+- lib/starter_web/assets/videos/gallery/voice_kids_de_2021/battle.jpg
+- lib/starter_web/assets/videos/gallery/voice_kids_de_2021/ben.jpg
+- lib/starter_web/assets/videos/gallery/voice_kids_de_2021/constance.jpg
+- lib/starter_web/assets/videos/gallery/voice_kids_de_2021/elisa.jpg
+- lib/starter_web/assets/videos/headers/present_videos/still/underground-broadway.jpg
+- lib/starter_web/assets/videos/headers/present_videos/underground-broadway.mp4
+- lib/starter_web/assets/videos/tiktok/einhorn.jpg
+- lib/starter_web/assets/videos/tiktok/waluschka.jpg
 - lib/starter_web/collections/asciidoc_skeletons/simple-post/_posts/yyyy-mm-dd-your-post-name.asciidoc
 - lib/starter_web/collections/posts/private/_posts/readme
 - lib/starter_web/collections/posts/protected/_posts/readme