j1-template 2022.4.0 → 2022.4.3

data/lib/starter_web/_data/resources.yml

@@ -373,6 +373,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Google Analytics OptIn, a browser library to opt-in in Google Analytics
+  #
   # See: https://github.com/luciomartinez/gtag-opt-in
   #
   - name:                               gaOptIn
@@ -397,6 +398,7 @@ resources:
   # ----------------------------------------------------------------------------
   # jQueryUI, curated set of user interface interactions, effects, widgets,
   # and themes built on top of jQuery
+  #
   # See: https://jqueryui.com/
   #
   - name:                               jQueryUI
@@ -424,6 +426,7 @@ resources:
   # ----------------------------------------------------------------------------
   # J1 Logger, JS API for all logs used by J1 Template based on the
   # log4j implementation for JS (log4javascript)
+  #
   # See: http://log4javascript.org
   #
   - name:                               Logger
@@ -448,6 +451,7 @@ resources:
   # ----------------------------------------------------------------------------
   # Backstretch, JS API to add responsive image|video content
   # to J1 Top Headers
+  #
   # See: https://github.com/jquery-backstretch/jquery-backstretch
   #
   - name:                               Backstretch
@@ -472,6 +476,7 @@ resources:
   # ----------------------------------------------------------------------------
   # Top Header, JS implementaion to create top headers for J1 Template
   # based on the JS API jQuery Backstretch
+  #
   # See: https://github.com/jquery-backstretch/jquery-backstretch
   #
   - name:                               J1 Attic
@@ -496,6 +501,7 @@ resources:
   # ----------------------------------------------------------------------------
   # Navigator, JS API to create the naviagtion for J1 Template
   # based on the (BS3) JS implementaion of Bootsnav.
+  #
   # See: https://github.com/adamnurdin01/bootsnav
   #
   - name:                               J1 Navigator
@@ -519,6 +525,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Mobile Menu (Light), JS API to create TOCs for mobile devices
+  #
   # See: https://github.com/FrDH/mmenu-light
   #
   - name:                               MMenu
@@ -546,6 +553,7 @@ resources:
   # ----------------------------------------------------------------------------
   # Themer, JS implementation to integrate themes from Bootswatch
   # based on the bootstrapThemeSwitcher API
+  #
   # See: https://github.com/jguadagno/bootstrapThemeSwitcher
   #
   - name:                               J1 Themer
@@ -570,6 +578,7 @@ resources:
   # ----------------------------------------------------------------------------
   # Toccer, JS implementation to create TOCs from HTML headline elements
   # based on Tocbot API
+  #
   # See: https://github.com/tscanlin/tocbot
   #
   - name:                               J1 Toccer
@@ -594,6 +603,7 @@ resources:
   # ----------------------------------------------------------------------------
   # CookieConsent, JS API to create GDPR compatible cookie consent based
   # on bootstrap-cookie-banner JS API
+  #
   # See: https://github.com/shaack/bootstrap-cookie-banner
   #
   - name:                               J1 CookieConsent
@@ -617,6 +627,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # jqMouseWheel, cross-browser mouse wheel support (currently NOT used)
+  #
   # See: https://github.com/jquery/jquery-mousewheel
   #
   - name:                               jqMouseWheel
@@ -640,6 +651,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Theme Switcher, JS API for switching Bootstrap Themes (Bootswatch)
+  #
   # See: https://bootswatch.com/
   #
   - name:                               themeSwitcher
@@ -663,6 +675,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Bootstrap V5 JS components
+  #
   # See: https://getbootstrap.com/docs/5.0/getting-started/introduction/
   #
   - name:                               Bootstrap JS
@@ -686,6 +699,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # BMD, responsive UI framework for Bootstrap
+  #
   # See: https://github.com/mdbootstrap/bootstrap-material-design/tree/4.1.3
   #
   - name:                               Bootstrap Material Design
@@ -709,6 +723,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Materialize, responsive JS (Vanilla) UI framework (currently NOT used)
+  #
   # See: https://materializecss.com/
   #
   - name:                               Materialize
@@ -735,6 +750,7 @@ resources:
   # ----------------------------------------------------------------------------
   # Responsive Tables, JS implementation to create responsive HTML tables
   # based on the JS API Tablesaw
+  #
   # See: https://github.com/filamentgroup/tablesaw
   #
   - name:                               Responsive Tables
@@ -780,6 +796,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # CSS Flags Previewer, preview page (UI) for country flags
+  #
   # See: https://github.com/lipis/flag-icons
   #
   - name:                               CSS Flags Previewer
@@ -830,6 +847,7 @@ resources:
   # ----------------------------------------------------------------------------
   # lunr search engine, JS API used for the QuickSearch feature
   # of J1 Template based on the Lunr JS API
+  #
   # See: https://lunrjs.com/
   #
   - name:                               Lunr
@@ -882,6 +900,7 @@ resources:
   # ----------------------------------------------------------------------------
   # MsDropdowns, JS implementation to create themeable HTML <select>
   # elements (dropdowns) based on the msDropdown API
+  #
   # See: https://github.com/marghoobsuleman/ms-Dropdown
   #
   - name:                               MsDropdowns
@@ -905,6 +924,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Translator, JS API to provide Translation services
+  #
   # See: https://translate.google.com/intl/en/about/
   #
   - name:                               Translator
@@ -928,6 +948,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Analytics, JS implementation to provide Analytics services
+  #
   # See: https://analytics.google.com/
   #
   - name:                               Analytics
@@ -1026,6 +1047,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Animate CSS, styles for CSS-based animations
+  #
   # See: https://animate.style/
   #
   - name:                               Animate CSS
@@ -1072,6 +1094,7 @@ resources:
   # ----------------------------------------------------------------------------
   # iFrameResizer, JS Client|Server implementation to manage HTML iframes
   # based on the JS API iFrame Resizer
+  #
   # See: https://github.com/davidjbradshaw/iframe-resizer
   #
   - name:                               J1 Framer
@@ -1095,6 +1118,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Lightbox V2, the main lightbox for J1 Template
+  #
   # See: ttp://lokeshdhakar.com/projects/lightbox2/
   #
   - name:                               J1 Lightbox
@@ -1121,6 +1145,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Twitter Emoji Icons, CSS component for using Twitter Emojis
+  #
   # See: https://twemoji.twitter.com/
   #
   - name:                               Twitter Emoji Icons
@@ -1144,6 +1169,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Twitter Emoji Picker, selection UI for Twitter Emojis
+  #
   # See: https://github.com/xLs51/Twemoji-Picker
   #
   - name:                               Twitter Emoji Picker
@@ -1167,6 +1193,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # MDI Previewer, preview page (UI) for MDI icons
+  #
   # See: https://materialdesignicons.com/
   #
   - name:                               MDI Previewer
@@ -1190,6 +1217,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # MDIl Previewer, preview page (UI) for MDI icons (light)
+  #
   # See: https://materialdesignicons.com/cdn/light/0.2.63/
   #
   - name:                               MDIL Previewer
@@ -1213,6 +1241,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Iconify Framework, JS API to use Iconify icons
+  #
   # See: https://iconify.design/
   #
   - name:                               Iconify Framework
@@ -1236,6 +1265,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Algolia, JS API (wrapper) to use Algolia Search
+  #
   # See: https://www.algolia.com/doc/
   #
   - resource:
@@ -1262,6 +1292,7 @@ resources:
   # ----------------------------------------------------------------------------
   # Clipboard, JS implementation to add clipboard functionality based
   # on the JS API clipboard.js
+  #
   # See: https://clipboardjs.com/
   #
   - name:                               Clipboard
@@ -1314,6 +1345,7 @@ resources:
   # ----------------------------------------------------------------------------
   # Justified Gallery, JS implementation for full-featured image galleries
   # based on the Justified Gallery API
+  #
   # See: https://miromannino.github.io/Justified-Gallery/
   #
   - name:                               Justified Gallery
@@ -1341,6 +1373,7 @@ resources:
   # ----------------------------------------------------------------------------
   # LightGallery, JS implementaion for full-featured lightboxes based on
   # the JS API lightGallery
+  #
   # See: https://www.lightgalleryjs.com/
   #
   - name:                               LightGallery
@@ -1451,6 +1484,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Range Slider, based on the JS implementation of the noUiSlider API
+  #
   # See: https://github.com/leongersen/noUiSlider
   #
   - name:                               rangeSlider
@@ -1474,6 +1508,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Data tables for J1 Template (currently NOT used)
+  #
   # See: https://datatables.net/
   #
   - name:                               Data Tables
@@ -1519,6 +1554,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # deeplAPI, JS Wrapper for the DeepL API
+  #
   # See: https://www.deepl.com/docs-api/
   #
   - name:                               deeplAPI
@@ -1543,6 +1579,7 @@ resources:
   # ----------------------------------------------------------------------------
   # Crypto, JS implementation of standard and secure cryptographic
   # algorithms based on Google's cryptoJS APIs
+  #
   # See: https://code.google.com/archive/p/crypto-js/
   #
   - name:                               Crypto
@@ -1566,6 +1603,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Advertising, JS implementation to provide Advertising services
+  #
   # See: https://www.google.com/intl/de_de/adsense/start/
   #
   - name:                               Advertising
@@ -1665,6 +1703,7 @@ resources:
   # Plotly Open Source Graphing Library
   # Interactive charts and maps for Python, R, Julia, Javascript,
   # ggplot2, F#, MATLAB®, and Dash.
+  #
   # See: https://plotly.com/graphing-libraries/
   #      https://plotly.com/javascript/getting-started/
   #
@@ -1689,9 +1728,71 @@ resources:
                                         ]
         init_function:                  []
 
+  # ----------------------------------------------------------------------------
+  # BokehJS - JS Interface for Bokeh Interactive Visualization library
+  # It provides elegant, concise construction of versatile graphics, and
+  # affords high-performance interactivity over large or streaming datasets.
+  #
+  # See: https://github.com/bokeh/bokeh
+  #
+  - name:                               BokehJS
+    resource:
+      enabled:                          false
+
+      id:                               bokeh
+      comment:                          BokehJS
+      region:                           head
+      layout:                           [ all ]
+      required:                         ondemand
+      preload:                          false
+      script_load:                      defer
+      dependencies:                     false
+      pass_init_data:                   false
+      data:
+        css:                            []
+        files:                          [ modules/bokeh/js/v2.4.3/bokeh.min.js ]
+        js:                             []
+        init_function:                  []
+
+  # ----------------------------------------------------------------------------
+  # Vega – A Visualization Grammar
+  # Vega is a visualization grammar, a declarative language for creating,
+  # saving, and sharing interactive visualization designs. With Vega you can
+  # describe data visualizations in a JSON format, and generate interactive
+  # views using either HTML5 Canvas or SVG.
+  #
+  # See: https://github.com/vega/vega
+  #      https://github.com/vega/vega-lite
+  #      https://github.com/vega/vega-embed
+  #
+  - name:                               Vega
+    resource:
+      enabled:                          false
+
+      id:                               vega
+      comment:                          Vega Visualization Grammar Bundle
+      region:                           head
+      layout:                           [ all ]
+      required:                         ondemand
+      preload:                          false
+      script_load:                      defer
+      dependencies:                     false
+      pass_init_data:                   false
+      data:
+        css:                            []
+        files:                          []
+        js:                             [
+                                          modules/vega/js/vega/vega,
+                                          modules/vega/js/vega/vega-core,
+                                          modules/vega/js/vega-lite/vega-lite,
+                                          modules/vega/js/vega-embed/vega-embed
+                                        ]
+        init_function:                  []
+
   # ----------------------------------------------------------------------------
   # RequireJS
   # RequireJS loads plain JavaScript files as well as more defined modules.
+  #
   # See: https://github.com/requirejs/requirejs
   #      https://plotly.com/javascript/getting-started/
   #

data/lib/starter_web/_plugins/lunr_index.rb

@@ -369,6 +369,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2022.4.0'
+    VERSION = '2022.4.3'
   end
 end

data/lib/starter_web/package.json

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

data/lib/starter_web/pages/public/jupyter/examples/{j1-circular-times-table.adoc → distributed/j1-circular-times-table.adoc}

@@ -29,7 +29,7 @@ keywords: >
                                         nbi, integration, binder, binderhub, jupyterhub
 
 categories:                             [ Software, Python ]
-tags:                                   [ Binder, Jupyter, Notebooks ]
+tags:                                   [ Binder, Jupyter, Notebooks, Distributed ]
 
 scrollbar:                              false
 fab_menu_id:                            open_toc_reload
@@ -45,7 +45,12 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/nbinteract/mandelbrot-menge-1920x1200.jpg
+        - url:                          /assets/images/modules/attics/yellow-cactus-1920x1280.jpg
+          alt:                          Photo by Yellow Cactus on Unsplash
+          badge:
+            type:                       unsplash
+            author:                     Yellow Cactus
+            href:                       https://unsplash.com/@yellowcactus
 ---
 
 // Page Initializer

data/lib/starter_web/pages/public/jupyter/examples/{j1-interactive-widgets.adoc → distributed/j1-common-used-widgets.adoc}

@@ -1,6 +1,6 @@
 ---
 title:                                  J1 NBI
-tagline:                                interactive widgets
+tagline:                                common used widgets
 date:                                   2022-03-28 00:00:00
 description: >
                                         The package nbinteract aims to enable authors and educators to create and
@@ -29,7 +29,7 @@ keywords: >
                                         nbi, integration, binder, binderhub, jupyterhub
 
 categories:                             [ Software, Python ]
-tags:                                   [ Binder, Jupyter, Notebooks ]
+tags:                                   [ Binder, Jupyter, Notebooks, Distributed ]
 
 scrollbar:                              false
 fab_menu_id:                            open_toc_reload
@@ -90,10 +90,18 @@ CAUTION: Each interactive element presented on this page uses *time-consuming*
 operations that take a while to finish. The elements are built through a
 backend in the cloud. Please be patient to see the results.
 
-Widgets are eventful python objects that have a representation in the browser,
-often as a control like a slider, textbox, etc. Widgets are used to build
-interactive GUIs for your notebooks, and to synchronize stateful and stateless
-information between the (IPython-)Kernel and JavaScript.
+*Widgets* are eventful python objects that have a representation in the browser,
+often as a control like as sliders, textboxes, dowpdowns etc. Widgets may used
+to build *interactive* GUIs for your notebooks, and to synchronize stateful and
+stateless information between the (IPython-)Kernel and JavaScript.
+
+Many libraries are available for Jupyter (IPython) to choose from. One of the
+most commonly used libraries for widgets is *IPyWidgets*. the widgets of
+*Matplotlib* or *GGplot*.
+
+In addition to the popular widgets, the NBI module offers additional GUI
+elements via the integrated interact-core library, which are useable in a
+very simple way.
 
 Find with that page a commonly used set of widgets for interactive textbooks.
 Some more options are available for interactivity, but this selection shows

data/lib/starter_web/pages/public/jupyter/examples/{j1-odes-in-python.adoc → distributed/j1-odes-in-python.adoc}

@@ -29,7 +29,7 @@ keywords: >
                                         nbi, integration, binder, binderhub, jupyterhub
 
 categories:                             [ Software, Python ]
-tags:                                   [ Binder, Jupyter, Notebooks ]
+tags:                                   [ Binder, Jupyter, Notebooks, Distributed ]
 
 scrollbar:                              false
 fab_menu_id:                            open_toc_reload
@@ -45,7 +45,12 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/runner-1920x1200.jpg
+        - url:                          /assets/images/modules/attics/yellow-cactus-1920x1280.jpg
+          alt:                          Photo by Yellow Cactus on Unsplash
+          badge:
+            type:                       unsplash
+            author:                     Yellow Cactus
+            href:                       https://unsplash.com/@yellowcactus
 ---
 
 // Page Initializer

data/lib/starter_web/pages/public/jupyter/examples/{j1_climate-change-forecast.adoc → localized/j1_climate-change-forecast.adoc}

@@ -1,5 +1,5 @@
 ---
-title:                                  Non-Interactive Notebook
+title:                                  Localized Notebook
 tagline:                                climate change forecast
 date:                                   2022-03-28 00:00:00
 description: >
@@ -30,13 +30,13 @@ keywords: >
                                         nbi, integration, binder, binderhub, jupyterhub
 
 categories:                             [ Software, Python ]
-tags:                                   [ Binder, Jupyter, Notebooks ]
+tags:                                   [ Jupyter, Notebooks, Localized ]
 
-scrollbar:                              false
+scrollbar:                              true
 fab_menu_id:                            open_toc_reload
 personalization:                        true
 
-permalink:                              /pages/public/jupyter/textbooks/climate-change-forecast/
+permalink:                              /pages/public/jupyter/examples/localized/climate-change-forecast/
 regenerate:                             false
 
 resources:                              [ nbinteract, rouge ]
@@ -46,7 +46,12 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/runner-1920x1200.jpg
+        - url:                          /assets/images/modules/attics/yellow-cactus-1920x1280.jpg
+          alt:                          Photo by Yellow Cactus on Unsplash
+          badge:
+            type:                       unsplash
+            author:                     Yellow Cactus
+            href:                       https://unsplash.com/@yellowcactus
 ---
 
 // Page Initializer