j1-template 2022.3.0 → 2022.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 82f5e2dc4a146967bfdd30880b23b9dc68a10ab9066ef4f6422316b1a629ca81
-  data.tar.gz: b7f527c39bd3af9dc47b85b6fa66b48e4d07b5256302443fe513c0e3617b008d
+  metadata.gz: 7e8a8bf49396d4fe36c0390c3d0e56028fc6836f7d796a0a848d4446a4925c0a
+  data.tar.gz: ff9e9fb6c8063c8f623a72a5ca396cbd0aba4e2bc7b6de639c53e4ad224c1830
 SHA512:
-  metadata.gz: 0c91bffcd8335d97b5fd6c56bc5c258350d986200116e7f28ef5acb871b00049a454e47abf76c46a39c9fbc2de453a4748c21230c3e8b9a602df8f9f276c9a99
-  data.tar.gz: fc26b6afd986fa6f804636f0e19959865bcbf81948800b93eaaefb8c48a6461600face260960109a81aeb1ff6e738838be2f217546caaa4db18048bc5ca7cbaf
+  metadata.gz: e662b6d65a3a15424e157bfb2acb767575dac5c31cb65b2ec3d4ba575ef534d40de491e981a523330765cc8f198157b03f02ce623b6fca6c47e4df12bfeb9194
+  data.tar.gz: 2872c3531e4f5adecb327af16d5cb7cac8e680b3cfb44b5f3d07121eb3d47a827e86c1ff2a8887391aaf9223744b0ea94cad5c46961a08a8747933fd5c356693

data/assets/themes/j1/adapter/js/cookieConsent.js

@@ -212,7 +212,7 @@ j1.adapter.cookieConsent = (function (j1, window) {
             cookieSecure:           secure,                                     // only sent to the server with an encrypted request over HTTPS
             cookieDomain:           domainAttribute,                            // set domain (hostname|domain)
             dialogLanguage:         moduleOptions.dialogLanguage,               // language for the dialog (modal)
-            whitelisted:            moduleOptions.whitelisted,                  // pages NOt dialog is shown
+            whitelisted:            moduleOptions.whitelisted,                  // pages NO cookie dialog is shown
             reloadPageOnChange:     moduleOptions.reloadPageOnChange,           // reload if setzings has changed
             dialogContainerID:      moduleOptions.dialogContainerID,            // container, the dialog modal is (dynamically) loaded
             xhrDataElement:         moduleOptions.xhrDataElement,               // container for all language-specific dialogs (modals)

data/assets/themes/j1/adapter/js/nbinteract.js

@@ -83,6 +83,9 @@ j1.adapter.nbinteract = (function (j1, window) {
   var moduleOptions   = {};
   var moduleSettings  = {};
   var message         = {};
+  var flags            = {
+    checkURL:   false
+  };
   var spinnerOpts     = {                                                       // (default) options for a spinner
     lines:      13,                                                             // number of lines to draw
     length:     38,                                                             // length of each line
@@ -107,7 +110,8 @@ j1.adapter.nbinteract = (function (j1, window) {
   var nbiContentModalInfoID       = 'nbiModalInfoBody';                         // ID of the content (messages) for the INFO modal
   var nbiContentModalSuccessID    = 'nbiModalSuccessBody';                      // ID of the content (messages) for the SUCCESS modal
   var nbiContentModalErrorID      = 'nbiModalErrorBody';                        // ID of the content (messages) for the SUCCESS modal
-  var nbiModalInfoID              = '#' + 'nbiModalTopInfo';                    // ID of the SUCCESS modal
+  var nbiModalTopInfo             = '#' + 'nbiModalTopInfo';                    // ID of the TopInfo modal
+  var nbiModalTRInfo              = '#' + 'nbiModalTRInfo';                     // ID of the TRInfo modal
   var nbiModalSuccessID           = '#' + 'nbiModalTRSuccess';                  // ID of the SUCCESS modal
   var nbiModalErrorID             = '#' + 'nbiModalTLDanger';                   // ID of the ERROR modal
   var nbinteract_prepared         = false;                                      // switch to indicate if ???
@@ -187,6 +191,7 @@ j1.adapter.nbinteract = (function (j1, window) {
       // run a spinner to indicate activity of 'nbInteract' if enabled
       // -------------------------------------------------------------------
       $(document).ready(function() {
+
         if (nbiIndicateNbiActivity && !spinnerStarted) {
           spinnerStarted = true;
           target  = document.getElementById('content');
@@ -391,98 +396,124 @@ j1.adapter.nbinteract = (function (j1, window) {
     // controlled by nbinteract_prepared.
     // -------------------------------------------------------------------------
     interactNbiTextbooks: function (options) {
+      var state;
       var textbook = options;
 
       // initialize state flag
       _this.setState('started');
       logger.debug('\n' + 'state: ' + _this.getState());
 
+      // check if the Binder Service is available
+      //
+      _this.checkURL(options.baseUrl, flags);
+
       var log_text = '\n' + 'nbinteract is being initialized';
       logger.info(log_text);
 
-      // var nbiButtonsFound = document.querySelectorAll('.js-nbinteract-widget')
-
-      {% comment %} initialize nbinteract per textbook
-      {% assign textbook_spec     = item.textbook.spec %}
-      {% assign textbook_baseUrl  = item.textbook.baseUrl %}
-      {% assign textbook_provider = item.textbook.provider %}
-      -------------------------------------------------------------------------- {% endcomment %}
-      {% for item in nbinteract_options.textbooks %} {% if item.textbook.enabled %}
-      {% assign textbook_id       = item.textbook.id %}
-
-      if ($('#{{textbook_id}}').length) {
-        var dependencies_met_nb_loaded = setInterval(function() {
-          if ($('#{{textbook_id}}').attr('data-nb-textbook') == 'loaded') {
-
-            var nbiButtonsFound = document.querySelectorAll('.js-nbinteract-widget').length
-            if (nbiIndicateNbiActivity && nbiButtonsFound == 1) {
-              var log_text = '\n' + 'non-nbi textbook found, skip NBI initialization for: {{textbook_id}}';
-              logger.warn(log_text);
-              spinner.stop();
-            }
-
-            if(!nbinteract_prepared && nbiButtonsFound > 1) {
-              logText = '\n' + 'jupyter kernel is being generated ...';
-              logger.info(logText);
+      var dependencies_met_binder_responsive = setInterval(function() {
+        state = _this.getState();
+        if (state == 'finished_checks') {
+          clearInterval(dependencies_met_binder_responsive);
+          if (flags.checkURL) {
+            {% comment %} initialize nbinteract per textbook
+            {% assign textbook_spec     = item.textbook.spec %}
+            {% assign textbook_baseUrl  = item.textbook.baseUrl %}
+            {% assign textbook_provider = item.textbook.provider %}
+            -------------------------------------------------------------------------- {% endcomment %}
+            {% for item in nbinteract_options.textbooks %} {% if item.textbook.enabled %}
+            {% assign textbook_id       = item.textbook.id %}
+
+            if ($('#{{textbook_id}}').length) {
+              var dependencies_met_nb_loaded = setInterval(function() {
+                if ($('#{{textbook_id}}').attr('data-nb-textbook') == 'loaded') {
+
+                  var nbiButtonsFound = document.querySelectorAll('.js-nbinteract-widget').length
+                  if (nbiIndicateNbiActivity && nbiButtonsFound == 1) {
+                    var log_text = '\n' + 'non-nbi textbook found, skip NBI initialization for: {{textbook_id}}';
+                    logger.warn(log_text);
+                    spinner.stop();
+                  }
 
-              // create nbInteract (core) instance
-              //
-              coreLogger = log4javascript.getLogger('nbinteract.core');
-              interact = new NbInteract({
-                spec:     options.spec,
-                baseUrl:  options.baseUrl,
-                provider: options.provider,
-                logger:   coreLogger,
-                j1API:    j1,
-              });
-
-              // generate a jupyter kernel via BinderHub
-              interact.prepare();
-              nbinteract_prepared = true;
-
-              // issue an error if the NBI (init) button never removed by
-              // nbInteract-core (util or manager)
-              // TODO:  The 'timeout' condition should be replaced
-              //        state-based triggered from nbInteract-core.
-              //
-              window.setTimeout(function() {
-                var nbiButtonState = _this.getNbiButtonState();
-                if (nbiButtonState) {
-                  // button NOT removed
-                  logger.warn('NBI initialialization failed on textbook: {{textbook_id}}');
-                  // hide the info modal
-                  $(nbiModalSuccessID).modal('hide');
-
-                  // show the error modal
-                  $(nbiModalSuccessID).on('hidden.bs.modal', function () {
-                    if ($(nbiModalErrorID).is(':hidden')) {
-                      var messageErrorUL = document.getElementById(nbiModalErrorMessagesID);
-                      _this.appendModalMessage(messageErrorUL, 'NBI initialialization failed for textbook: {{textbook_id}}')
-                      $(nbiModalErrorID).modal('show');
-
-                      // auto-close the error modal
-                      if (nbiModalAutoClose) {
-                        window.setTimeout(function() {
-                          $(nbiModalErrorID).modal('hide');
-                        }, nbiModalAutoCloseDelay);
+                  if(!nbinteract_prepared && nbiButtonsFound > 1) {
+                    logText = '\n' + 'jupyter kernel is being generated ...';
+                    logger.info(logText);
+
+                    // create nbInteract (core) instance
+                    //
+                    coreLogger = log4javascript.getLogger('nbinteract.core');
+                    interact = new NbInteract({
+                      spec:     options.spec,
+                      baseUrl:  options.baseUrl,
+                      provider: options.provider,
+                      logger:   coreLogger,
+                      j1API:    j1,
+                    });
+
+                    // generate a jupyter kernel via BinderHub
+                    interact.prepare();
+                    nbinteract_prepared = true;
+
+                    // issue an error if the NBI (init) button never removed by
+                    // nbInteract-core (util or manager)
+                    // TODO:  The 'timeout' condition should be replaced
+                    //        state-based triggered from nbInteract-core.
+                    //
+                    window.setTimeout(function() {
+                      var nbiButtonState = _this.getNbiButtonState();
+                      if (nbiButtonState) {
+                        // button NOT removed
+                        logger.warn('NBI initialialization failed on textbook: {{textbook_id}}');
+                        // hide the info modal
+                        $(nbiModalSuccessID).modal('hide');
+
+                        // show the error modal
+                        $(nbiModalSuccessID).on('hidden.bs.modal', function () {
+                          if ($(nbiModalErrorID).is(':hidden')) {
+                            var messageErrorUL = document.getElementById(nbiModalErrorMessagesID);
+                            _this.appendModalMessage(messageErrorUL, 'NBI initialialization failed for textbook: {{textbook_id}}')
+                            $(nbiModalErrorID).modal('show');
+
+                            // auto-close the error modal
+                            if (nbiModalAutoClose) {
+                              window.setTimeout(function() {
+                                $(nbiModalErrorID).modal('hide');
+                              }, nbiModalAutoCloseDelay);
+                            }
+                          }
+                        });
+                      } else {
+                        // button removed
+                        logger.info('NBI initialized successfully.');
                       }
-                    }
-                  });
-                } else {
-                  // button removed
-                  logger.info('NBI initialized successfully.');
-                }
-              }, nbiInitTimeout);
+                    }, nbiInitTimeout);
+
+                  }
 
+                  clearInterval(dependencies_met_nb_loaded);
+                } // END dependencies_met_nb_loaded
+              }, 25);
+              return;
+            }
+            // END textbook_id: {{ textbook_id }}
+            {% endif %} {% endfor %}
+          } else {
+            spinner.stop();
+            var modaBodyText = `
+              The <i>Binder Service</i> is currently not available or is overloaded.
+              All interactive components on the page are <b>not</b> available.
+              You can reload the page or re-open later again.
+            `;
+            logger.error('\n', 'Binder access: failed');
+            if ($(nbiModalTRInfo).is(':hidden')) {
+              document.getElementById('nbiModalTRInfoBody').innerHTML = modaBodyText;
+              $(nbiModalTRInfo).modal('show');
             }
+            clearInterval(dependencies_met_binder_responsive);
+          }
+
+        }
+      }, 25);  // END dependencies_met_binder_responsive
 
-            clearInterval(dependencies_met_nb_loaded);
-          } // END dependencies_met_nb_loaded
-        }, 25);
-        return;
-      }
-      // END textbook_id: {{ textbook_id }}
-      {% endif %} {% endfor %}
     },
 
     // -------------------------------------------------------------------------
@@ -815,6 +846,45 @@ j1.adapter.nbinteract = (function (j1, window) {
           </div>
         </div>
       `
+
+      const nbiModalTRInfo = `
+        <div id="nbiModalTRInfo"
+          class="modal fade right"
+          tabindex="-1"
+          role="dialog"
+          aria-labelledby="myModalLabel" aria-hidden="true"
+          data-bs-keyboard="false"
+          data-bs-backdrop="static">
+          <div class="modal-dialog modal-dialog-scrollable modal-side-2x modal-top-right modal-notify modal-success" role="document">
+            <!-- Content -->
+            <div class="modal-content">
+              <!-- Header -->
+              <div class="modal-header">
+                <p class="lead">Information</p>
+                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
+                  <i class="mdi mdi-close mdi-dark mdi-48px"></i>
+                </button>
+              </div>
+              <!-- Icon -->
+              <div class="text-center">
+                <i class="mdi mdi-10x mdi-information-variant mdi-spin md-green mb-1"></i>
+              </div>
+              <!-- Body -->
+              <div id="nbiModalTRInfoBody" class="modal-body">
+                <div>
+                  <p> Placeholder </p>
+                </div>
+              </div>
+              <!-- Footer -->
+              <div class="modal-footer justify-content-center">
+                <a type="button" class="btn btn-primary" data-bs-dismiss="modal">OK, thanks</a>
+              </div>
+            </div>
+            <!-- END Content -->
+          </div>
+        </div>
+      `
+
       const nbiModalTRSuccess = `
         <div id="nbiModalTRSuccess"
           class="modal fade right"
@@ -828,7 +898,7 @@ j1.adapter.nbinteract = (function (j1, window) {
             <div class="modal-content">
               <!-- Header -->
               <div class="modal-header">
-                <p class="lead">Info - NbInteract</p>
+                <p class="lead">NBI - Information</p>
                 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                   <i class="mdi mdi-close mdi-dark mdi-48px"></i>
                 </button>
@@ -853,6 +923,7 @@ j1.adapter.nbinteract = (function (j1, window) {
           </div>
         </div>
       `
+
       const nbiModalTLDanger = `
         <div id="nbiModalTLDanger"
           class="modal fade left"
@@ -866,7 +937,7 @@ j1.adapter.nbinteract = (function (j1, window) {
             <div id="nbiModalErrorBody" class="modal-content">
               <!--Header-->
               <div class="modal-header">
-                <p class="lead">Error - NbInteract</p>
+                <p class="lead">NBI - Error</p>
                 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                   <i class="mdi mdi-close mdi-dark mdi-48px"></i>
                 </button>
@@ -897,6 +968,12 @@ j1.adapter.nbinteract = (function (j1, window) {
       nbiModal.innerHTML      = nbiModalTopInfo;
       document.body.appendChild(nbiModal);
 
+      nbiModal                = document.createElement('div');
+      nbiModal.id             = 'nbi-modal-info';
+      nbiModal.className      = 'nbi-modal';
+      nbiModal.innerHTML      = nbiModalTRInfo;
+      document.body.appendChild(nbiModal);
+
       nbiModal                = document.createElement('div');
       nbiModal.id             = 'nbi-modal-success';
       nbiModal.className      = 'nbi-modal';
@@ -1096,6 +1173,22 @@ j1.adapter.nbinteract = (function (j1, window) {
       return _this.state;
     }, // END getState
 
+    // -------------------------------------------------------------------------
+    // getState()
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    checkURL: function (uri, flags) {
+      _this.setState('process_checks');
+      $.get(uri).done(function () {
+        _this.setState('finished_checks');
+        flags.checkURL = true;
+        return true;
+      }).fail(function () {
+        _this.setState('finished_checks');
+        flags.checkURL = false;
+      });
+
+    }, // END checkURL
     // -------------------------------------------------------------------------
     // appendModalMessage()
     // Appends a message to given (NBI) modal

data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.js

@@ -365,6 +365,7 @@ function CookieConsent(props) {
   // call consent dialog if no cookie found or cookie NOT accepted (except whitelisted pages)
   //
   whitelisted = (this.props.whitelisted.indexOf(window.location.pathname) > -1);
+
   var consentCookie = Cookie.get(this.props.cookieName);
   if ((consentCookie === undefined || consentCookie === "false") && this.props.autoShowDialog && !whitelisted) {
     showDialog();

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2022.3.0'
+  VERSION = '2022.3.1'
 end

data/lib/starter_web/Gemfile

@@ -53,7 +53,7 @@ gem 'jekyll', '~> 4.2'
 
 # Theme Rubies, default: J1 Template (NOT used for the development system)
 #
-gem 'j1-template', '~> 2022.3.0'
+gem 'j1-template', '~> 2022.3.1'
 
 # ------------------------------------------------------------------------------
 # PRODUCTION: Gem needed for the Jekyll and J1 prod environment

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template Gem
 #
-version:                                2022.3.0
+version:                                2022.3.1
 
 # version
 # ------------------------------------------------------------------------------

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

@@ -35,7 +35,10 @@ defaults:
 #  cookieStorageDays:                   365                                     # duration the consent cookie is stored
 #  cookieSameSite:                      Strict                                  # restrict consent cookie to first-party, do NOT send cookie to other domains
   reloadPageOnChange:                   true                                    # reload current page if user settings has been changed
-  whitelisted:                          [ '/pages/public/legal/en/privacy' ]    # pages NO consent issued, currently NOT supported
+  whitelisted:                          [                                       # pages NO consent issued
+                                          '/pages/public/legal/en/privacy/',
+                                          '/pages/public/se-fake/',
+                                        ]
   xhrDataElement:                       consent-data                            # container for all language-specific consent modals (taken from contentURL)
   dialogContainerID:                    consent-dialog                          # container, the dialog modal is (dynamically) loaded
   postSelectionCallback:                j1.adapter.cookieConsent.cbCookie       # called after the user has made his selection

data/lib/starter_web/_plugins/lunr_index.rb

@@ -369,6 +369,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2022.3.0'
+    VERSION = '2022.3.1'
   end
 end

data/lib/starter_web/package.json

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

data/lib/starter_web/pages/public/jupyter/docs/j1-nbinteract-doc.adoc

@@ -60,11 +60,12 @@ resource_options:
 
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
-// :page--attr:                                   <attr-value>
-:binder-badges-enabled:                           true
-:binder--home:                                    https://mybinder.org/
-:binder--docs:                                    https://mybinder.readthedocs.io/en/latest/
-:binder-app-launch--tree:                         https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?urlpath=/tree
+// :page--attr:                         <attr-value>
+:binder-badges-enabled:                 true
+:binder--home:                          https://mybinder.org/
+:binder--docs:                          https://mybinder.readthedocs.io/en/latest/
+:github-repo--binderhub:                https://github.com/jupyterhub/binderhub
+:binder-app-launch--tree:               https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?urlpath=/tree
 
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
@@ -94,6 +95,11 @@ endif::[]
 
 // info:        https://en.wikipedia.org/wiki/Galileo_Galilei
 
+CAUTION: Each interactive element presented on this page uses *time-consuming*
+operations that take a while to finish. The images and the interactive
+elements are built through a backend in the cloud. Please be patient
+to see the results.
+
 The Jupyter Project is a non-profit organization founded in 2014 by
 _Fernando Perez_. The Jupyter project supports interactive scientific
 Data evaluations and scientific calculations. The main applications provided
@@ -163,6 +169,15 @@ It is customizable and scalable and is suitable for small and large teams,
 academic courses, and large-scale infrastructure (for example like the
 Binder service).
 
+== Binder
+
+Binder allows you to create custom computing environments that can be
+shared and used by many remote users. A Binder service is powered by
+link:{github-repo--binderhub}[BinderHub Repo on Github, {browser-window--new}],
+an open-source tool that runs on Kubernetes, a portable, extensible,
+open-source platform for managing containerized services. One such deployment
+lives at link:{binder--home}[Binder Home, {browser-window--new}], and is free
+to use.
 
 == The Package nbInteract (NBI)
 
@@ -480,7 +495,7 @@ regenerate:                             true
 
 resources:                              [ nbinteract, rouge ] <2>
 ----
-<1> Binder's services require *Personalization* accepted in the users 
+<1> Binder's services require *Personalization* accepted in the users
     *cookie* settings. Difficulties with the rules of privacy should be
     explicitly pointed out and responded to in a suitable form if the cookie
     settings of the visitor do not allow this.

data/lib/starter_web/pages/public/jupyter/docs/nbi-widget-manual.adoc

@@ -53,12 +53,12 @@ resource_options:
 
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
-// :page--attr:                                   <attr-value>
-:badges-enabled:                                  false
-:binder-badge-enabled:                            false
-:binder--home:                                    https://mybinder.org/
-:binder--docs:                                    https://mybinder.readthedocs.io/en/latest/
-:binder-app-launch--tree:                         https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?urlpath=/tree
+// :page--attr:                         <attr-value>
+:badges-enabled:                        false
+:binder-badge-enabled:                  false
+:binder--home:                          https://mybinder.org/
+:binder--docs:                          https://mybinder.readthedocs.io/en/latest/
+:binder-app-launch--tree:               https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?urlpath=/tree
 
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------

data/lib/starter_web/pages/public/jupyter/docs/nbinteract-doc.adoc

@@ -60,12 +60,12 @@ resource_options:
 
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
-// :page--attr:                                   <attr-value>
-:badges-enabled:                                  true
-:binder-badge-enabled:                            false
-:binder--home:                                    https://mybinder.org/
-:binder--docs:                                    https://mybinder.readthedocs.io/en/latest/
-:binder-app-launch--tree:                         https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?urlpath=/tree
+// :page--attr:                         <attr-value>
+:badges-enabled:                        true
+:binder-badge-enabled:                  false
+:binder--home:                          https://mybinder.org/
+:binder--docs:                          https://mybinder.readthedocs.io/en/latest/
+:binder-app-launch--tree:               https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?urlpath=/tree
 
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
@@ -123,6 +123,11 @@ In addition, `nbinteract` provides a Python package. Once imported, the package
 provides helper methods that allow users to create simple interactive
 visualizations with single function calls.
 
+CAUTION: Each interactive element presented on this page uses *time-consuming*
+operations that take a while to finish. The images and the interactive
+elements are built through a backend in the cloud. Please be patient
+to see the results.
+
 == Getting Started
 
 The following pages will show you how to use `nbinteract` and its related

data/lib/starter_web/pages/public/jupyter/examples/j1-circular-times-table.adoc

@@ -1,5 +1,5 @@
 ---
-title:                                  Time Tables
+title:                                  Times Tables
 tagline:                                visualize patterns
 date:                                   2022-03-28 00:00:00
 description: >
@@ -55,12 +55,11 @@ resource_options:
 
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
-// :page--attr:                                   <attr-value>
-:binder-badges-enabled:                           true
-:binder-app-launch--tree:                         https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?urlpath=/tree
-:binder-app-launch--notebook:                     https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?filepath=notebooks/j1/j1_circular_times_table.ipynb
-
-:time-tables-visualization:                       https://elc.github.io/posts/times-tables/
+// :page--attr:                         <attr-value>
+:binder-badges-enabled:                 true
+:binder-app-launch--tree:               https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?urlpath=/tree
+:binder-app-launch--notebook:           https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?filepath=notebooks/j1/j1_circular_times_table.ipynb
+:times-tables-visualization:            https://elc.github.io/posts/times-tables/
 
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
@@ -83,7 +82,7 @@ image:https://mybinder.org/badge_logo.svg[Binder, link="{binder-app-launch--tree
 endif::[]
 
 NOTE: All examples are taken from
-link:{time-tables-visualization}[Time Tables Visualization - Finding Patterns, {browser-window--new}],
+link:{times-tables-visualization}[Times Tables Visualization - Finding Patterns, {browser-window--new}],
 and re-written for the use of module J1 NBI. Some text is used from the
 original post but re-written for clarity and simplicity.
 
@@ -126,12 +125,12 @@ what _Mathologer_ is doing:
 * an animated version to construct the image Factor by Factor: the lines
   and the number of points is fixed, but the factor increases per iteration.
 
-WARNING: Each scenario presented on this page uses *time-consuming*
+Start your journey on the power of Mathematics!
+
+CAUTION: Each interactive element presented on this page uses *time-consuming*
 operations that take a while to finish. The images and the interactive
 elements are built through a backend in the cloud. Please be patient
 to see the results.
 
-Start your journey on the power of Mathematics!
-
 // textbook::circular_times_table[]
 textbook::j1_circular_times_table[]

data/lib/starter_web/pages/public/jupyter/examples/j1-interactive-widgets.adoc

@@ -60,11 +60,10 @@ resource_options:
 
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
-// :page--attr:                                   <attr-value>
-:binder-badges-enabled:                           true
-:binder-app-launch--tree:                         https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?urlpath=/tree
-:binder-app-launch--notebook:                     https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?filepath=notebooks/j1/j1_interactive_widgets.ipynb
-
+// :page--attr:                         <attr-value>
+:binder-badges-enabled:                 true
+:binder-app-launch--tree:               https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?urlpath=/tree
+:binder-app-launch--notebook:           https://mybinder.org/v2/gh/jekyll-one/j1-binder-repo/main?filepath=notebooks/j1/j1_interactive_widgets.ipynb
 
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
@@ -98,4 +97,9 @@ the most used. Interactive widgets are provided natively by Jupyter Notebooks
 using the library `ipywidgets`. Some more widgets are provided by `nbinteract`.
 Find common examples in the textbooks below.
 
+CAUTION: Each interactive element presented on this page uses *time-consuming*
+operations that take a while to finish. The images and the interactive
+elements are built through a backend in the cloud. Please be patient
+to see the results.
+
 textbook::j1_interactive_widgets[]