j1-template 2022.5.2 → 2022.6.0

data/lib/starter_web/pages/public/jupyter/where_to_go.adoc

@@ -1,232 +0,0 @@
----
-title:                                  Where to go
-tagline:                                presenting data analysis projects
-date:                                   2022-03-28 00:00:00
-description: >
-                                        The package nbinteract aims to enable authors and educators to create and
-                                        share interactive web pages easily. Interactive explanations of concepts are
-                                        useful for communicating and explaining tricky concepts.
-keywords: >
-                                        opensource, free, load, download, start, starter, example,
-                                        high, easy, use, secure, encrypt, standard, popular,
-                                        generate, create, learn, distribute, publish, deploy,
-                                        beginner, advanced, expert, student, learner, educator,
-                                        writer, reader, visitor,
-                                        framework, toolkit, integration, extension, module, api,
-                                        dynamic, static, generator, client, server, internet, local, localhost,
-                                        page, web, website, webdesign, material, design, responsive,
-                                        javascript, nodejs, ruby, windows, linux, osx, mac, os,
-                                        http, https, html, html5, css, scss, style,
-                                        browser, firefox, chrome, edge, opera, safari,
-                                        configuration, generator, navigation, menu, dropdown, fab, action, button,
-                                        application, interface, provider, api, repository,
-                                        cookie, language, translation, gdpr, dsgvo, privacy,
-                                        asciidoc, aciidoctor, bootstrap, jekyll, liquid,
-                                        hyvor, disqus, git, github, netlify, heroku, apple, microsoft,
-                                        provider, service, internet, support,
-                                        google, analytics, advertising, search, console, silverlight, score,
-                                        j1, nbi, j1-nbinteract, nbinteract, template, integration,
-                                        python, jupyter, notebook, textbook, api, app,
-                                        binder, binderhub, jupyterhub
-
-categories:                             [ Software, Python ]
-tags:                                   [ Binder, Jupyter, Notebooks ]
-
-scrollbar:                              false
-fab_menu_id:                            page_ctrl_simple
-personalization:                        true
-
-permalink:                              /pages/public/jupyter/where-to-go/
-regenerate:                             false
-
-resources:                              [ animate, clipboard, rouge ]
-resource_options:
-  - attic:
-      opacity:                          0.3
-      slides:
-        - url:                          /assets/images/modules/attics/tldr-1920x800.jpg
-          alt:                          Photo by Alexander Redl on Unsplash
-          badge:
-            type:                       unsplash
-            author:                     Alexander Redl
-            href:                       https://unsplash.com/@alexanderredl
-
-#      slides:
-#        - 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
-// =============================================================================
-// Enable the Liquid Preprocessor
-:page-liquid:
-
-// Set (local) page attributes here
-// -----------------------------------------------------------------------------
-// :page--attr:                         <attr-value>
-//
-:binder-badges-enabled:                 false
-
-:url-j1-notebook--times-tables:         /pages/public/jupyter/examples/distributed/j1-circular-times-table/
-:url-j1-notebook--climate-change:       /pages/public/jupyter/examples/localized/climate-change-forecast/
-
-//  Load Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
-
-// Load page attributes
-// -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="global" %}
-
-
-// Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-// image:/assets/images/badges/myBinder.png[Binder, link="https://mybinder.org/", {browser-window--new}]
-// image:/assets/images/badges/docsBinder.png[Binder, link="https://mybinder.readthedocs.io/en/latest/", {browser-window--new}]
-// See: https://towardsdatascience.com/ordinal-differential-equation-ode-in-python-8dc1de21323b
-
-ifeval::[{binder-badges-enabled} == true]
-image:https://mybinder.org/badge_logo.svg[Binder, link="{url-binder-app-launch--lab}", {browser-window--new}]
-endif::[]
-
-Jupyter Notebook (JN) is an open source web application based on the programming
-language _Python_ that allows data scientists to create and share documents
-that include explanatory text, live code, equations, and other multimedia
-resources like images or videos.
-
-To understand the technical terms of Jupyter (JN) better, below you find a
-brief description the base components.
-
-Jupyter Notebook App::
-The Jupyter Notebook *App* is a server-client application that allows editing
-and running notebook documents via a web browser. The Notebook App can be
-executed on a local desktop requiring no internet access or can be installed
-on a remote server and accessed through the internet in a cloud.
-
-Notebook documents::
-Notebook documents (or *notebooks* for short) are documents created by the
-Notebook App, and both computer code (e.g., Python) and rich text may contain
-elements (paragraphs, equations, figures, links, etc.). Notebook documents are
-human-readable documents, alongside code descriptions and results like figures,
-tables, etc.
-
-== The J1 Module NBI
-
-The _Python_ package `nbinteract` allows authors to convert Jupyter Notebooks
-into standalone HTML text pages: the *Textbooks*. The containing elements can
-include arbitrary Python code to generate output as well as Python libraries
-like _NumPy_ and _Pandas_ and libraries that create data visualisation like
-_Matplotlib_, _Plotly_,  _Altair_ or _Bokeh_.
-
-*Anyone* with a modern web browser can use the resulting web pages even if
-*no* Python or Jupyter installed on their computer. To make this possible,
-the J1 module *NBI* uses the freely available cloud service _Binder_.
-
-The built-in Starter Web of the template comes with a suitable NBI
-configuration and notebook documents for testing. You can find examples of
-pages that contain interactive textbooks under the menu `Lern` underneath
-the submenu `Experimental|Distributed Notebooks` or
-`Experimental|Localized Notebooks`.
-
-=== Notebooks vs. Textbooks
-
-Jupyter Notebook documents with the extension `.ipynb` are *data* files in
-the JSON format and can only be run using the *App* of Jupyter Notebook. On
-the other hand, Textbooks are HTML exports of Jupyter Notebooks with the
-extension `.html` to be viewed in a web browser without *no* the need using
-a locally installed Jupyter App to be displayed.
-
-For integrating textbooks in webpages, the notebooks with the extension
-`.ipynb` are to be *exported* to HTML (text) files using the Python program
-`nbinteract`. Textbooks that have already been exported can be found for the
-*Starter Web* in the folder `~/pages/public/jupyter/notebooks` in the
-subfolder `textbooks`.
-
-=== Distributed vs. Localized Textbooks
-
-The Python program `nbinteract` can export all types of containing elements of
-a Jupyter Notebook including embedded Javascript code that all
-modern web browsers can run. Important components of Jupyter notebooks are data
-visualizations to make sense of the data presented to the readers. Another
-important feature of Notebooks is *interactivity* which allows to change or
-select specific data elements to vary the output of data visualizations.
-
-The most flexible solution for interactive Notebooks are elements based on
-native Python code. To run the Python code as part of an HTML page, a
-computation engine is required for its execution. To run arbitrary Python code
-for generating output, the services at _Binder_ come into the game. The J1
-module *NBI* process Textbooks that contain Python code by connecting a running
-Jupyter Notebook instance (JN) in the cloud.
-
-Many modern visualization libraries used for Jupyter Notebooks are based on
-pure Javascript code that web browsers can process without the need of an
-additional (external) computation engine.
-
-Distributed Textbooks::
-Distributed Textbooks use embedded Python code that requires an additional
-computation engine. The module NBI of J1 Template connects via the _Binder_
-service for execution to process and display those notebooks. This remote
-execution allows *all* sorts of data visualization and interactivity Jupyter
-Notebooks can offer.
-
-Localized Textbooks::
-If the module NBI detects localized Textbooks, the module interface does
-*not* execute embedded Python code but displays those elements as *static*
-text sections. Data visualization elements are embedded as images or,
-depending on the visualization library used, as Javascript code that can
-be executed natively by a web browser. Available data visualization and
-interactivity depend on the visualization libraries used.
-
-
-== Where to go
-
-To get an impression of what exported Textbooks by the NBI module are and what
-can be achieved for static websites embedding and presenting Jupyter Notebooks
-the reader should first visit the already prepared Textbooks.
-
-Distributed Notebooks::
-Distributed Notebooks demonstrate the full power of the NBI module. An
-interesting example may be the interactive visualization of well-known
-*Time Tables*. This notebook is fun but shows some magic of mathematics.
-
-You find this fun notebook link:{url-j1-notebook--times-tables}[from here, {browser-window--new}].
-
-Localized Notebooks::
-An example of a simple localized notebook is shown by
-link:{url-j1-notebook--climate-change}[Climate Change Forecast, {browser-window--new}].
-The HTML export contains all text, code and graphical elements but is completely
-static, because no interactive elements are provided.
-
-// For a Starter Web, Altair and Bokeh examples are available only from
-// remote (jekyll.one)
-//
-Localized Notebooks are in general limited in terms of interactivity and data
-visualization but can achieve *similar* results if a powerful Javascript-based
-visualization the library is used. Excellent examples of such a powerful
-Javascript-based visualization libraries are demonstrated with the tour through
-the graphic elements of:
-
-* link:{url-j1-altair-visualizations--remote}[Altair, {browser-window--new}]
-* link:{url-j1-bokeh-visualizations--remote}[Bokeh, {browser-window--new}]
-
-// For a Starter Web, NBI Docs and NBI APIs are available only from
-// remote (jekyll.one)
-//
-NBI Documentation::
-Find more about how the NBI module works and what resources are used in
-this section. More about the module configuration and how it is used for static
-web pages can be found in this section:
-link:{url-j1-nbi-module-docs--remote}[NBI Docs, {browser-window--new}].
-
-NBI APIs::
-More about the backgrounds of the NBI module and what are APIs are used
-under the hood can be found in this section. As the _Binder_ service is
-intensively used for distributed notebooks, more about these background service
-is provided at the
-link:{url-j1-nbi-apis-binder--remote}[Binder API, {browser-window--new}].
-
-Having fun exploring the world of *Data Science* and *Analysis*.

data/lib/starter_web/pages/public/learn/roundtrip/_includes/google-ad.js

@@ -1,130 +0,0 @@
-<!-- Google Ad (Displayanzeige): horizontal-1 -->
-<ins class="adsbygoogle mb-5"
-     style="display:block"
-     data-ad-client="ca-pub-3885670015316130"
-     data-ad-slot="5128488466"
-     data-ad-format="auto"
-     data-adtest="on"
-     data-full-width-responsive="true">
-</ins>
-
-<!-- Google Ad (Displayanzeige): horizontal-2 -->
-<ins class="adsbygoogle"
-     style="display:block"
-     data-ad-client="ca-pub-3885670015316130"
-     data-ad-slot="7284712660"
-     data-ad-format="auto"
-     data-full-width-responsive="true"></ins>
-<script>
-     (adsbygoogle = window.adsbygoogle || []).push({});
-</script>
-
-// manage uncaught execeptions
-// ---------------------------------------------------------------------
-// window.onerror = function (msg, url, line) {
-//    alert("Message : " + msg );
-//    alert("url : " + url );
-//    alert("Line number : " + line );
-// }
-
-// From www.freeformatter.com
-// -----------------------------------------------------------------------------
-<script type="text/javascript">
-  window.googletag = window.googletag || {};
-  window.googletag.cmd = window.googletag.cmd || [];
-  window.googletag.cmd.push(function() {
-    window.googletag.pubads().enableAsyncRendering();
-    window.googletag.pubads().disableInitialLoad();
-  });
-  (adsbygoogle=window.adsbygoogle||[]).pauseAdRequests=1;
-
-  __tcfapi("addEventListener", 2, function(tcData, success) {
-    if (success && tcData.unicLoad  === true) {
-      if(!window._initAds) {
-        window._initAds = true;
-        var script = document.createElement('script');
-        script.async = true;
-        script.setAttribute('data-ad-client', 'ca-pub-2485708030241382');
-        script.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
-        document.head.appendChild(script);
-      }
-    }
-  });
-</script>
-
-++++
-<!-- insert Google Ad (Displayanzeige): horizontal-2, adSlot="5128488466" -->
-<div class="5128488466 mb-5">
-  <ins class="adsbygoogle"
-    style="display: block;"
-    data-ad-client="ca-pub-3885670015316130"
-    data-ad-slot="5128488466"
-    data-ad-format="auto"
-    data-adtest="on"
-    data-full-width-responsive="true">
-  </ins>
-</div>
-++++
-
-<!-- insert Google Ad (In-Article-Anzeige): in-article-1, adSlot="7522184684" -->
-<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3885670015316130"
-     crossorigin="anonymous"></script>
-<ins class="adsbygoogle"
-     style="display:block; text-align:center;"
-     data-ad-layout="in-article"
-     data-ad-format="fluid"
-     data-ad-client="ca-pub-3885670015316130"
-     data-ad-slot="7522184684"></ins>
-<script>
-     (adsbygoogle = window.adsbygoogle || []).push({});
-</script>
-
-
-
-++++
-<script>
-
-  $(document).ready(function() {
-    var logger              = log4javascript.getLogger('j1.google.ads');
-    var autoHideOnUnfilled  = false;
-
-    var dependencies_met_page_ready = setInterval (function (options) {
-      if ( j1.getState() === 'finished' ) {
-
-        // monitor for state changes on the ad
-        // ---------------------------------------------------------------------
-        $('.adsbygoogle').attrchange({
-          trackValues: true,
-          callback: function (event) {
-            if (event.newValue === 'unfilled') {
-              var elm = event.target.dataset;
-              if (elm.adClient) {
-                logger.warn('\n' + 'initialized ad detected as: ' + event.newValue);
-                if (autoHideOnUnfilled) {
-                  logger.info('\n' + ' hide ad for slot: ' + elm.adSlot);
-                  $('.' + elm.adSlot ).hide();
-                }
-              }
-            }
-          }
-        });
-
-        // manage uncaught execeptions
-        // ---------------------------------------------------------------------
-        // window.onerror = function (msg, url, line) {
-        //    alert("Message : " + msg );
-        //    alert("url : " + url );
-        //    alert("Line number : " + line );
-        // }
-
-        logger.info('\n' + 'initialize Google Ad on slot: ' + '5128488466');
-        (adsbygoogle = window.adsbygoogle || []).push({});
-
-        clearInterval(dependencies_met_page_ready);
-      }
-   });
-
-  });
-
-</script>
-++++

data/lib/starter_web/pages/public/learn/roundtrip/themes.adoc

@@ -1,253 +0,0 @@
----
-title:                                  Roundtrip
-tagline:                                themes
-date:                                   2020-11-10 00:00:00
-description: >
-                                        The themes feature for J1 is in an experimental
-                                        state for the template system. Anyway, it makes
-                                        sense to present what is possible using different
-                                        versions of Bootstrap's CSS styles for a website.
-
-categories:                             [ Roundtrip ]
-tags:                                   [ Introduction, Module, Themes ]
-
-scrollbar:                              false
-fab_menu_id:                            page_ctrl
-
-permalink:                              /pages/public/learn/roundtrip/themes/
-regenerate:                             false
-
-resources:                              [ animate, rouge, clipboard, lightbox ]
-resource_options:
-
-  - attic:
-
-      slides:
-
-        - url:                          /assets/images/pages/roundtrip/themes-1920x1280-bw.jpg
-          alt:                          Photo by Clem Onojeghuo on Unsplash
-          badge:
-            type:                       unsplash
-            author:                     Clem Onojeghuo
-            href:                       https://unsplash.com/@clemono
----
-
-// Page Initializer
-// =============================================================================
-// Enable the Liquid Preprocessor
-:page-liquid:
-
-// Set (local) page attributes here
-// -----------------------------------------------------------------------------
-// :page--attr:                         <attr-value>
-:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
-
-//  Load Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
-
-// Load page attributes
-// -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="all" %}
-
-// Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-// Include sub-documents (if any)
-// -----------------------------------------------------------------------------
-[role="dropcap"]
-Themes for the template system J1 are based on the free and open-source CSS
-front-end framework {url-bs--home}[Bootstrap, {browser-window--new}] of
-version V5. Bootstrap is an HTML, CSS & JS Library that focuses on simplifying
-the development of modern web pages. The primary purpose of applying the
-framework to J1 is to provide a general standard for colors, sizes, fonts,
-and the overall layout of a J1-based site. Bootstrap provides basic style
-definitions for all commonly used HTML elements.
-
-Using Bootstrap base style only results in a uniform appearance for the
-content in terms of the overall layout, text, tables, and form elements
-across all modern web browsers available on the market. In addition,
-developers can take advantage of CSS classes defined in Bootstrap to
-customize content individually.
-
-The themes feature for J1 is in an experimental state for the template
-system. Anyway, it makes sense to present what is possible using different
-versions of Bootstrap's CSS styles for a website.
-
-== The Themes menu
-
-Themes step in the framework to further 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 but in
-the *sense* of Bootstrap's framework rules and philosophy.
-
-It is expected that many people will change the template for their needs. To
-create unique websites. Fundamental to do this is are CSS styles
-defined by Bootstrap.
-
-Modifying the CSS styles of link:{url-bootstrap--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] 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 (Bootswatch)
-lightbox::images--themes-menu[ 1024, {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, 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 available
-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.
-
-NOTE: 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.
-
-== 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
-
-
-== What next
-
-Using a theme, the character of a website can change a lot. If you don't want
-to support multiple themes with your site, a theme is a good base to create
-your theme, anyway.
-
-An important feature for larger webs is searching. The visitors should be able
-to search your site to find pages and posts they are interested in. Check what
-is searching a J1 website all about at link:{url-roundtrip--quicksearch}[Quicksearch].

data/lib/starter_web/pages/public/se/se-fake.adoc

@@ -1,48 +0,0 @@
----
-title:                                  SE Fake
-tagline:                                page loaded by selenium
-date:                                   2022-03-28 00:00:00
-
-categories:                             [ Software, Python ]
-tags:                                   [ Binder, Jupyter, Notebooks ]
-
-scrollbar:                              false
-permalink:                              /pages/public/se-fake/
-
-resources:                              [ nbinteract ]
-resource_options:
-
-  - attic:
-
-      slides:
-
-        - url:                          /assets/images/pages/nbinteract/mandelbrot-menge-1920x1200.jpg
-          alt:                          mandelbrot-menge-1920x1200.jpg
----
-
-// Page Initializer
-// =============================================================================
-// Enable the Liquid Preprocessor
-:page-liquid:
-
-// Set (local) page attributes here
-// -----------------------------------------------------------------------------
-// :page--attr:                         <attr-value>
-
-//  Load Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
-
-// Load page attributes
-// -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="global" %}
-
-
-// Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-This page is only loaded by the _Selenium_ command-line runner. This makes
-sure at Binder, that the created container *service* leaves up and running,
-and the container *image* are not deleted because in inactivity.
-
-textbook::j1_circular_times_table[]