j1-template 2020.0.18 → 2020.0.24

data/lib/starter_web/collections/posts/public/series/_posts/000_includes/attributes.asciidoc

@@ -1,66 +0,0 @@
-// ~/document_base_folder/000_includes
-//  Asciidoc attribute includes:                 attributes.asciidoc
-// -----------------------------------------------------------------------------
-
-
-// URLs - Internal references and/or sources on the Internet
-// -----------------------------------------------------------------------------
-tag::urls[]
-
-:blogging-on-github-part-2:                       http://digitaldrummerj.me/blogging-on-github-part-2-your-first-post/
-:blogging-on-github-part-3:                       http://digitaldrummerj.me//blogging-on-github-part-3-adding-comments/
-:blogging-on-github-part-4:                       http://digitaldrummerj.me//blogging-on-github-part-4-creating-additional-pages/
-
-:docker-install-toolbox-on-windows:               https://docs.docker.com/toolbox/toolbox_install_windows/
-:virtualbox-install-on-windows:                   https://www.virtualbox.org/wiki/Downloads
-
-end::urls[]
-
-// Tags - Asciidoc attributes used internally
-// -----------------------------------------------------------------------------
-tag::tags[]
-
-:debug:                                           false
- 
-:window:                                          window="_blank"
-:figure-caption:                                  Figure
-:y:                                               icon:check[role="green"]
-:n:                                               icon:times[role="red"]
-:c:                                               icon:file-alt[role="blue"]
-:arrow-r:                                         icon:arrow-right[role="blue"]
-:arrow-l:                                         icon:arrow-left[role="blue"]
-:arrow-t:                                         icon:arrow-top[role="blue"]
-:arrow-d:                                         icon:arrow-down[role="blue"]
-:beginner:                                        icon:battery-quarter[role="md-blue"]
-:inter:                                           icon:battery-half[role="md-blue"]
-:advanced:                                        icon:battery-full[role="md-blue"]
-:emdash:                                          —
-
-end::tags[]
-
-
-// Data - Data elements for Asciidoctor extensions
-// -----------------------------------------------------------------------------
-tag::data[]
-
-:data-docker-windows-kinematic-alpha:             "collections/blog/series/j1_using_docker/kinematic_alpha.1280x600.png, Docker UI Kinematic on Windows"
-
-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

@@ -1,31 +0,0 @@
-
-*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/roundtrip/000_bs_tour.1.asciidoc

@@ -1,120 +0,0 @@
----
-title:                                  Roundtrip
-tagline:                                bootstrap tour
-description:                            J1 Template Roundtrip - Present Bootstrap
-
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Roundtrip, Images ]
-categories:                             [ pages ]
-
-toc:                                    true
-scrollbar:                              false
-
-permalink:                              /pages/public/learn/roundtrip/bs_tour/
-regenerate:                             false
-
-resources:                              []
-resource_options:
-  - attic:
-      padding_top:                      400
-      padding_bottom:                   50
-      opacity:                          0.5
-      slides:
-        - url:                          /assets/images/pages/roundtrip/images/bootstrap-1920x1000-bw.jpg
-          alt:                          Photo by Ricardo Gomez Angel on Unsplash
-          badge:
-            type:                       unsplash
-            author:                     Ricardo Gomez Angel
-            href:                       https://unsplash.com/@ripato/portfolio
----
-
-// Enable the Liquid Preprocessor
-// -----------------------------------------------------------------------------
-:page-liquid:
-
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-//:my-asciidoc-attribute:
-
-//  Load Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
-
-// Initialize entry document environmental attributes
-// -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} %}
-
-// Load tag, url and data attributes
-// -----------------------------------------------------------------------------
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-include::{includedir}/attributes.asciidoc[tag=data]
-
-// Set local page attributes
-// -----------------------------------------------------------------------------
-:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
-
-
-// Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-// Include sub-documents
-// -----------------------------------------------------------------------------
-
-Lightboxes like *LightGallery* or *Lightbox V2* support your web for full image
-views of your *picture* or *video* content. Have a look, a quick tour what J1
-can do. Have fun!
-
-++++
-<p>
-  <button type="button" id="demo" class="btn btn-default btn-lg" data-demo="">
-    <span class="glyphicon glyphicon-play"></span>
-    Start the demo
-  </button>
-</p>
-++++
-
-== Tour step 1
-
-A *Lightbox* in general is a helper which displays enlarged, almost
-screen-filling versions of pictures (or videos), while dimming the rest of the
-page. The technique, introduced by Lightbox V2, gained widespread popularity
-due to its simple and elegant style. The term *lightbox* is used since then for
-Javascript libraries to support such functionality.
-
-== Tour step 2
-
-A *Lightbox* in general is a helper which displays enlarged, almost
-screen-filling versions of pictures (or videos), while dimming the rest of the
-page. The technique, introduced by Lightbox V2, gained widespread popularity
-due to its simple and elegant style. The term *lightbox* is used since then for
-Javascript libraries to support such functionality.
-
-++++
-<script>
-
-  $(function() {
-    // Instance the tour
-    var tour = new Tour({
-      steps: [
-      {
-        element: "#tour-step-1",
-        title: "Title of my step 1",
-        content: "Content of my step"
-      },
-      {
-        element: "#tour-step-2",
-        title: "Title of my step 2",
-        content: "Content of my step"
-      }
-    ]});
-
-    // Initialize the tour
-    tour.init();
-
-    // Start the tour
-    tour.start();
-  });
-
-</script>
-++++

data/lib/starter_web/pages/public/learn/roundtrip/000_bs_tour.adoc

@@ -1,144 +0,0 @@
----
-title:                                  Roundtrip
-tagline:                                bootstrap tour
-description:                            J1 Template Roundtrip - Present Bootstrap
-
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Roundtrip, Images ]
-categories:                             [ pages ]
-
-toc:                                    true
-scrollbar:                              false
-
-permalink:                              /pages/public/learn/roundtrip/bs_tour/
-regenerate:                             false
-
-resources:                              []
-resource_options:
-  - attic:
-      padding_top:                      400
-      padding_bottom:                   50
-      opacity:                          0.5
-      slides:
-        - url:                          /assets/images/pages/roundtrip/images/bootstrap-1920x1000-bw.jpg
-          alt:                          Photo by Ricardo Gomez Angel on Unsplash
-          badge:
-            type:                       unsplash
-            author:                     Ricardo Gomez Angel
-            href:                       https://unsplash.com/@ripato/portfolio
----
-
-// Enable the Liquid Preprocessor
-// -----------------------------------------------------------------------------
-:page-liquid:
-
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-//:my-asciidoc-attribute:
-
-//  Load Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
-
-// Initialize entry document environmental attributes
-// -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} %}
-
-// Load tag, url and data attributes
-// -----------------------------------------------------------------------------
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-include::{includedir}/attributes.asciidoc[tag=data]
-
-// Set local page attributes
-// -----------------------------------------------------------------------------
-:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
-
-
-// Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-// Include sub-documents
-// -----------------------------------------------------------------------------
-
-Lightboxes like *LightGallery* or *Lightbox V2* support your web for full image
-views of your *picture* or *video* content. Have a look, a quick tour what J1
-can do. Have fun!
-
-++++
-<p>
-  <button type="button" id="demo" class="btn btn-default btn-lg" data-demo="">
-    <span class="glyphicon glyphicon-play"></span>
-    Start the demo
-  </button>
-</p>
-++++
-
-== Tour step 1
-
-A *Lightbox* in general is a helper which displays enlarged, almost
-screen-filling versions of pictures (or videos), while dimming the rest of the
-page. The technique, introduced by Lightbox V2, gained widespread popularity
-due to its simple and elegant style. The term *lightbox* is used since then for
-Javascript libraries to support such functionality.
-
-== Tour step 2
-
-A *Lightbox* in general is a helper which displays enlarged, almost
-screen-filling versions of pictures (or videos), while dimming the rest of the
-page. The technique, introduced by Lightbox V2, gained widespread popularity
-due to its simple and elegant style. The term *lightbox* is used since then for
-Javascript libraries to support such functionality.
-
-++++
-<script>
-(function() {
-
-  $(function() {
-    // Instance the tour
-    var $demo, duration, remaining, tour;
-    $demo = $("#demo");
-    duration = 5000;
-    remaining = duration;
-    tour = new Tour({
-      onStart: function() {
-        return $demo.addClass("disabled", true);
-      },
-      onEnd: function() {
-        return $demo.removeClass("disabled", true);
-      },
-      debug: true,
-      steps: [
-      {
-        element: "#tour-step-1",
-        title: "Title of my step 1",
-        content: "Content of my step"
-      },
-      {
-        element: "#tour-step-2",
-        title: "Title of my step 2",
-        content: "Content of my step"
-      }
-    ]}).init(); // Initialize the tour
-
-    // Start the tour
-    // tour.start();
-
-    if (tour.ended()) {
-      $('<div class="alert alert-info alert-dismissable"><button class="close" data-dismiss="alert" aria-hidden="true">&times;</button>You ended the demo tour. <a href="#" data-demo>Restart the demo tour.</a></div>').prependTo(".content").alert();
-    }
-
-    $(document).on("click", "[data-demo]", function(e) {
-      e.preventDefault();
-      if ($(this).hasClass("disabled")) {
-        return;
-      }
-      tour.restart();
-      return $(".alert").alert("close");
-    });
-
-  });
-
-}).call(this);
-</script>
-++++

data/lib/starter_web/pages/public/learn/roundtrip/000_bs_tour_api.adoc

@@ -1,642 +0,0 @@
----
-title:                                  Roundtrip
-tagline:                                bootstrap tour api
-description:                            J1 Template Roundtrip - Present Bootstrap
-
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Roundtrip, Images ]
-categories:                             [ pages ]
-
-toc:                                    true
-scrollbar:                              false
-
-permalink:                              /pages/public/learn/roundtrip/bs_tour_api/
-regenerate:                             false
-
-resources:                              [ bs_tour ]
-resource_options:
-  - attic:
-      padding_top:                      400
-      padding_bottom:                   50
-      opacity:                          0.5
-      slides:
-        - url:                          /assets/images/pages/roundtrip/images/bootstrap-1920x1000-bw.jpg
-          alt:                          Photo by Ricardo Gomez Angel on Unsplash
-          badge:
-            type:                       unsplash
-            author:                     Ricardo Gomez Angel
-            href:                       https://unsplash.com/@ripato/portfolio
----
-
-// Enable the Liquid Preprocessor
-// -----------------------------------------------------------------------------
-:page-liquid:
-
-// Set other global page attributes here
-// -----------------------------------------------------------------------------
-//:my-asciidoc-attribute:
-
-//  Load Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
-
-// Initialize entry document environmental attributes
-// -----------------------------------------------------------------------------
-{% include {{set_env_entry_document}} %}
-
-// Load tag, url and data attributes
-// -----------------------------------------------------------------------------
-include::{includedir}/attributes.asciidoc[tag=tags]
-include::{includedir}/attributes.asciidoc[tag=urls]
-include::{includedir}/attributes.asciidoc[tag=data]
-
-// Set local page attributes
-// -----------------------------------------------------------------------------
-:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
-
-
-// Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-// Include sub-documents
-// -----------------------------------------------------------------------------
-
-== Bootstrap Tour
-
-lorem:sentences[5] +
-lorem:sentences[3] +
-
-=== Global Options
-
-lorem:sentences[5] +
-lorem:sentences[3] +
-
-[source, js]
-----
-var tour = Tour({
-  name: "tour",
-  steps: [],
-  container: "body",
-  keyboard: true,
-  storage: window.localStorage,
-  debug: false,
-  backdrop: false,
-  backdropContainer: 'body',
-  backdropPadding: 0,
-  redirect: true,
-  orphan: false,
-  duration: false,
-  delay: false,
-  basePath: "",
-  template: '<div class="popover tour">
-    <div class="arrow"></div>
-    <h3 class="popover-title"></h3>
-    <div class="popover-content"></div>
-    <div class="popover-navigation">
-        <button class="btn btn-default" data-role="prev"> Prev</button>
-        <span data-role="separator">|</span>
-        <button class="btn btn-default" data-role="next">Next »</button>
-    </div>
-    <button class="btn btn-default" data-role="end">End tour</button>
-  </div>',
-  afterGetState: function (key, value) {},
-  afterSetState: function (key, value) {},
-  afterRemoveState: function (key, value) {},
-  onStart: name(tour) {},
-  onEnd: name(tour) {},
-  onShow: name(tour) {},
-  onShown: name(tour) {},
-  onHide: name(tour) {},
-  onHidden: name(tour) {},
-  onNext: name(tour) {},
-  onPrev: name(tour) {},
-  onPause: name(tour, duration) {},
-  onResume: name(tour, duration) {},
-  onRedirectError: name(tour) {}
-});
-----
-
-[cols="1,1,3a,7a", options="header", width="100%", role="table-responsive-stacked-lg"]
-|===============================================================================
-|Name |Type |Default |Description
-
-|name
-|String
-|`tour`
-|This option is used to build the name of the storage item
-where the tour state is stored. The name should contain only
-alphanumerics, underscores and hyphens. You can initialize several tours
-with different names in the same page and application.
-
-|steps
-|Array
-|`[]`
-|A list of object representing the steps to be included in
-the tour. Jump to link:#step-options[Step options] for the single step
-API.
-
-|container
-|String
-|`body`
-|Appends the step popover to a specific element. +
-_See Usage section of
-http://getbootstrap.com/javascript/#popovers[Popover]._
-
-|autoscroll
-|Boolean
-|`true`
-|Autoscrolls the window when the step popover is out of view.
-
-|keyboard
-|Boolean
-|`true`
-|This option set the left and right arrow navigation.
-
-|storage
-|Object
-|`window.localStorage`
-|The storage system you want to use. Could be the
-objects window.localStorage, window.sessionStorage or your own object. +
-You can set this option as `false` to disable storage persistence (the
-tour starts from beginning every time the page is loaded). +
-_Read more about
-https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage[DOM
-Storage interfaces]._
-
-|debug
-|Boolean
-|`false`
-|Set this option to true to have some useful
-informations printed in the console.
-
-|backdrop
-|Boolean
-|`false`
-|Show a dark backdrop behind the popover and its
-element, highlighting the current step.
-
-|backdropContainer
-|String
-|`body`
-|HTML element (jQuery selector) on which the backdrop should be shown.
-
-|backdropPadding
-|Number\|Object
-|`0`
-|Add padding to the backdrop element
-that highlights the step element. +
-It can be a number or a object containing optional `top`, `right`,
-`bottom` and `left` numbers.
-
-|redirect
-|Boolean \|Function
-|`true`
-|Set a custom function to execute as
-redirect function. The default redirect relies on the traditional
-`document.location.href`.
-
-|orphan
-|Boolean\|String\|function
-|`false`
-|Allow to show the step regardless
-whether its element is not set, is not present in the page or is hidden.
-The step is fixed positioned in the middle of the page.
-
-|duration
-|Boolean\|Number
-|`false`
-|Set a expiration time for the steps. When
-the current step expires, the next step is automatically shown. See it
-as a sort of guided, automatized tour functionality. The value is
-specified in milliseconds.
-
-|delay
-|Boolean\|Number
-|`0`
-|Specifies a delay for the showing and hiding the tour steps. It can be:
-* a falsy - there is no delay
-* a number - used as a delay for both showing and hiding. In milliseconds
-* a object containing optional `show` and `hide` numbers - defines the
-  delays for showing and hiding respectively.
-
-|basePath
-|String
-|empty string
-|Specify a default base path prepended to the `path`
-option of every single step. Very useful if you need to reuse the same
-tour on different environments or sub-projects.
-
-|template callout:1[]
-|String\|Function
-|See *Description*
-|String or function that returns a string of
-the HTML template for the popovers. If you pass a Function, two
-parameters are available: *i* is the position of step in the tour and
-*step* is the an object that contains all the other step options. +
-From version 0.5, the navigation template is included inside the
-template so you can easily rewrite it. However, Bootstrap Tour maps the
-_previous_, _next_ and _end_ logics to the elements which have the
-related `data-role` attribute. Therefore, you can also have multiple
-elements with the same `data-role` attribute. +
-
-|afterGetState \| afterSetState \| afterRemoveState  callout:2[]
-|Function
-|`name(key, value){}`
-|You may want to do something right after Bootstrap Tour read, write or
-remove the state. Just pass functions to these. +
-Your functions can have two parameters:
-
-* *key* Contains the name of the state being saved. It can be
-  `current_step` (for the state where the latest step the visitor viewed
-  is saved) or `end` (for the state which is saved when the user complete
-  the tour). Note that Bootstrap Tour prepends the key with `tour_` when
-  saving the state.
-* *value* The value of the state been saved. Can be the index of the
-  current step if the key is `current_step`, or `yes` if the key is `end`.
-
-A simple example if to send a post request to your server each time
-there is a change.
-
-|onStart
-|Function
-|`name(tour){}`
-|Function to execute when the tour starts.
-
-|onEnd
-|Function
-|`name(tour){}`
-|Function to execute when the tour ends.
-
-|onShow
-|Function
-|`name(tour){}`
-|Function to execute right before each step is shown.
-
-|onShown
-|Function
-|`name(tour){}`
-|Function to execute right after each step is shown.
-
-|onHide
-|Function
-|`name(tour){}`
-|Function to execute right before each step is hidden.
-
-|onHidden
-|Function
-|`name(tour){}`
-|Function to execute right after each step is hidden.
-
-|onNext
-|Function
-|`name(tour){}`
-|Function to execute when next step is called.
-
-|onPrev
-|Function
-|`name(tour){}`
-|Function to execute when prev step is called.
-
-|onPause
-|Function
-|`name(tour, duration){}`
-|Function to execute when pause is called. The
-second argument refers to the remaining duration.
-
-|onResume
-|Function
-|`name(tour, duration){}`
-|Function to execute when resume is called. The
-second argument refers to the remaining duration.
-
-|onRedirectError
-|Function
-|`name(tour){}`
-|Function to execute when there is a
-redirection error. This happens when bootstrap tour cannot redirect to
-the path of the step.
-
-|===============================================================================
-
-.Template default settings callout:1[]
-[source, html]
-----
-<div class="popover tour">
-  <div class="arrow"></div>
-  <h3 class="popover-title"></h3>
-  <div class="popover-content"></div>
-  <div class="popover-navigation">
-    <button class="btn btn-default" data-role="prev'"> Prev</button>
-    <span data-role="separator">\|</span>
-    <button class="btn btn-default" data-role="next">Next »</button>
-    <button class="btn btn-default" data-role="end">End tour</button>
-  </div>
-</div>
-----
-
-State function example callout:2[]
-[source, js]
-----
-var tour = Tour({
-  afterSetState: function (key, value) {
-    $.post("/some/path", value);
-  }
-});
-----
-
-
-=== Step Options
-
-[source, js]
-----
-tour.addStep({
-  path: "",
-  host: "",
-  element: "",
-  placement: "right",
-  title: "",
-  content: "",
-  next: 0,
-  prev: 0,
-  animation: true,
-  container: "body",
-  backdrop: false,
-  backdropContainer: 'body',
-  backdropPadding: false,
-  redirect: true,
-  reflex: false,
-  orphan: false,
-  template: "",
-  onShow: name(tour) {},
-  onShown: name(tour) {},
-  onHide: name(tour) {},
-  onHidden: name(tour) {},
-  onNext: name(tour) {},
-  onPrev: name(tour) {},
-  onPause: name(tour) {},
-  onResume: name(tour) {},
-  onRedirectError: name(tour) {}
-});
-----
-
-// |Name |Type |Description |Default
-
-[cols="1,1,3a,7a", options="header", width="100%", role="table-responsive-stacked-lg"]
-|===============================================================================
-|Name |Type |Default |Description
-
-|path
-|String or RegExp
-|`''`
-|Path to the page on which the step should be
-shown. This allows you to build tours that span several pages.
-
-|host NEW
-|String or RegExp
-|`''`
-|Host of the page on which the step should
-be shown. This allows you to build tours for several sub-domains.
-
-|element
-|String
-|`''`
-|HTML element (jQuery selector) on which the step
-popover should be shown. +
-_If orphan is false, this option is required._
-
-|placement
-|String\|Function
-|`right`
-|How to position the popover. Possible
-choices: `'top'`, `'bottom'`, `'left'`, `'right'`, `'auto'`. When "auto"
-is specified, it will dynamically reorient the popover. For example, if
-placement is "auto left", the popover will display to the left when
-possible, otherwise it will display right.
-
-|title
-|String\|Function
-|`''`
-|Step title
-
-|content
-|String\|Function
-|`''`
-|Step content
-
-|next
-|Integer
-|`0`
-|Index of the step to show after this one, starting from
-`0` for the first step of the tour. `-1` to not show the link to next
-step. By default, the next step (in the order you added them) will be
-shown. +
-_This option should be used in conjunction with `prev`._
-
-|prev
-|Integer
-|`0`
-|Index of the step to show before this one, starting from
-`0` for the first step of the tour. `-1` to not show the link to
-previous step. By default, the previous step (in the order you added
-them) will be shown. +
-_This option should be used in conjunction with `next`._
-
-|animation
-|Boolean
-|`true`
-|Apply a css fade transition to the tooltip.
-
-|container
-|String
-|`body`
-|Attachment of popover. Pass an element (jQuery selector) to append the
-popover to. By default the popover is appended
-after the 'element' above. This option is particularly helpful for
-Internet Explorer.
-
-|backdrop
-|Boolean
-|`false`
-|Show a dark backdrop behind the popover and its
-element, highlighting the current step.
-
-|backdropContainer NEW
-|String (jQuery selector)
-|`body`
-|HTML element on which the backdrop should be shown.
-
-|backdropPadding NEW
-|Boolean\|Object
-|`0`
-|Add padding to the backdropelement that highlights the step element. +
-It can be a number or a object containing optional `top`, `right`,
-`bottom` and `left` numbers.
-
-|redirect
-|Boolean\|Function
-|`true`
-|Set a custom function to execute as redirect function. The default
-redirect relies on the traditional `document.location.href`.
-
-|reflex UPDATED
-|Boolean\|String
-|`false`
-|Enable the reflex mode: attach an
-handler on `click` on the step element to continue the tour. +
-In order to bind the handler to a custom event, you can pass a string
-with its name. +
-Also, the class `tour-step-element-reflex` is added to the element, as
-hook for your custom style (e.g: cursor: pointer).
-
-|orphan
-|Boolean\|String\|Function
-|`false`
-|Allow to show the step regardless
-whether its element is not set, is not present in the page or is hidden.
-The step is fixed positioned in the middle of the page. +
-You can use a string or function that returns a string of the HTML
-template for the orphan popovers.
-
-|duration NEW
-|Boolean\|String
-|`false`
-|Set a expiration time for the steps. When
-the step expires, the next step is automatically shown. See it as a sort
-of guided, automatized tour functionality. The value is specified in
-milliseconds.
-
-|template
-|String\|Function
-|See *blabla*
-|String or function that returns a string of
-the HTML template for the popovers. If you pass a Function, two
-parameters are available: *i* is the position of step in the tour and
-*step* is the object that contains all the other step options. +
-From version 0.5, the navigation template is included inside the
-template so you can easily rewrite it. However, Bootstrap Tour maps the
-_previous_, _next_ and _end_ logics to the elements which have the
-related `data-role` attribute. Therefore, you can also have multiple
-elements with the same `data-role` attribute.
-
-|onShow
-|Function
-|`name(tour) {}`
-|Function to execute right before the step is shown.
-It overrides the global `onShow` option.
-
-|onShown
-|Function
-|`name(tour) {}`
-|Function to execute right after the step is shown.
-It overrides the global `onShown` option.
-
-|onHide
-|Function
-|`name(tour) {}`
-|Function to execute right before the step is hidden.
-It overrides the global `onHide` option.
-
-|onHidden
-|Function
-|`name(tour) {}`
-|Function to execute right after the step is hidden.
-It overrides the global `onHidden` option.
-
-|onNext
-|Function
-|`name(tour) {}`
-|Function to execute when next step is called. It
-overrides the global `onNext` option.
-
-|onPrev
-|Function
-|`name(tour) {}`
-|Function to execute when prev step is called. It
-overrides the global `onPrev` option.
-
-|onPause NEW
-|Function
-|`name(tour, duration) {}`
-|Function to execute when pause is called. The
-second argument refers to the remaining duration. It overrides the
-global the `onPause` option.
-
-|onResume NEW
-|Function
-|`name(tour, duration) {}`
-|Function to execute when resume is called. The
-second argument refers to the remaining duration. It overrides the
-global `onResume` option.
-
-|onRedirectError NEW
-|Function
-|`name(tour) {}`
-|Function to execute when there is a
-redirection error. This happens when bootstrap tour cannot redirect to
-the path of the step. It overrides the global `onRedirectError` option.
-
-|===============================================================================
-
-
-=== Methods
-
-If, for some reasons, you want to force the tour to be displayed, pass
-*true* to the *start()* method.
-
-[cols="3,9a",options="header",]
-|===============================================================================
-|Name |Description
-|addSteps(`[]`)
-|Add multiple steps to the tour. Pass an array of objects.
-
-|addStep(`{}`)
-|Add single step to the tour. Pass an object.
-
-|init()
-|Initialize the tour. You must do it before calling start.
-
-|start(`true`)
-|Start the tour. Pass `true` to force the start.
-
-|restart()
-|Restart the tour after it ended.
-
-|end()
-|End the tour prematurely.
-
-|next()
-|Skip to the next step.
-
-|prev()
-|Go back to the previous step.
-
-|goTo(`i`)
-|Skip to a specific step. Pass `i` as the index of
-the step in the tour (0-based). +
-_From version 0.7.0, the method has been renamed since some Javascript
-compilers are confused by the property name *goto*, which is a reserved
-word)_ .
-
-|pause()
-|Pause the duration timer. It works only if tour or current step has duration.
-
-|resume()
-|Resume the duration timer. It works only if tour or current step has duration.
-
-|ended() |Verify if the tour ended. Returns boolean.
-
-|getStep(`i`)
-|Get the step object. Pass `i` as the index of the step in the tour (0-based).
-
-|getCurrentStep()
-|Get the index of the current step.
-
-|setCurrentStep(`i`)
-|Override the current step. Pass `i` as the index of the step in the
-tour (0-based).
-
-|redraw()
-|Triggers a redraw on the overlay element. Useful for dynamically sized
-tour targets.
-
-|===============================================================================