j1-template 2020.0.0

data/lib/starter_web/pages/public/blog/navigator/index.html

@@ -0,0 +1,47 @@
+---
+layout:                                 blog_archive
+
+title:                                  Creators Blog
+tagline:                                explore posts
+description:                            Page Generator
+
+tags:                                   [ Blog, Creator ]
+resources:                              []
+toc:                                    true
+noindex:                                true
+
+pagination:
+  enabled:                              true
+  permalink:                            /page:num/
+
+regenerate:                             false
+
+resources:                              []
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5 
+      slides:
+        - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
+          alt:                          Photo by Matthaeus
+          alignY:                       top
+          badge:
+            type:                       unsplash
+            author:                     Matthaeus
+            href:                       https://unsplash.com/@matthaeus123
+---
+
+<pre>
+
+  This page is created by the layout: {{ page.layout }}.
+
+  If this text is displayed (instead of the home page expected),
+  something went  wrong with the layout definitions. Check  the
+  output of the Jekyll engine building this site.
+
+  Check the  contents   of folder _layouts. Verify  if the base
+  layout  "{{ page.layout }}" exists  and the  referring  chain
+  (inheritance) is correct.
+
+</pre>

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/000_includes/attributes.asciidoc

@@ -0,0 +1,174 @@
+// ~/document_base_folder/000_includes
+//  Asciidoc attribute includes:                 attributes.asciidoc
+// -----------------------------------------------------------------------------
+
+
+// URLs - References to sources on the Internet
+// -----------------------------------------------------------------------------
+tag::urls[]
+
+:j1-web-in-a-day-meet-and-greet:                  /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
+:j1-web-in-a-day-preparations:                    /pages/public/learn/kickstarter/web_in_a_day/preparations/
+:j1-web-in-a-day-first-awesome-web:               /pages/public/learn/kickstarter/web_in_a_day/first_awesome_web/
+
+
+:j1-quick-references-jekyll:                      /pages/protected/manuals/quick_references/jekyll/
+
+
+:j1-download-quickstart-intro:                    /pages/public/learn/downloads/quickstart/intro/
+:j1-kickstarter-web-in-a-day-intro:               /pages/public/learn/kickstarter/web_in_a_day/intro/
+
+:github-home:                                     https://github.com/
+:github-signin:                                   https://github.com/login
+:github-pages-home:                               https://pages.github.com/
+:github-about-org:                                https://help.github.com/articles/about-organizations/
+:github-dev-oauth-app:                            https://developer.github.com/apps/building-oauth-apps/authorizing-oauth-apps/
+:github-repo-ruby-gem-bundler:                    https://github.com/bundler/bundler
+:github-repo-ruby-gem-jekyll-auth:                https://github.com/benbalter/jekyll-auth
+
+:jekyll-home:                                     https://jekyllrb.com/
+
+:git-home:                                        https://git-scm.com/
+
+end::urls[]
+
+
+// Tags - AsciiDoc attributes used internally 
+// -------------------------------------------------------------------
+tag::tags[]
+
+:debug:                                           false
+
+:window:                                          window="_blank"
+:no-clipboard:                                    noclip
+:figure-caption:                                  Figure
+:images-dir:                                      pages/kickstarter/protected_web_in_a_day/000_authentication_intro
+:y:                                               icon:check[role="green"]
+:n:                                               icon:times[role="red"]
+:c:                                               icon:file-alt[role="blue"]
+:beginner:                                        icon:battery-quarter[role="md-blue"]
+:inter:                                           icon:battery-half[role="md-blue"]
+:advanced:                                        icon:battery-full[role="md-blue"]
+:magnify:                                         icon:magnify[role="md-grey"]
+:emdash:                                          —
+:bullet:                                          •
+:bigbullet:                                       ●
+:bigbigbullet:                                    ⬤
+:dot:                                             .
+:dotdot:                                          ..
+:middot:                                          ·
+:hs:                                               
+
+end::tags[]
+ 
+
+// Data - Data elements for Asciidoctor extensions
+// -----------------------------------------------------------------------------
+tag::data[]
+
+:data-gh-oauth-autorization-page:                 "pages/kickstarter/app_in_a_day/gh-oauth-autorization-page.png, GH OAuth autorization page used by Jekyll One"
+:data-gh-oauth-login-page:                        "pages/kickstarter/app_in_a_day/gh-oauth-login-page.png, GH login page for autorization used by Jekyll One"
+
+:data-docker-hub-repositories:                    "assets/images/collections/blog/series/j1_private_sites/docker_hub_dashboard_ubuntu.png, Docker Hub - Repositories"
+
+:data-run-an-app-initial-starter-web:             "pages/kickstarter/protected_web_in_a_day/100_run_an_app/100_run_an_app_initial_starter_web-1280x800.png, Initial Starter Web"
+
+:data-passenger-stack:                            "pages/kickstarter/protected_web_in_a_day/600_deploy_on_passenger/000-passenger-stack.png, Passenger Stack"
+:data-passenger-integration-modes:                "pages/kickstarter/protected_web_in_a_day/600_deploy_on_passenger/000-passenger-integration-modes.png, Passenger Integration Modes"
+
+:data-netlify-associated-account-gh:              "pages/kickstarter/protected_web_in_a_day/300_netlify/100_create_an_account_on_netlify-1280x800.png, Create an associated account at Netlify"
+:data-netlify-associate-a-gh-account:             "pages/kickstarter/protected_web_in_a_day/300_netlify/100_register_on_netlify_with_github-680x800.png, Associate a Github account with Netlify"
+:data-netlify-authorize-ui:                       "pages/kickstarter/protected_web_in_a_day/300_netlify/100_authorize_ui-1280x600.png, Authorization with Netlify UI"
+:data-netlify-ui-oauth-applications:              "pages/kickstarter/protected_web_in_a_day/300_netlify/120_netlify_oauth_applications-1280x800.png, Netlify UI Oauth Applications"
+:data-netlify-initial-starter-web:                "pages/kickstarter/protected_web_in_a_day/300_netlify/200_netlify_initial_starter_web-1280x800.png, Initial Starter Web"
+:data-netlify-ui-manual-deployment:               "pages/kickstarter/protected_web_in_a_day/300_netlify/200_netlify_ui_manual_deployment_log-1280x1500.png, Netlify UI - Deploment details for a manual deployment"
+:data-netlify-ui-manual-deployment-summary:       "pages/kickstarter/protected_web_in_a_day/300_netlify/200_netlify_ui_manual_deployments_summary-1280x800.png, Netlify UI - Manual Deploment summary"
+:data-netlify-deploy-access-key:                  "pages/kickstarter/protected_web_in_a_day/300_netlify/deploy-key-cli.png, Netlify - Deploy Access Key"
+:data-netlify-webhook:                            "pages/kickstarter/protected_web_in_a_day/300_netlify/webhook-cli.png, Netlify - Webhook"
+:data-netlify-draft-url:                          "pages/kickstarter/protected_web_in_a_day/300_netlify/draft-deploy.png, Netlify - Draft URL"
+
+
+:data-download-image-create-starter:              "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/download_image_create_starter.800x600.png, Create a starter web skeleton"
+:data-run-container-build-start-web:              "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/run_container_build_start_web.800x400.png, Build and run the starter web"
+
+:data-j1-runtime-system:                          "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/j1_runtime_system-1280x600.png, J1 Runtime System for content development"
+:data-j1-development-system:                      "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/j1_development_system-1280x600.png, J1 Development System for full-stack development"
+
+:data-base-web-site-architecture:                 "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/base_web_site_architecture-1280x600.png, Base Web Site Architecture"
+:data-base-web-app-architecture:                  "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/base_web_app_architecture-1280x600.png, Base Web Application Architecture"
+
+:data-2-tier-architecture:                        "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/2-tier-architecture-1280x600.png, 2-Tier Architecture"
+:data-3-tier-architecture:                        "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/3-tier-architecture-1280x600.png, 3-Tier Architecture"
+:data-web-app-ruby-rack:                          "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/rack_based_web_app-1280x400.png, Rack-based J1 Web Application"
+
+:data-j1-authclient-icon:                         "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/j1-app-authclient-icon.1280x600.png, J1 AuthClient Icon"
+:data-j1-authclient-signin:                       "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/j1-app-authclient-signin.1280x700.png, J1 AuthClient SignIn Dialog"
+:data-j1-authclient-signout:                      "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/j1-app-authclient-signout.1280x700.png, J1 AuthClient SignOut Dialog"
+:data-j1-sidebar-info:                            "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/j1-sidebar.info.1280x700.png, J1 SideBar Info"
+
+:data-j1-authmgr-access-premium-content:          "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/j1-app-auth-mgr-access-premium-content.1280x800.png, J1 AuthManager - Access premium content"
+:data-j1-authmgr-access-denied:                   "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/j1-app-auth-mgr-access-denied.1280x600.png, J1 AuthManager - Access denied"
+
+:data-j1-disqus-comment-dialog:                   "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/j1-disqus-comment-dialog.1280x500.png, J1 Disqus Comment Dialog"
+:data-j1-authclient-multiple-provider:            "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/j1-app-authclient-multiple-provider-800x600.png, J1 AuthClient - Multiple provider"
+
+:data-disqus-register-application:                "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/100-disqus-register-application-1280x700.png, OAuth App Registration Page"
+:data-disqus-register-app-label:                  "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/110-disqus-register-label-1280x100.png, OAuth App Registration - Label"
+:data-disqus-register-app-description:            "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/120-disqus-register-description-1280x100.png, OAuth App Registration - Description"
+:data-disqus-register-app-organisation:           "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/130-disqus-register-organisation-1280x100.png, OAuth App Registration - Organisation"
+:data-disqus-register-app-website:                "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/140-disqus-register-website-1280x100.png, OAuth App Registration - Website"
+:data-disqus-register-app-icon:                   "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/150-disqus-register-icon-1280x100.png, OAuth App Registration - Icon"
+:data-disqus-register-app-settings:               "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/160-disqus-register-settings-1280x100.png, OAuth App Registration - Settings"
+:data-disqus-register-app-authentication:         "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/170-disqus-register-authentication-1280x100.png, OAuth App Registration - Authentication"
+:data-disqus-oauth-app-settings:                  "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/180-disqus-oauth-settings-1280x800.png, OAuth App Settings"
+
+:data-disqus-j1-secured-web:                      "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/200-j1-secure-web-1280x700.png, J1 Secured Web for Disqus"
+:data-disqus-j1-secured-web-signin:               "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/220-j1-secure-web-disqus-signin-1280x700.png, J1 Secured Web - SignIn for Disqus"
+
+:data-disqus-secure-web-sign-in:                  "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/300-j1-secure-web-sign-in.1280x700.png, Sign in at the provider Disqus"
+:data-disqus-sidebar-user-state:                  "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/310-j1-secure-web-user-state.1280x700.png, Sign in Disqus - User state"
+:data-disqus-secure-web-sign-out:                 "pages/kickstarter/protected_web_in_a_day/300_run_an_secured_app/320-j1-secure-web-sign-out.1280x700.png, Sign out from provider Disqus"
+
+
+
+:data-oauth-abstract-protocol-flow:               "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/outh_abstract_protocol_flow-800x600.png, High level OAuth Protocol Flow"
+:data-oauth-app-registration-disqus:              "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/oauth-app-registration-disqus-1280x700.png, OAuth App registration at Disqus"
+:data-oauth-authorization-code-grant-flow:        "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/oauth-authorization-code-grant-flow-1280x800.png, OAuth Authorization Code Grant Flow"
+:data-oauth-authentication-flow:                  "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/outh_authentication_flow-1280x800.png, OAuth Authentication Flow"
+
+:data-auth-mgmr-accepted-page-request:            "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/auth_mgmr_accepted_page_request-1280x600.png, AuthManager - Successful page request"
+:data-auth-mgmr-declined-page-request:            "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/auth_mgmr_declined_page_request-1280x600.png, AuthManager - Declined page request"
+
+:data-auth-mgmr-explicit-authentication:          "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/auth-mgmr-explicit-authentication-1280x400.png, AuthManager - Explicit Authentication (SignIn)"
+
+
+:data-auth-mgmr-explicit-authentication-flow:     "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/auth-mgmr-explicit-authentication-flow-1280x800.png, AuthManager - Explicit Authentication Flow (SignIn)"
+:data-auth-mgmr-implicit-authentication-flow:     "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/auth-mgmr-implicit-authentication-flow-1280x800.png, AuthManager - IMplicit Authentication Flow (Page Request)"
+
+
+
+:data-auth-client-authorization-request:          "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/auth_client_authorization_request-800x700.png, AuthClient - Authorisation request"
+
+
+:data-oauth-successful-page-request:              "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/auth_successful_page_request-1280x800.png, OAuth, Successful page request"
+
+:data-gh-oauth-sign-in-page:                      "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/gh-oauth-sign-in-page-400x600.png, OAuth User SignIn at Github"
+:data-gh-oauth-application-autorization-page:     "pages/kickstarter/protected_web_in_a_day/000_authentication_intro/gh-oauth-application-authorization-page-400x400.png, OAuth Application Authorization page at Github"
+
+end::data[]
+
+
+// Product|Author - Document (e.g release) and Author information
+// -----------------------------------------------------------------------------
+tag::product_info[]
+:license:                                         MIT License
+:revdate:                                         2018
+:revnumber:                                       1.0.0
+end::product_info[]
+
+
+tag::authors[]
+:uri-author-juergen-adams                         https://jekyll.one
+end::authors[]
+
+

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/000_includes/documents/100_meet_and_greet_jekyll.asciidoc

@@ -0,0 +1,31 @@
+
+*Web in a Day* is the first in a series of tutorials to learn how to
+create modern websites using Jekyll. This Kickstarter focus on the basics
+of Jekyll and the J1 Template which all people needs to know for a successful
+way to a modern static website using Jekyll and J1 Template.
+
+It is highly recommended to read and work on this tutorial by everyone - 
+independly from what level of knowledge they begin. Jekyll is different in 
+compare to classic Content Management Systems (CMS) like Joomla, Wordpress 
+or Drupal. No surprise: Jekyll and J1 is different as well.
+
+It sounds much, spending a whole day to get Jekyll to know - yes, it is much.
+You'll find a lot of Blog articles like *Jekyll in 15 minutes*. But what can
+be *learned* in 15 minutes?
+
+To be fair, most of these blogs are intended to help *installing Jekyll* and
+get the very first steps managed out of the box. If you run Jekyll out of the 
+box, the resulting web site (from the build-in theme scaffold) might somewhat 
+disillusioned. You'll get a very simple site created based on Jekyll's theme 
+*minima*.
+
+To not waste time, get through the turorial and find out what is the *Jekyll Way*.
+And if this the way you want to go.
+
+Have a good time, a good day learning Jekyll.
+
+
+== Meet and greet Jekyll
+
+lorem:sentences[5] +
+lorem:sentences[3] +

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/000_includes/documents/200_preparations.asciidoc

@@ -0,0 +1,14 @@
+lorem:sentences[5]
+
+To not waste time, get through the turorial and find out what is the *Jekyll Way*.
+And if this the way you want to go.
+
+Have a good time, a good day learning Jekyll.
+
+== Preparations
+
+lorem:sentences[5] +
+lorem:sentences[3] +
+
+
+

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/000_includes/documents/300_first_awesome_web.asciidoc

@@ -0,0 +1,12 @@
+lorem:sentences[5]
+
+To not waste time, get through the turorial and find out what is the *Jekyll Way*.
+And if this the way you want to go.
+
+Have a good time, a good day learning Jekyll.
+
+== First awesome website
+
+lorem:sentences[5] +
+lorem:sentences[3] +
+

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/000_includes/parts.asciidoc

@@ -0,0 +1,193 @@
+// ~/document_base_folder/000_includes
+//  Asciidoc part includes:                 parts.asciidoc
+// -----------------------------------------------------------------------------
+
+
+// Summarize
+// -----------------------------------------------------------------------------
+//  tag::summarize[]
+//
+A lot you've learned, time to summarize what is in behind. The last chapter 
+*Summarize!* should help on that. Summarize! offer some handy sections to
+remember what was presented this chapter, giving an outlook what could be
+done next, an overview on all chapters this tutorial and finally useful
+links to read more.
+
+See all *sections* below: +
+mdi:backup-restore[24px, md-grey ml-3]
+<<Recap>> -- What has been done, what's *explored in current section* +
+mdi:skip-next[24px, md-grey ml-3]
+<<Whats Next>> -- Find to go further, what's *planned next* +
+mdi:format-section[24px, md-grey ml-3]
+<<All Chapters>> -- The full chain, *all chapters* +
+// mdi:book-open[24px, md-grey ml-3]
+// <<Further Reading>> -- List of helpful links to *get more* +
+
+//
+//  end::summarize[]
+
+// End Summarize ---------------------------------------------------------------
+
+
+// Recap
+// -----------------------------------------------------------------------------
+//  tag::recap_100_meet_and_greet_jekyll[]
+//
+To manage controlled page access, a web is transformed into an application.
+Additional software is needed for that: the J1 *AuthManager*. Build on the 
+_Ruby_ software framework _Rack_.
+
+A middleware system based on Rack is not a *monolithic* block. It is a *stack*
+of *multiple* middleware components -- what the name *Rack* implies. What is 
+called *Middlewares* is the next great magic: _Ruby_ libraries (Gem)
+managing a *specific* job as *service* in such a *chain*.
+
+For now folks, keep in mind a *Jekyll Site* can be transformed into an 
+*Web Application* as a additional *mode* using *Rack*. Rack provides the 
+*magic* in the middle to add additional dynamic processes provided by
+J1 AuthManager: *Services*.
+//
+//  end::recap_100_meet_and_greet_jekyll[]
+
+//  tag::recap_200_preparations[]
+//
+Running a web as an app is not that hard, isn't it? The magic is under the 
+hood - the middlewares used by J1 AuthManager.
+
+lorem:sentences[5] +
+lorem:sentences[3] +
+
+Find here is a list of the basic Chocolatey commands used this section. 
+And some more related ones. If you'd like to explore the Chocolatey CLI a bit 
+*more*, give it a try before moving on.
+
+[cols="8a,4", options="header", role="table-responsive, full-width"]
+|===============================================================================
+|Command |Description
+
+|
+[source, bash]
+----
+docker build -t first-app .
+----
+|Create the `image` *friendlyname* using this directory's Dockerfile
+
+|
+[source, bash]
+----
+docker run -p 4000:80 first-app
+----
+|Run `container` *friendlyname* with a mapping of port 4000 to 80
+
+|
+[source, bash]
+----
+docker run -d -p 4000:80 first-app
+----
+|Run container *friendlyname* with mapping, but in `detached mode`
+
+|===============================================================================
+//
+//  end::recap_200_preparations[]
+
+//  tag::recap_300_first_awesome_web[]
+//
+OAuth2 is an authentication framework, a protocol suite that enables 
+applications to obtain (limited) access to user account data hosted at 
+service providers.
+
+The protocol suite introduces four roles, discussed in section <<OAuth Roles>>,
+that interacts each other in a sequence, a *flow*. In section <<Base OAuth Flow>>
+the sequence was discussed in more detail.
+
+// ifdef::backend-html5[]
+// .High Level OAuth Protocol Flow
+// lightbox::oauth-abstract-protocol-flow[ 800, {data-oauth-abstract-protocol-flow} ]
+// endif::[]
+
+Keep in mind the *roles* and the fact, the OAuth framework introduce a sequence,
+a *flow*. All this is theory - yes for sure, but good to know.
+//
+//  end::recap_300_first_awesome_web[]
+
+// End Recap -------------------------------------------------------------------
+
+
+// Whats Next
+// -----------------------------------------------------------------------------
+//  tag::whats_next_100_meet_and_greet_jekyll[]
+//
+Well done, folks. You learned all the basics, started an transformed web as
+an app. And you've seen what is basicly going on under the hood. Now, you're
+well prepared for going further, to have a more inside view.
+
+For the next, a bit more knowledge, some theory is needed what *service providers*
+are and how *authentication* works. You need to know what is *OAuth*, what
+is *authentication* using the OAuth *framework*.
+
+Welcome to the world of *OAuth2*, a leading technology for authentication, 
+for creating relationships (associations) across different providers for
+your new amazing site, for your new project.
+
+mdi:skip-next[24px, md-grey]
+Go for link:{j1-web-in-a-day-preparations}[Preparations] then!
+//
+//  end::whats_next_100_meet_and_greet_jekyll[]
+
+//  tag::whats_next_200_preparations[]
+//
+After some practise and theory, you got a picture of what the OAuth 
+framework is, a base understanding about the flow - what will happen. Now 
+it's the time to see in real world what was discsused sofar.
+
+The following chapter is focussing a web that is *protected*. The app is not
+longer passing all the content pages. The content will be under *control*.
+
+// mdi:skip-next[24px, md-grey] 
+// To make protected *J1 Webs* real, continue on link:{j1-web-apps-run-an-secured-app}[Run an Secured J1 App]
+// then!
+
+//
+//  end::whats_next_200_preparations[]
+
+//  tag::whats_next_300_first_awesome_web[]
+//
+After some practise and theory, you got a picture of what the OAuth 
+framework is, a base understanding about the flow - what will happen. Now 
+it's the time to see in real world what was discsused sofar.
+
+The following chapter is focussing a web that is *protected*. The app is not
+longer passing all the content pages. The content will be under *control*.
+
+// mdi:skip-next[24px, md-grey] 
+// To make protected *J1 Webs* real, continue on link:{j1-web-apps-run-an-secured-app}[Run an Secured J1 App]
+// then!
+
+//
+//  end::whats_next_300_first_awesome_web[]
+
+// End Whats Next --------------------------------------------------------------
+
+
+// Chapters
+// -----------------------------------------------------------------------------
+//  tag::chapters[]
+//
+Find here an overview on *all* chapters this tutorial. +
+//
+//  end::chapters[]
+
+//  tag::chapters_100_meet_and_greet_jekyll[]
+//
+mdi:format-section[24px, md-grey ml-3]
+link:#[You are here -- Meet & Greet Jekyll] +
+mdi:format-section[24px, md-indigo ml-3]
+link:{j1-web-in-a-day-preparations}[Preparations] +
+mdi:format-section[24px, md-indigo ml-3]
+link:{j1-web-in-a-day-first-awesome-web}[A first awesome Web]
+//
+//  end::chapters_100_meet_and_greet_jekyll[]
+
+
+// End Chapters ----------------------------------------------------------------
+