j1-template 2022.5.0.rc2 → 2022.5.0.rc3

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2022.5.0.rc2'
+  VERSION = '2022.5.0.rc3'
 end

data/lib/starter_web/Gemfile

@@ -70,7 +70,7 @@ end
 # ------------------------------------------------------------------------------
 # Specify the THEME GEM used for the project
 #
-gem 'j1-template', '~> 2022.5.0.rc2'
+gem 'j1-template', '~> 2022.5.0.rc0'
 
 # ------------------------------------------------------------------------------
 # PRODUCTION: Gem needed for the Jekyll and J1 prod environment

data/lib/starter_web/_config.yml

@@ -55,7 +55,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template Gem
 #
-version:                                2022.5.0.rc2
+version:                                2022.5.0.rc3
 
 # version
 # ------------------------------------------------------------------------------
@@ -329,7 +329,7 @@ permalink:                              pretty
 # if you are running jekyll serve in a development environment,
 # site.url will be set to the value of host, port.
 #
-url:                                  "http://localhost:40000"
+url:                                  "http://localhost:20000"
 
 # The subpath of your site, e.g. /blog/. Used in conjunction with
 # site.url (see above) when you want a link to something with the
@@ -355,7 +355,7 @@ base_path:                              ""
 #
 protocol:                               http
 host:                                   localhost
-port:                                   40000
+port:                                   20000
 timezone:                               Europe/Berlin
 encoding:                               UTF-8
 
@@ -414,19 +414,29 @@ sass:
   style:                                expanded
 
 # ------------------------------------------------------------------------------
-# WEBRICK customizations
+# WEBRICK Customizations
 # You can provide custom headers for your site
+# See: https://jekyllrb.com/docs/configuration/webrick/
+#      https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP
 #
-# Note: Jekyll provides by default Content-Type and Cache-Control
+# NOTE:
+# Jekyll provides by default Content-Type and Cache-Control
 # response headers: one dynamic in order to specify the nature of
 # the data being served, the other static in order to disable
 # caching so that you don’t have to fight with Chrome’s aggressive
 # caching when you are in development mode.
 #
-#webrick:
-#  headers:
-#    My-Header: My-Value
-#    My-Other-Header: My-Other-Value
+# webrick:
+#   headers:
+#     My-Header: My-Value
+#     My-Other-Header: My-Other-Value
+#
+# ------------------------------------------------------------------------------
+#
+webrick:
+  headers:
+    X-J1-Template: v2022.5.0.rc2
+    X-Builder-Engine-Powered-By: Jekyll v4.2.2
 
 # ------------------------------------------------------------------------------
 # POSTS Management

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

@@ -104,10 +104,25 @@ settings:
                                         <p>
                                           Explore what's possible if you go for static websites.
                                         </p>
+
+#              stickers:
+#
+#                - name:                 New Version
+#                  sticker:
+#                    enabled:            true
+#                    id:                 new-version
+#                    image:              /assets/images/sticker/600x600/sticker-new-version.png
+#                    size:               200
+#                    title:              Get new version 2022.5.0.rc3
+#                    style:              "width: 140px; height: 120px;"
+#                    href:               "https://rubygems.org/gems/j1-template"
+#                    target:             blank
+
               buttons:
 
                 - name:                 Roundtrip
                   button:
+                    enabled:            true
                     id:                 roundtrip
                     translate:          notranslate                             # translate|notranslate
                     title:              Roundtrip
@@ -122,6 +137,7 @@ settings:
 
                 - name:                 Download
                   button:
+                    enabled:            true
                     id:                 download
                     translate:          notranslate                             # translate|notranslate
                     title:              Download
@@ -136,6 +152,7 @@ settings:
 
                 - name:                 Rocketstart
                   button:
+                    enabled:            true
                     id:                 rocketstart
                     translate:          notranslate                             # translate|notranslate
                     title:              Rocketstart

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

@@ -347,6 +347,46 @@ settings:
           videojs:                      true
           videojsOptions:               {}
 
+    # --------------------------------------------------------------------------
+    # Online VIDEO 2a (YouTube)
+    #
+    - gallery:
+        enabled:                        true
+        type:                           video-online
+        id:                             jg_video_online_youtube_2_short
+        show_delay:                     300
+        title:                          false
+        css_classes:
+        image_path:                     /assets/videos/gallery/voice_kids_de_2021
+        thumb_path:                     /assets/videos/gallery/voice_kids_de_2021
+        videos:                         [
+                                          "//youtube.com/watch?v=GuiOYCv9NTI",
+                                          "//youtube.com/watch?v=1bvE2mgJ22I"
+                                        ]
+        player_params:                  [
+                                          "start: 0, end: 104",
+                                          "start: 10, end: 173"
+                                        ]
+
+        captions_gallery:               [
+                                          "The Voice Kids Germany 2021 - Ben",
+                                          "The Voice Kids Germany 2021 - The Battle"
+                                        ]
+        captions_lightbox:              [
+                                          "<p>14-year-old Ben pours all of his emotions into his performance of Maroon 5's Sunday Morning. He wants to show what he's made of.</p>",
+                                          "<p>The battle of the three young people is a real emotional battle. Elisa's husky voice, Constanze's unbelievable power, and Ben's rhythm come into their own in Adele's James Bond theme song Skyfall.</p>"
+                                        ]
+        poster:                         [ ben.jpg, battle.jpg ]
+        gallery_options:
+          rowHeight:                    200
+          margins:                      5
+
+        lightbox_options:
+          lightbox:                     lg
+          videojs:                      true
+          videojsOptions:               {}
+
+
     # --------------------------------------------------------------------------
     # Online VIDEO 3 (Vimeo)
     #
@@ -392,6 +432,48 @@ settings:
         lightbox_options:
           lightbox:                     lg
 
+    # --------------------------------------------------------------------------
+    # Online VIDEO 3a (Vimeo, shortend)
+    #
+    - gallery:
+        enabled:                        true
+        type:                           video-online
+        id:                             jg_video_online_vimeo_short
+        show_delay:                     300
+        title:                          false
+        thumb_items:                    2
+        thumb_spacing:                  5
+        thumb_bordered:                 true
+        thumb_animate:                  true
+        css_classes:
+        image_path:                     /assets/videos/gallery
+        thumb_path:                     /assets/videos/gallery
+        videos:                         [
+                                          "//vimeo.com/179528528",
+                                          "//vimeo.com/202117650"
+                                        ]
+        captions_gallery:               [
+                                          "Forever 21 - Kick It Old School",
+                                          "Forever 21 - Stay Colorful, Babe!"
+
+                                        ]
+        captions_lightbox:              [
+                                          "<p>Kick It Old School on Vimeo</p>",
+                                          "<p>Stay Colorful on Vimeo</p>"
+
+                                        ]
+        poster:                         [
+                                          kick-it-old-school-poster.jpg,
+                                          stay-colorful-poster.jpg
+                                        ]
+        gallery_options:
+          rowHeight:                    200
+          margins:                      5
+
+        lightbox_options:
+          lightbox:                     lg
+
+
     # --------------------------------------------------------------------------
     # Online VIDEO (DailyMotion)
     #

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

@@ -1034,7 +1034,7 @@ settings:
             title_animated:             fadeInRight
             title_upcase:               true
             tagline:                    John Wiliam
-            tagline_color:              '#7a7a7a'
+            tagline_color:              '#0D47A1'
             tagline_animated:           false
             tagline_upcase:             true
             description: >
@@ -1060,7 +1060,7 @@ settings:
             title_animated:             fadeInRight
             title_upcase:               true
             tagline:                    John Wiliam
-            tagline_color:              '#7a7a7a'
+            tagline_color:              '#0D47A1'
             tagline_animated:           false
             tagline_upcase:             true
             description: >
@@ -1087,7 +1087,7 @@ settings:
             title_animated:             fadeInRight
             title_upcase:               true
             tagline:                    Gregory Wilson
-            tagline_color:              '#7a7a7a'
+            tagline_color:              '#0D47A1'
             tagline_animated:           false
             tagline_upcase:             true
             description: >
@@ -1113,7 +1113,7 @@ settings:
             title_animated:             fadeInRight
             title_upcase:               true
             tagline:                    Gregory Wilson
-            tagline_color:              '#7a7a7a'
+            tagline_color:              '#0D47A1'
             tagline_animated:           false
             tagline_upcase:             true
             description: >
@@ -1139,7 +1139,7 @@ settings:
             title_animated:             fadeInRight
             title_upcase:               true
             tagline:                    Gregory Wilson
-            tagline_color:              '#7a7a7a'
+            tagline_color:              '#0D47A1'
             tagline_animated:           false
             tagline_upcase:             true
             description: >

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

@@ -347,24 +347,6 @@
               icon:                     file-percent
               target:                   _blank
 
-        - title:                        Plugins
-          icon:                         power-plug
-          dropdown:
-
-            - title:                    SiteMap
-#             href:                     "https://jekyll.one/pages/public/manuals/j1/plugins/sitemap/"
-              href:                     '#'
-              icon:                     map-marker-path
-              target:                   _blank
-            - title:                    Asciidoctor
-              href:                     "https://jekyll.one/pages/public/manuals/j1/plugins/asciidoctor/"
-              icon:                     hospital
-              target:                   _blank
-            - title:                    J1 Paginator
-              href:                     "https://jekyll.one/pages/public/manuals/j1/plugins/j1_paginator/"
-              icon:                     page-last
-              target:                   _blank
-
     # --------------------------------------------------------------------------
     # J1 Integrations
     #
@@ -435,7 +417,7 @@
           icon:                         hospital
           target:                       _blank
         - title:                        J1 Paginator
-          href:                         "https://jekyll.one/pages/public/manuals/jekyll/plugins/paginator_v2/"
+          href:                         "https://jekyll.one/pages/public/manuals/j1/plugins/j1_paginator/"
           icon:                         page-last
           target:                       _blank
 

data/lib/starter_web/_includes/attributes.asciidoc

@@ -499,26 +499,30 @@ end::tags[]
 // -----------------------------------------------------------------------------
 tag::data[]
 
-:data-broadbandsearch--global-mobile-traffic:     "assets/images/pages/features/global-mobile-traffic-1920x1080.jpg, Percentage global mobile traffic - 2011-2021"
+:data-broadbandsearch--global-mobile-traffic:     "assets/images/pages/features/global-mobile-traffic-1920x1080.png, Percentage global mobile traffic - 2011-2021"
 
 :data-binderhub--architecture:                    "assets/images/pages/nbinteract/binderhub-architecture.jpg, Binderhub Architecture"
 :data-jupyterlab--architecture:                   "assets/images/pages/nbinteract/jupyterlab-architecture.jpg, JupyterLab Architecture"
 
 :data-nbi-textbook--excerpt:                      "assets/images/pages/nbinteract/manual/nbi-textbook-example.jpg, NBI textbook (excerpt)"
 
-:data-lingohub--speakers-by-language:             "assets/images/pages/features/native-speakers-by-language.jpg, Native speakers by language"
-:data-images--google-lighthouse:                  "assets/images/pages/features/google-lighthouse-1080x300.jpg, Google Lighthouse Scores"
-:data-images--mobile-navigation:                  "assets/images/pages/features/mobile-navigation-600x800.jpg, Mobile Web Navigation"
-:data-images--fab:                                "assets/images/pages/features/fab-1080x500.jpg, FAB (Menu)"
-:data-images--full-text-search:                   "assets/images/pages/features/full-text-search-1080x800.jpg, Full-text search"
-:data-images--cookie-consent:                     "assets/images/pages/features/cookie-consent-1080x800.jpg, Cookie Consent"
-:data-images--translator:                         "assets/images/pages/features/translator-1080x800.jpg, Google Translator"
-:data-images--comments-hyvor:                     "assets/images/pages/features/comments-1080x600.jpg, Comments by Hyvor Talk"
-:data-images--nav-module:                         "assets/images/pages/features/nav-module-1080x300.jpg, Navigation Module (NAV)"
-:data-images--teaser-banner:                      "assets/images/pages/features/teaser-banner-1080x600.jpg, Teaser Banner"
-:data-images--intro-panel:                        "assets/images/pages/features/intro-panel-1080x800.jpg, Intro Panel"
-:data-images--example-content:                    "assets/images/pages/features/example-content-present-videos-1080x800.jpg, Example Content"
-:data-images--bootswatch-themes:                  "assets/images/pages/features/bootswatch-themes-1080x800.jpg, Bootswatch Themes (Minty)"
+:data-lingohub--speakers-by-language:             "assets/images/pages/features/native-speakers-by-language.png, Native speakers by language"
+:data-images--google-lighthouse:                  "assets/images/pages/features/google-lighthouse-1080x300.png, Google Lighthouse Scores (Starter Web at Github)"
+:data-images--desktop-navigation:                 "assets/images/pages/features/desktop-web-navigation-1280x1000.jpg, Desktop Web Navigation"
+:data-images--mobile-navigation:                  "assets/images/pages/features/mobile-navigation-600x800.png, Mobile Web Navigation"
+:data-images--master-header:                      "assets/images/pages/features/master-header-1280x600.jpg, Master Header (image-based)"
+:data-images--fab:                                "assets/images/pages/features/fab-1280x500.jpg, FAB (Menu)"
+:data-images--full-text-search:                   "assets/images/pages/features/full-text-search-1280x800.jpg, Full-text search"
+:data-images--cookie-consent:                     "assets/images/pages/features/cookie-consent-1280x800.jpg, Cookie Consent"
+:data-images--translator:                         "assets/images/pages/features/translator-1280x800.jpg, Google Translator"
+:data-images--comments-hyvor:                     "assets/images/pages/features/comments-1280x600.jpg, Comments by Hyvor Talk"
+:data-images--nav-module:                         "assets/images/pages/features/nav-module-1280x300.jpg, Navigation Module (NAV)"
+:data-images--teaser-banner:                      "assets/images/pages/features/teaser-banner-1280x600.jpg, Teaser Banner"
+:data-images--intro-panel:                        "assets/images/pages/features/intro-panel-1280x800.jpg, Intro Panel"
+:data-images--example-content:                    "assets/images/pages/features/example-content-1280x800.jpg, Example Content"
+:data-images--bootswatch-themes:                  "assets/images/pages/features/bootswatch-themes-1280x800.png, Bootswatch Themes (Minty)"
+:data-images--blog-post-navigator:                "assets/images/pages/features/blog-post-navigator-1280x1000.jpg, Blog Post Navigator"
+:data-images--nbi-textbook-example:                "assets/images/pages/features/nbi-barchart-1280x800.jpg, Bar Chart"
 
 :data-lb-example--template-features:              "assets/images/modules/gallery/old_times/image_01.jpg, GrandPa's 80th Birthday, assets/images/modules/gallery/old_times/image_02.jpg, GrandPa's 80th Birthday, assets/images/modules/gallery/old_times/image_03.jpg, GrandPa's annual journey"
 

data/lib/starter_web/_includes/tables/template_variables.asciidoc

@@ -1,5 +1,5 @@
 .Template variables (Asciidoc)
-[cols="3,3a,6a", subs=+macros, options="header", width="100%", role="rtable mt-3"]
+[cols="3a,3a,6a", subs=+macros, options="header", width="100%", role="rtable mt-3"]
 |===
 |Name |Value |Description
 

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

@@ -51,21 +51,21 @@ Asciidoctor::Extensions.register do
       # {attrs['role']}
 
       if grouped
-        html_block.div(:class=>"content #{attrs['role']}", :style=>"margin-bottom: .75rem;") {
+        html_block.div(:class=>"content #{attrs['role']}", :style=>"margin-bottom: 1.75rem;") {
           images_hash.each do |i,d|
             image = i.strip
             descr = d.strip
-            html_block.a(:class=>"notoc",:href=>"#{imagesdir}/#{image}", :"data-lightbox"=>"lb-#{target}", :"data-title"=>"#{descr}"){
+            html_block.a(:class=>"notoc link-no-decoration",:href=>"#{imagesdir}/#{image}", :"data-lightbox"=>"lb-#{target}", :"data-title"=>"#{descr}"){
               html_block.img(:class=>"img-fluid", :src=>"#{imagesdir}/#{image}", :alt=>"#{attrs['title']}", :width=>"#{attrs['size']}")
             }
           end
         }
       else
-        html_block.div(:class=>"content #{attrs['role']}", :style=>"margin-bottom: .75rem;") {
+        html_block.div(:class=>"content #{attrs['role']}", :style=>"margin-bottom: 1.75rem;") {
           images_hash.each do |i,d|
             image = i.strip
             descr = d.strip
-            html_block.a(:class=>"notoc", :href=>"#{imagesdir}/#{image}", :"data-lightbox"=>"#{image}", :"data-title"=>"#{descr}"){
+            html_block.a(:class=>"notoc link-no-decoration", :href=>"#{imagesdir}/#{image}", :"data-lightbox"=>"#{image}", :"data-title"=>"#{descr}"){
               html_block.img(:class=>"img-fluid", :src=>"#{imagesdir}/#{image}", :alt=>"#{attrs['title']}", :width=>"#{attrs['size']}")
             }
           end

data/lib/starter_web/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "j1",
-  "version": "2022.5.0-rc2",
+  "version": "2022.5.0-rc3",
   "description": "J1 Template Starter Web",
   "homepage": "https://your.site",
   "author": {
@@ -41,14 +41,14 @@
     "opt_skip_initial_build": "--skip-initial-build",
     "opt_webserver": "puma",
     "opt_interface": "0.0.0.0",
-    "opt_web_port": "40000",
-    "opt_web_url": "http://localhost:40000/",
-    "opt_app_port": "40010",
-    "opt_app_url": "http://localhost:40010/",
+    "opt_web_port": "20000",
+    "opt_web_url": "http://localhost:20000/",
+    "opt_app_port": "20010",
+    "opt_app_url": "http://localhost:20010/",
     "opt_profile": "",
     "opt_watch": "--watch",
     "opt_livereload": "--livereload",
-    "opt_livereload_port": "40001"
+    "opt_livereload_port": "20001"
   },
   "nbi": {
   "opt_output_type": "plain",

data/lib/starter_web/pages/public/_jupyter/docs/_includes/attributes.asciidoc

@@ -0,0 +1,67 @@
+// ~/document_base_folder/000_includes
+
+//  Asciidoc attribute includes:                 attributes.asciidoc
+// -----------------------------------------------------------------------------
+
+// URLs - Internal references and/or sources on the Internet
+// -----------------------------------------------------------------------------
+tag::urls[]
+
+:url-nbinteract-common-widget--histogram:         /pages/public/jupyter/examples/distributed/common-used-widgets/#histogram
+:url-nbinteract-common-widget--barchart:          /pages/public/jupyter/examples/distributed/common-used-widgets/#barchart
+:url-nbinteract-common-widget--i_scatter:         /pages/public/jupyter/examples/distributed/common-used-widgets/#interactive-scatter-chart
+:url-nbinteract-common-widget--scatter:           /pages/public/jupyter/examples/distributed/common-used-widgets/#scatter-chart
+:url-nbinteract-common-widget--line:              /pages/public/jupyter/examples/distributed/common-used-widgets/#line-chart
+:url-nbinteract-common-widget--short_answer:      /pages/public/jupyter/examples/distributed/common-used-widgets/#short-answer
+:url-nbinteract-common-widget--multiple_choice:   /pages/public/jupyter/examples/distributed/common-used-widgets/#multiple-choice
+
+end::urls[]
+
+
+// FOOTNOTES, global asciidoc attributes (variables)
+// -----------------------------------------------------------------------------
+tag::footnotes[]
+
+:fn-bootstrap-v5--responsive-text:                footnote:[https://getbootstrap.com/docs/5.0/content/typography/#responsive-font-sizes[Supported with Bootstrap V5 · Responsive font sizes, window="_blank"]]
+:fn-mdi-icons--home:                              footnote:[https://materialdesignicons.com/[MDI icons · Home, window="_blank"]]
+
+end::footnotes[]
+
+
+// Tags - Asciidoc attributes used internally
+// -----------------------------------------------------------------------------
+tag::tags[]
+end::tags[]
+
+
+// Data - Data elements for Asciidoctor extensions
+// -----------------------------------------------------------------------------
+tag::data[]
+
+:image-nbi-widget--bar:                           "assets/images/pages/nbinteract/manual/nbi_bar.jpg, Rendered Bar Chart"
+:image-nbi-widget--hist:                          "assets/images/pages/nbinteract/manual/nbi_hist.jpg, Rendered Histogram"
+:image-nbi-widget--line:                          "assets/images/pages/nbinteract/manual/nbi_line.jpg, Rendered Line Chart"
+:image-nbi-widget--scatter:                       "assets/images/pages/nbinteract/manual/nbi_scatter.jpg, Rendered Scatter Chart"
+:image-nbi-widget--scatter-drag:                  "assets/images/pages/nbinteract/manual/nbi_scatter_drag.jpg, Rendered interactive Scatter Chart"
+:image-nbi-widget--short-answer:                  "assets/images/pages/nbinteract/manual/nbi_short_answer.jpg, Rendered Short answer"
+:image-nbi-widget--multiple-choice:               "assets/images/pages/nbinteract/manual/nbi_multiple_choice.jpg, Rendered Multiple choice"
+
+end::data[]
+
+
+// Images - Images from local include/images folder
+// -----------------------------------------------------------------------------
+tag::images[]
+end::images[]
+
+
+// PRODUCTS, local product information (e.g. release)
+// -----------------------------------------------------------------------------
+tag::products[]
+end::products[]
+
+
+// AUTHORS, local author information (e.g. article)
+// -----------------------------------------------------------------------------
+tag::authors[]
+end::authors[]