j1-template 2022.6.3 → 2023.0.1

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

@@ -3,9 +3,16 @@ title:                                  Present Images
 tagline:                                Manage Image Contents
 date:                                   2020-11-03 00:00:00
 description: >
-                                        Welcome to the preview page focussing on the image module. This page
-                                        shows some valuable features of the J1 Template to manage your image-based
-                                        content using lightboxes, carousels (slider), and galleries.
+                                        J1 Theme support valuable features to manage your image-based
+                                        content using lightboxes, carousels, sliders, and galleries.
+                                        The image modules of J1 Theme offer a wide range of complex
+                                        functionality based on powerful OpenSource libraries like
+                                        Lightbox2, Master Slider, LightGallery, or JustifiedGallery
+                                        for high-end, masonry-styled preview maps.
+keywords: >
+                                        Jekyll, Theme, JekyllOne, Images, Lightboxes, Carousels, Sliders,
+                                        Galleries, Lightbox2, Master Slider, LightGallery, JustifiedGallery,
+                                        Roundtrip
 
 categories:                             [ Roundtrip ]
 tags:                                   [ Module, Carousel, Lightbox, Image, Slider ]
@@ -44,8 +51,18 @@ resource_options:
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
 // :page--attr:                         <attr-value>
-:ms-slider-previewer:                   https://jekyll.one/pages/public/previewer/masterslider/
-:ms-slider-module-documentation:        https://jekyll.one/pages/public/manuals/modules/masterslider/
+:url-lightbox2--home:                   https://lokeshdhakar.com/projects/lightbox2/
+:url-lightbox2--github:                 https://github.com/lokesh/lightbox2/
+
+:url-justified-gallery--home:           https://miromannino.github.io/Justified-Gallery/
+:url-justified-gallery--github:         https://github.com/miromannino/Justified-Gallery/
+
+:url-j1-docs--carousel-module:          https://jekyll.one/pages/public/manuals/modules/carousel/
+:url-j1-docs--lightbox-module:          https://jekyll.one/pages/public/manuals/modules/lightbox/
+:url-j1-docs--masterslider-module:      https://jekyll.one/pages/public/manuals/modules/masterslider/
+
+:url-j1-masterslider-slider-previewer:  https://jekyll.one/pages/public/previewer/masterslider/
+
 
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
@@ -57,37 +74,32 @@ resource_options:
 
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+[role="dropcap"]
+Welcome to the preview page focussing on the image module. This page shows
+all the valuable features of the J1 Theme to manage your image-based content
+using using lightboxes, carousels, sliders, and galleries. The image modules
+of J1 Theme offer a wide range of complex functionality based on powerful
+OpenSource libraries like Lightbox2, Master Slider, LightGallery, or
+JustifiedGallery for high-end, masonry-styled preview maps.
 
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
-[role="dropcap"]
-Welcome to the first preview page focussing on the image module. This page
-shows some valuable features of the J1 Template to manage your image-based
-content using lightboxes, carousels (slider), and galleries. The image module
-offers complex functionality based on powerful OpenSource libraries like
-JustifiedGallery for high-end, masonry-styled preview maps. J1 Template uses
-the _jQuery_ Plugin Owl Carousel as a base for image sliders. A carousel
-app (slider) lets you present your images as shows.
-
-Lightboxes like LightGallery or Lightbox V2 support your web for enlarged
-image views of your picture or video content. Have a look, a quick tour
-of what J1 can do for image data. Have fun!
-
 // [role="notranslate"]
+[role="mt-4"]
 == J1 Lightbox blocks
 
 A Lightbox is, in general, a helper which displays enlarged, almost
 screen-filling versions of images (or videos) while dimming the remainder
-of the page. The technique, introduced by Lightbox V2, gained widespread
+of the page. The technique, introduced by Lightbox2, gained widespread
 popularity thanks to its simple style. The term lightbox has been employed
 since then for Javascript libraries to support such functionality.
 
-For the J1 Template, two different lightboxes are available:
+For the J1 Theme, two different lightboxes are available:
 
-* Lightbox V2 (lightbox)
+* Lightbox2 (lightbox)
 * LightGallery
 
-The default tool employed by J1 Template is Lightbox V2, a Javascript library
+The default tool employed by J1 Theme is Lightbox2, a Javascript library
 written by _Lokesh Dhakar_. The name of that (build-in) is *lightbox*.
 For more complex use cases, like a thumbnail gallery preview or video support,
 LightGallery can be used alternatively.
@@ -95,12 +107,16 @@ LightGallery can be used alternatively.
 NOTE: The name LightGallery implies a sort of a Gallery, but the library is a
 _lightbox_. And, LightGallery provides much more functionality on image-based
 data rather than enlarged displaying of images. See the examples below to check
-for the differences in comparison to the simpler Lightbox V2 lightbox.
+for the differences in comparison to the simpler Lightbox2 lightbox.
 
 Both lightboxes are fully integrated to be used as standalone modules or
 used as helpers *under-the-hood* by other apps or modules focussing on
 image-data like gallery or carousel, the build-in carousel module.
 
+TIP: For details of the default lightbox of J1 Theme, see the documentation
+under the link:{url-j1-docs--lightbox-module}[Lightbox module, {browser-window--new}].
+
+
 == Lightbox block examples
 
 Find below an example of using the lightbox Lightbox standalone. See how
@@ -130,16 +146,18 @@ J1 Carousel is based on OWL Carousel V1 in the latest (and unfortunately
 last) version of 1.3.3. OWL Carousel is a clean and neat _jQuery_ slider
 plugin for creating fully responsive and touch-enabled carousel sliders.
 
+////
 NOTE: OWL Carousel V1 is no longer available on the Internet; for an
-unknown reason. Anyway, the J1 Template is using this version of OWL
+unknown reason. Anyway, the J1 Theme is using this version of OWL
 Carousel is a build-in carousel module because the software does an excellent
 job, is based on an MIT license with no issues using them for private and
 business use. And offers a lot of great features!
+////
 
 === Simple Text Carousel
 
 A slider or carousel is typically used for displaying images. Still, the
-implementation for the J1 Template supports a lot more sources to be
+implementation for the J1 Theme supports a lot more sources to be
 displayed as a slide show: simple text, for example.
 
 .Carousel example
@@ -162,13 +180,15 @@ maybe the better choice.
 carousel::demo_text_carousel_parallax[role="mb-3"]
 
 Parallax text shows can be placed as banners on a page. For text shows,
-different animations are available. Internally, J1 Template uses some of
+different animations are available. Internally, J1 Theme uses some of
 the great CSS styles offered by _animate.css_.
 
-TIP: Have a look a https://daneden.github.io/animate.css/[Dan Eden's home page]
-to see all the possible dynamic styles you can create based on pure CSS. Some
-of them are implemented for OWL Carousel for animation. See the documentation
-for the CAROUSEL Module for more details.
+TIP: Have a look a https://daneden.github.io/animate.css/[Dan Eden's home page, {browser-window--new}]
+to see all the possible dynamic styles you can create based on pure CSS.
+Some of them are implemented for the J1 Carousel for animation. See the
+documentation for the
+link:{url-j1-docs--carousel-module}[Carousel module, {browser-window--new}]
+for more details.
 
 === Simple Image Carousel
 
@@ -187,7 +207,7 @@ carousel::demo_simple[role="mb-3"]
 Carousels are used for an exceptionally compact form of image galleries.
 This example shows some pictures having individual caption text and supports
 a lightbox to enlarge images full size. For the example below, an almost simple
-lightbox is used: Lightbox V2; or short: lightbox.
+lightbox is used: Lightbox2; or short: lightbox.
 
 .Carousel example
 carousel::demo_cats[role="mb-3"]
@@ -210,7 +230,7 @@ carousel::demo_oneslide[role="mb-3"]
 == J1 Master Slider
 
 The Javascript tool _Master Slider_ is a 3rd party plugin fully integrated
-into the J1 Template by the module `masterslider`. J1 Template uses the
+into the J1 Theme by the module `masterslider`. J1 Theme uses the
 *free* version of Master Slider (MS Lite). The Lite version does *not* support
 all features: the functionality of  *filters*, *layouts* are limited and no
 *overlay* techniques are supported by the MS Lite version.
@@ -235,6 +255,10 @@ other digital data sources.
 In short: Carousels are used to present images, and sliders are used to create
 complex image-based slideshows (presentations).
 
+TIP: For more details of the dimplementation of Master Slider of J1 Theme, see
+find  documentation at
+link:{url-j1-docs--masterslider-module}[Master Slider module, {browser-window--new}].
+
 === MS Slider using Controls + Filters + Lightbox
 
 The following slider uses the (CSS) filter feature of Master Slider.
@@ -243,7 +267,7 @@ presented by a slider. In this example, the slider images are transformed
 from style *color* to *sepia*.
 
 WARNING: Lightbox support is only available for the MS Lite version of J1
-Template. The product versions *MS Lite* and *MS Pro* does not support
+Theme. The product versions *MS Lite* and *MS Pro* does not support
 Lightboxes on sliders out-of-the-box.
 
 TIP: Click on the Lightbox symbol mdi:image-outline[18px, md-gray] in the
@@ -280,23 +304,23 @@ slide by their neighbors on the left and the right.
 
 masterslider::ms_00009[role="mt-4"]
 
-=== More about MS Sliders
+=== More about Master Sliders
 
 If you're interested to learn more about MS Sliders, go for the following
 documents:
 
-* link:{ms-slider-previewer}[MS Slider Previewer, {browser-window--new}]
-* link:{ms-slider-module-documentation}[MS Slider module documentation, {browser-window--new}]
+* link:{url-j1-masterslider-slider-previewer}[MS Slider Previewer, {browser-window--new}]
+* link:{url-j1-docs--masterslider-module}[MS Slider module documentation, {browser-window--new}]
 
 
 == JustifiedGallery
 
-JustifiedGallery is a great _jQuery_ Plugin to create responsive, infinite,
-and high-quality justified image galleries. J1 Template combines the Gallery
-with the lightboxes supported to enlarge the images of a gallery. See the
-gallery in action; and for sure, all that you see is even responsive. Change
-the size of your current browser window, by width or height to see what will
-happen!
+link:{url-justified-gallery--home}[JustifiedGallery, {browser-window--new}]
+is a great _jQuery_ Plugin to create responsive, infinite, and high-quality
+justified image galleries. J1 Theme combines the Gallery with the lightboxes
+supported to enlarge the images of a gallery. See the gallery in action; and
+for sure, all that you see is even responsive. Change the size of your current
+browser window, by width or height to see what will happen!
 
 Pictures you've made are typically not even in size. Images may have the
 same size (resolution), but some are orientated landscapes, or others

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

@@ -3,11 +3,18 @@ title:                                  Present Videos
 tagline:                                Playing Video On Webpages
 date:                                   2020-11-04 00:00:00 +100
 description: >
-                                        Playing video on web pages seems not that special since you can already
-                                        watch videos on web pages through plugins like Flash Player, Quicktime
-                                        or Silverlight. A new standard goes to HTML5 Video, a pure HTML way to
-                                        show video on the web; instead of the previous de facto standard of using
-                                        proprietary software.
+                                        The J1 Theme support playing video on web pages by HTML5 Video,
+                                        the new standard of HTML. HTML5 Video implements a pure HTML way
+                                        to show video on the web. Modern browsers support the video tag
+                                        `<video>` for the HTML5 video standard. The previous proprietary
+                                        de facto standard software like Flash Player, Quicktime, or
+                                        Silverlight is no longer needed as the Jekyll theme JekyllOne
+                                        provides HTML5 Video support for local video content and from
+                                        online sources on the Internet.
+
+keywords: >
+                                        Jekyll, Theme, JekyllOne, HTML5, Video, Support, Flash Player,
+                                        Quicktime, Silverlight, Roundtrip
 
 categories:                             [ Roundtrip ]
 tags:                                   [ Module, Video ]
@@ -79,78 +86,20 @@ resource_options:
 
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+[role="dropcap"]
+The J1 Theme support playing video on web pages by HTML5 Video, the new
+standard of HTML. HTML5 Video implements a pure HTML way to show video
+on the web.
 
-++++
-<!-- 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>
-++++
-
-++++
-<script>
-
-  $(document).ready(function() {
-    var logger              = log4javascript.getLogger('j1.google.ads');
-    var autoHideOnUnfilled  = true;
-
-    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>
-++++
+Modern browsers support the video tag `<video>` for the HTML5
+video standard. The previous proprietary de facto standard software like
+_Flash Player_, _Quicktime, or _Silverlight_ is no longer needed as the
+Jekyll theme JekyllOne provides HTML5 Video support for local video content
+and from online sources on the Internet.
 
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
-[role="dropcap"]
-Playing video on web pages seems not that special since you can already
-watch videos on web pages through plugins like _Flash Player_, _Quicktime_,
-or _Silverlight_. A new standard goes to HTML5 Video, a pure HTML way to
-show video on the web, instead of the previous de facto standard of using
-proprietary software.
-
+[role="mt-4"]
 == Video Galleries
 
 HTML5 Video opens the doors to your way of presenting video content. Modern
@@ -181,7 +130,7 @@ how to use LightGallery for commercial websites and projects.
 Digital image content, simple pictures or videos, are easy to make. Today,
 every mobile has a camera. Presenting a bunch of (digital) pictures is done
 very easily by using Justified Gallery. Videos created by a digicam or a mobile
-can be played by J1 Template using the HTML5 Video support. Present videos you
+can be played by J1 Theme using the HTML5 Video support. Present videos you
 have made at it's best.
 
 Two players are available with LightGallery:
@@ -200,7 +149,7 @@ gallery::jg_video_html5[role="mb-5"]
 == Online Video content
 
 The Internet is full of inspiring content. If you want to present video
-content from the Internet, the online video support of J1 Template is the
+content from the Internet, the online video support of J1 Theme is the
 right choice.
 
 === YouTube

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

@@ -3,12 +3,17 @@ title:                                  Responsive Tables
 tagline:                                Tables Viewed Best On All Devices
 date:                                   2020-11-09 00:00:00
 description: >
-                                        Creating a design for responsive tables is challenging. The approach used by
-                                        J1 Template is based on pure CSS styles on top of the classic Bootstrap tags for
-                                        simplicity and portability to be viewed best on all devices and browsers.
-
-categories:                             [ Roundtrip, Bootstrap ]
-tags:                                   [ Tables, Extension ]
+                                        The Jekyll Theme JekyllOne supports a new design for
+                                        responsive tables based on Bootstrap. The approach
+                                        used by J1 Theme is based on pure CSS styles on top
+                                        of the classic Bootstrap tags for simplicity and
+                                        portability to be viewed best on all devices and browsers.
+keywords: >
+                                        Jekyll, Theme, JekyllOne, Bootstrap, Tables, Responsive,
+                                        Roundtrip
+
+categories:                             [ Roundtrip ]
+tags:                                   [ Bootstrap, Tables, Extension ]
 
 image:
   path:                                 /assets/images/pages/roundtrip/tables-1920x1280-bw.jpg
@@ -57,19 +62,21 @@ resource_options:
 
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+[role="dropcap"]
+Creating a design for responsive tables is challenging. The Jekyll Theme
+JekyllOne supports a new design for responsive tables based on Bootstrap.
+The approach used by J1 Theme is based on pure CSS styles on top of the
+classic Bootstrap tags for simplicity and portability to be viewed best
+on all devices and browsers.
 
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
-[role="dropcap"]
-Creating a design for responsive tables is challenging. The approach used by
-J1 Template is based on pure CSS styles on top of the classic Bootstrap tags
-for simplicity and portability to be best viewed on all devices and browsers.
-
+[role="mt-4"]
 == Table types
 
 But, for sure, the solutions provided are a compromise. To fit the everyday
 needs for tables viewed on desktop and mobile devices, two types of
-*responsive* tables are implemented by J1 Template:
+*responsive* tables are implemented by J1 Theme:
 
 .Types of responsive tables
 [cols="3a,3a,6a", options="header", width="100%", role="rtable mt-4"]
@@ -78,7 +85,7 @@ needs for tables viewed on desktop and mobile devices, two types of
 
 |R Table (J1)
 |`rtable`
-|J Table are used by J1 Template for default. Those tables are using the
+|J Table are used by J1 Theme for default. Those tables are using the
 *responsive text* feature (see link:{url-roundtrip--typography}[Typography])
 with no additional CSS classes to be applied. For smaller viewports, the text
 scales down and should fit the cells automatically. The default text size for

data/lib/starter_web/pages/public/learn/roundtrip/{template_typography.adoc → typography.adoc}

@@ -1,12 +1,16 @@
 ---
-title:                                  Template Typography
+title:                                  Theme Typography
 tagline:                                Crucial Branding Element
 date:                                   2020-11-05 00:00:00
 description: >
-                                        The character font serves as one of the most crucial branding elements for
-                                        any business. Typography matters for any media presenting text. The text will
-                                        take on an important role of acting not only as plain text but will also serve
-                                        as something like images.
+                                        The Jekyll Theme JekyllOne places the character font as
+                                        one of the most crucial branding elements for any website.
+                                        Typography matters for any media presenting text. The text
+                                        will take on an important role of acting not only as plain
+                                        text but also as something like images.
+keywords: >
+                                        Jekyll, Theme, JekyllOne, Brand, Typography, Font,
+                                        Roundtrip
 
 categories:                             [ Roundtrip ]
 tags:                                   [ Module, Typography ]
@@ -20,7 +24,7 @@ image:
 permalink:                              /pages/public/learn/roundtrip/typography/
 regenerate:                             false
 
-resources:                              [ animate, rouge, clipboard, lightbox ]
+resources:                              [ animate, clipboard, lightbox, rouge ]
 resource_options:
   - attic:
       opacity:                          0.3
@@ -57,21 +61,21 @@ resource_options:
 
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+[role="dropcap"]
+The Jekyll Theme JekyllOne places the character font as one of the most
+crucial branding elements for any website. Typography matters for any media
+presenting text. The text will take on an important role of acting not only
+as plain text but also as something like images.
 
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
-[role="dropcap"]
-The character font serves as one of the most crucial branding elements for
-any business. Typography matters for any media presenting text. The text will
-take on an important role of acting as plain text but will also serve
-as something like images.
-
+[role="mt-4"]
 == Responsive Text
 
 Sadly, one common flaw is seen in many templates and frameworks: a lack of
 support for genuinely responsive text. While elements on a page resize
 fluidly, the text still resizes on a fixed basis. To avoid this issue,
-especially for heavily text-focused pages, J1 Template supports styles that
+especially for heavily text-focused pages, J1 Theme supports styles that
 fluidly scale text size and line height to optimize readability for the user.
 
 Below you find an example of how text behaves if defined on a fixed basis -
@@ -247,7 +251,7 @@ Have you enjoyed playing with the text? We hope so. But even more, J1 can
 do for your web pages. With the examples on that page, icons support the
 meaning of what was grouped as text.
 
-J1 Template supports popular icons font sets like:
+J1 Theme supports popular icons font sets like:
 
 * Material Design Icons
 * FontAwesome Icons V5

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

@@ -1,14 +1,18 @@
 ---
 title:                                  Where to go
 tagline:                                Fasten Your Way
-date:                                   2020-11-03 00:00:00 +100
+date:                                   2022-11-03 00:00:00 +100
 description: >
-                                        Welcome to the pages of J1 Template. If your here
-                                        first time, a good decision you get on that page first.
-                                        For sure, there is no better place to go.
+                                        Welcome to the info pages of J1 Theme. A good decision
+                                        to get on that page first. Certainly, there is no better
+                                        place to learn what J1 Theme can do and what pages are
+                                        available to experience more.
+keywords: >
+                                        Jekyll, Theme, JekyllOne, Info, Introduction, Rocketstart,
+                                        Roundtrip,
 
 categories:                             [ Info ]
-tags:                                   [ Places, Introduction ]
+tags:                                   [ Introduction ]
 
 image:
   path:                                 /assets/images/modules/attics/1920x1280/alexander-redl.jpg
@@ -56,56 +60,53 @@ resource_options:
 
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+[role="dropcap"]
+Welcome to the info pages of J1 Theme. A good decision to get on that page
+first. Certainly, there is no better place to learn what J1 Theme can do
+and what pages are available to experience more.
 
 // Include sub-documents (if any) (if any)
 // -----------------------------------------------------------------------------
-Welcome to the pages of the J1-Template. If you are here the first time, a
-good decision you get on that page first. For sure, there is no better place
-to go. The crucial first step in finding your way to Jekyll is done.
-Congratulations. The *Learn* section contains all you need to learn what
-Jekyll and J1 can do for your website, for your new static web - if you like.
+The crucial first step in finding your way to Jekyll is done. Congratulations.
+The *Learn* section contains all you need to learn what Jekyll and J1 can do
+for your website, for your new static web - if you like.
 
 Roundtrip::
 In this section, you’ll find a tour to show some of the main features of
-the template system J1. This trip covers how image data can be managed using
-J1, some background of the Template’s typography, discuss extensions, and
-what J1 can do in general. The roundtrip is a visual tour, no technical stuff,
-nothing academic. See what you will get as an overview of some of the top
-features of J1.
+the J1 theme. This trip covers how image data can be managed using
+J1, some background of the Theme's typography, discuss extensions, and
+what J1 can do in general. The roundtrip is a visual tour, no technical
+stuff, nothing academic. See what you will get as an overview of some of
+the top features of J1.
 
-If you're interested what J1 Template can do, continue by walking through the
+If you're interested what J1 Theme can do, continue by walking through the
 roundtrip examples by starting an inspiring tour
 link:{url-j1-roundtrip--present-images}[from here].
 
-////
-Jupyter Notebooks::
-In section *Jupyter Notebooks*, you'll find a tour through the J1 Implementation
-of the integration of Python's Jupyter Notebooks in J1 Websites for *Data Science*
-and *Data Analysis*. Data Science is fundamental for all projects related to
-all *Digitization* concepts of the 21st century. If you're interested, what
-tools are available with J1 Template and Jupyter to discuss (your) *Data Analysis*
-projects go for this section.
-
-To learn more about the toolset for presenting *Data Analysis* projects supported
-by J1 Template start the tour link:{url-j1-jupyter-notebooks--where-to-go}[from here].
-////
-
 Rocketstart::
-J1-Template is fully JAM-Stack ready. If you're interested in creating and
+J1 Theme is fully JAM-Stack ready. If you're interested in creating and
 deploying an amazing J1 based site on the Internet in minutes without
 installing any software locally on your PC, go for Netlify's One-Click-Deploy.
-
 Rocketstart took about fifteen minutes and guides you through this easy
 3-step-process. Fire your rocket now at
 link:{url-j1--rocketstart}[Rocketstart, {browser-window--new}].
 
+Site Development::
+The tutorial link:{url-j1--devstart}[Site Development, {browser-window--new}]
+accompanies you to learn how to set up a development environment for Jekyll
+and J1 Theme to manage and create your first website locally on your PC in
+minutes. J1 Theme comes with a built-in Web, a skeleton for a new website created
+using Jekyll. This website is called the `Starter Web`, a general-purpose
+scaffold for modifying a new site for your needs.
+
 J1 in a Day::
-J1 in a Day is a tutorial learning to create modern websites using the J1
-Template. This Tutorial focuses on the basics of Jekyll and J1, which all
-people need to know for a successful way to a modern static website. Jekyll
-(and J1) is quite different from classic Content Management Systems (CMS).
+The workshop `J1 in a Day` is a tutorial learning to create modern websites
+using _Jekyll_ and the J1 Theme. This Tutorial focuses on the basics of
+_Jekyll_ and J1, which all people need to know for a successful way to a
+modern static website. Jekyll (and JekyllOne) is quite different from classic
+Content Management Systems (CMS).
 
-If you would like to learn more about the use of Jekyll and J1-Template, the
+If you would like to learn more about the use of Jekyll and J1 Theme, the
 tutorials present what you need to know:
 
 * The basics of modern static webs