j1-template 2020.0.15 → 2020.0.20

data/assets/themes/j1/modules/backstretch/js/backstretch.min.js.org

@@ -1 +0,0 @@
-/*! Backstretch - v2.1.18 - 2019-09-18\n* Copyright (c) 2019 Scott Robbin;* Fork of improvements - by Daniel Cohen Gindi (danielgindi@gmail.com) Licensed MIT */!function(a,b,c){"use strict";function d(a){return m.hasOwnProperty(a)?a:"cover"}var e=/^.*(youtu\.be\/|youtube\.com\/v\/|youtube\.com\/embed\/|youtube\.com\/watch\?v=|youtube\.com\/watch\?.*\&v=)([^#\&\?]*).*/i;a.fn.backstretch=function(d,e){var f=arguments;0===a(b).scrollTop()&&b.scrollTo(0,0);var g;return this.each(function(b){var h=a(this),i=h.data("backstretch");if(i){if("string"==typeof f[0]&&"function"==typeof i[f[0]]){var j=i[f[0]].apply(i,Array.prototype.slice.call(f,1));return j===i&&(j=c),void(j!==c&&(g=g||[],g[b]=j))}e=a.extend(i.options,e),"object"==typeof i&&"destroy"in i&&i.destroy(!0)}if(!d||d&&0===d.length){var k=h.css("background-image");k&&"none"!==k?d=[{url:h.css("backgroundImage").replace(/url\(|\)|"|'/g,"")}]:a.error("No images were supplied for Backstretch, or element must have a CSS-defined background image.")}i=new n(this,d,e||{}),h.data("backstretch",i)}),g?1===g.length?g[0]:g:this},a.backstretch=function(b,c){return a("body").backstretch(b,c).data("backstretch")},a.expr[":"].backstretch=function(b){return a(b).data("backstretch")!==c},a.fn.backstretch.defaults={duration:5e3,transition:"fade",transitionDuration:0,animateFirst:!0,alignX:.5,alignY:.5,paused:!1,start:0,preload:2,preloadSize:1,resolutionRefreshRate:2500,resolutionChangeRatioThreshold:.1};var f={wrap:{left:0,top:0,overflow:"hidden",margin:0,padding:0,height:"100%",width:"100%",zIndex:-999999},itemWrapper:{position:"absolute",display:"none",margin:0,padding:0,border:"none",width:"100%",height:"100%",zIndex:-999999},item:{position:"absolute",margin:0,padding:0,border:"none",width:"100%",height:"100%",maxWidth:"none"}},g=function(){var c=function(a){for(var b=1;b<a.length;b++){for(var c=a[b],d=b;a[d-1]&&parseInt(a[d-1].width,10)>parseInt(c.width,10);)a[d]=a[d-1],--d;a[d]=c}return a},d=function(a,c,d){for(var e,f,g=b.devicePixelRatio||1,h=q(),i=(r(),c>a?"portrait":a>c?"landscape":"square"),j=0,k=0;k<d.length&&(f=d[k],"string"==typeof f&&(f=d[k]={url:f}),f.pixelRatio&&"auto"!==f.pixelRatio&&parseFloat(f.pixelRatio)!==g||f.deviceOrientation&&f.deviceOrientation!==h||f.windowOrientation&&f.windowOrientation!==h||f.orientation&&f.orientation!==i||(j=k,e=a,"auto"===f.pixelRatio&&(a*=g),!(f.width>=e)));k++);return d[Math.min(k,j)]},e=function(a,b){if("string"==typeof a)a=a.replace(/{{(width|height)}}/g,b);else if(a instanceof Array)for(var c=0;c<a.length;c++)a[c].src?a[c].src=e(a[c].src,b):a[c]=e(a[c],b);return a};return function(b,f){for(var g=b.width(),h=b.height(),i=[],j=function(a,b){return"width"===b?g:"height"===b?h:a},k=0;k<f.length;k++)if(a.isArray(f[k])){f[k]=c(f[k]);var l=d(g,h,f[k]);i.push(l)}else{"string"==typeof f[k]&&(f[k]={url:f[k]});var m=a.extend({},f[k]);m.url=e(m.url,j),i.push(m)}return i}}(),h=function(a){return e.test(a.url)||a.isVideo},i=function(b,c,d,e,f){var g=[],i=function(a){for(var b=0;b<g.length;b++)if(g[b].src===a.src)return g[b];return g.push(a),a},j=function(a,b,c){"function"==typeof b&&b.call(a,c)};return function b(c,d,e,f,g){if("undefined"!=typeof c){a.isArray(c)||(c=[c]),arguments.length<5&&"function"==typeof arguments[arguments.length-1]&&(g=arguments[arguments.length-1]),d="function"!=typeof d&&d?d:0,e="function"==typeof e||!e||e<0?c.length:Math.min(e,c.length),f="function"!=typeof f&&f?f:1,d>=c.length&&(d=0,e=0),f<0&&(f=e),f=Math.min(f,e);var k=c.slice(d+f,e-f);if(c=c.slice(d,f),e=c.length,!e)return void j(c,g,!0);for(var l,m=0,n=function(){m++,m===e&&(j(c,g,!k),b(k,0,0,f,g))},o=0;o<c.length;o++)h(c[o])||(l=new Image,l.src=c[o].url,l=i(l),l.complete?n():a(l).on("load error",n))}}}(),j=function(b){for(var c=[],d=0;d<b.length;d++)"string"==typeof b[d]?c.push({url:b[d]}):a.isArray(b[d])?c.push(j(b[d])):c.push(k(b[d]));return c},k=function(a,e){return(a.centeredX||a.centeredY)&&(b.console&&b.console.log&&b.console.log("jquery.backstretch: `centeredX`/`centeredY` is deprecated, please use `alignX`/`alignY`"),a.centeredX&&(a.alignX=.5),a.centeredY&&(a.alignY=.5)),a.speed!==c&&(b.console&&b.console.log&&b.console.log("jquery.backstretch: `speed` is deprecated, please use `transitionDuration`"),a.transitionDuration=a.speed,a.transition="fade"),a.resolutionChangeRatioTreshold!==c&&(b.console.log("jquery.backstretch: `treshold` is a typo!"),a.resolutionChangeRatioThreshold=a.resolutionChangeRatioTreshold),a.fadeFirst!==c&&(a.animateFirst=a.fadeFirst),a.fade!==c&&(a.transitionDuration=a.fade,a.transition="fade"),a.scale&&(a.scale=d(a.scale)),l(a)},l=function(a,b){return"left"===a.alignX?a.alignX=0:"center"===a.alignX?a.alignX=.5:"right"===a.alignX?a.alignX=1:(a.alignX!==c||b)&&(a.alignX=parseFloat(a.alignX),isNaN(a.alignX)&&(a.alignX=.5)),"top"===a.alignY?a.alignY=0:"center"===a.alignY?a.alignY=.5:"bottom"===a.alignY?a.alignY=1:(a.alignX!==c||b)&&(a.alignY=parseFloat(a.alignY),isNaN(a.alignY)&&(a.alignY=.5)),a},m={cover:"cover",fit:"fit","fit-smaller":"fit-smaller",fill:"fill"},n=function(c,d,e){this.options=a.extend({},a.fn.backstretch.defaults,e||{}),this.firstShow=!0,k(this.options,!0),this.images=j(a.isArray(d)?d:[d]),this.options.paused&&(this.paused=!0),this.options.start>=this.images.length&&(this.options.start=this.images.length-1),this.options.start<0&&(this.options.start=0),this.isBody=c===document.body;var h=a(b);this.$container=a(c),this.$root=this.isBody?s?h:a(document):this.$container,this.originalImages=this.images,this.images=g(this.options.alwaysTestWindowResolution?h:this.$root,this.originalImages),i(this.images,this.options.start||0,this.options.preload||1);var l=this.$container.children(".backstretch").first();if(this.$wrap=l.length?l:a('<div class="backstretch"></div>').css(this.options.bypassCss?{}:f.wrap).appendTo(this.$container),!this.options.bypassCss){if(!this.isBody){var m=this.$container.css("position"),n=this.$container.css("zIndex");this.$container.css({position:"static"===m?"relative":m,zIndex:"auto"===n?0:n}),this.$wrap.css({zIndex:-999998})}this.$wrap.css({position:this.isBody&&s?"fixed":"absolute"})}this.index=this.options.start,this.show(this.index),h.on("resize.backstretch",a.proxy(this.resize,this)).on("orientationchange.backstretch",a.proxy(function(){this.isBody&&0===b.pageYOffset&&(b.scrollTo(0,1),this.resize())},this))},o=function(b){var d=b.transition||"fade";"string"==typeof d&&d.indexOf("|")>-1&&(d=d.split("|")),d instanceof Array&&(d=d[Math.round(Math.random()*(d.length-1))]);var e=b.new,f=b.old?b.old:a([]);switch(d.toString().toLowerCase()){default:case"fade":e.fadeIn({duration:b.duration,complete:b.complete,easing:b.easing||c});break;case"fadeinout":case"fade_in_out":var g=function(){e.fadeIn({duration:b.duration/2,complete:b.complete,easing:b.easing||c})};f.length?f.fadeOut({duration:b.duration/2,complete:g,easing:b.easing||c}):g();break;case"pushleft":case"push_left":case"pushright":case"push_right":case"pushup":case"push_up":case"pushdown":case"push_down":case"coverleft":case"cover_left":case"coverright":case"cover_right":case"coverup":case"cover_up":case"coverdown":case"cover_down":var h=d.match(/^(cover|push)_?(.*)$/),i="left"===h[2]?"right":"right"===h[2]?"left":"down"===h[2]?"top":"up"===h[2]?"bottom":"right",j={display:""},k={};if(j[i]="-100%",k[i]=0,e.css(j).animate(k,{duration:b.duration,complete:function(){e.css(i,""),b.complete.apply(this,arguments)},easing:b.easing||c}),"push"===h[1]&&f.length){var l={};l[i]="100%",f.animate(l,{duration:b.duration,complete:function(){f.css("display","none")},easing:b.easing||c})}}};n.prototype={resize:function(){try{var e=this.options.alwaysTestWindowResolution?a(b):this.$root,f=e.width(),h=e.height(),j=f/(this._lastResizeContainerWidth||0),k=h/(this._lastResizeContainerHeight||0),l=this.options.resolutionChangeRatioThreshold||0;if((f!==this._lastResizeContainerWidth||h!==this._lastResizeContainerHeight)&&(Math.abs(j-1)>=l||isNaN(j)||Math.abs(k-1)>=l||isNaN(k))&&(this._lastResizeContainerWidth=f,this._lastResizeContainerHeight=h,this.images=g(e,this.originalImages),this.options.preload&&i(this.images,(this.index+1)%this.images.length,this.options.preload),1===this.images.length&&this._currentImage.url!==this.images[0].url)){var m=this;clearTimeout(m._selectAnotherResolutionTimeout),m._selectAnotherResolutionTimeout=setTimeout(function(){m.show(0)},this.options.resolutionRefreshRate)}var n,o,p={left:0,top:0,right:"auto",bottom:"auto"},q=this.isBody?this.$root.width():this.$root.innerWidth(),r=this.isBody?b.innerHeight?b.innerHeight:this.$root.height():this.$root.innerHeight(),s=this.$itemWrapper.data("width"),t=this.$itemWrapper.data("height"),u=s/t||1,v=this._currentImage.alignX===c?this.options.alignX:this._currentImage.alignX,w=this._currentImage.alignY===c?this.options.alignY:this._currentImage.alignY,x=d(this._currentImage.scale||this.options.scale);if("fit"===x||"fit-smaller"===x){if(n=s,o=t,n>q||o>r||"fit-smaller"===x){var y=q/r;y>u?(n=Math.floor(r*u),o=r):y<u?(n=q,o=Math.floor(q/u)):(n=q,o=r)}}else"fill"===x?(n=q,o=r):(n=Math.max(r*u,q),o=Math.max(n/u,r));p.top=-(o-r)*w,p.left=-(n-q)*v,p.width=n,p.height=o,this.options.bypassCss||this.$wrap.css({width:q,height:r}).find(">.backstretch-item").not(".deleteable").each(function(){var b=a(this);b.find("img,video,iframe").css(p)});var z=a.Event("backstretch.resize",{relatedTarget:this.$container[0]});this.$container.trigger(z,this)}catch(a){}return this},show:function(b,d){if(!(Math.abs(b)>this.images.length-1)){var e=this,g=e.$wrap.find(">.backstretch-item").addClass("deleteable"),i=e.videoWrapper,j={relatedTarget:e.$container[0]};e.$container.trigger(a.Event("backstretch.before",j),[e,b]),this.index=b;var k=e.images[b];clearTimeout(e._cycleTimeout),delete e.videoWrapper;var l=h(k);return l?(e.videoWrapper=new p(k),e.$item=e.videoWrapper.$video.css("pointer-events","none")):e.$item=a("<img />"),e.$itemWrapper=a('<div class="backstretch-item">').append(e.$item),this.options.bypassCss?e.$itemWrapper.css({display:"none"}):(e.$itemWrapper.css(f.itemWrapper),e.$item.css(f.item)),e.$item.bind(l?"canplay":"load",function(f){var h=a(this),k=h.parent(),m=k.data("options");d&&(m=a.extend({},m,d));var n=this.naturalWidth||this.videoWidth||this.width,p=this.naturalHeight||this.videoHeight||this.height;k.data("width",n).data("height",p);var q=function(a){return m[a]!==c?m[a]:e.options[a]},r=q("transition"),s=q("transitionEasing"),t=q("transitionDuration"),u=function(){i&&(i.stop(),i.destroy()),g.remove(),!e.paused&&e.images.length>1&&e.cycle(),e.options.bypassCss||e.isBody||e.$container.css("background-image","none"),a(["after","show"]).each(function(){e.$container.trigger(a.Event("backstretch."+this,j),[e,b])}),l&&e.videoWrapper.play()};e.firstShow&&!e.options.animateFirst||!t||!r?(k.show(),u()):o({new:k,old:g,transition:r,duration:t,easing:s,complete:u}),e.firstShow=!1,e.resize()}),e.$itemWrapper.appendTo(e.$wrap),e.$item.attr("alt",k.alt||""),e.$itemWrapper.data("options",k),l||e.$item.attr("src",k.url),e._currentImage=k,e}},current:function(){return this.index},next:function(){var a=Array.prototype.slice.call(arguments,0);return a.unshift(this.index<this.images.length-1?this.index+1:0),this.show.apply(this,a)},prev:function(){var a=Array.prototype.slice.call(arguments,0);return a.unshift(0===this.index?this.images.length-1:this.index-1),this.show.apply(this,a)},pause:function(){return this.paused=!0,this.videoWrapper&&this.videoWrapper.pause(),this},resume:function(){return this.paused=!1,this.videoWrapper&&this.videoWrapper.play(),this.cycle(),this},cycle:function(){if(this.images.length>1){clearTimeout(this._cycleTimeout);var b=this._currentImage&&this._currentImage.duration||this.options.duration,c=h(this._currentImage),d=function(){this.$item.off(".cycle"),this.paused||this.next()};if(c){if(!this._currentImage.loop){var e=0;this.$item.on("playing.cycle",function(){var b=a(this).data("player");clearTimeout(e),e=setTimeout(function(){b.pause(),b.$video.trigger("ended")},1e3*(b.getDuration()-b.getCurrentTime()))}).on("ended.cycle",function(){clearTimeout(e)})}this.$item.on("error.cycle initerror.cycle",a.proxy(d,this))}c&&!this._currentImage.duration?this.$item.on("ended.cycle",a.proxy(d,this)):this._cycleTimeout=setTimeout(a.proxy(d,this),b)}return this},destroy:function(c){a(b).off("resize.backstretch orientationchange.backstretch"),this.videoWrapper&&this.videoWrapper.destroy(),clearTimeout(this._cycleTimeout),c||this.$wrap.remove(),this.$container.removeData("backstretch")}};var p=function(){this.init.apply(this,arguments)};p.prototype.init=function(d){var f,g=this,h=function(){g.$video=f,g.video=f[0]},i="video";if(d.url instanceof Array||!e.test(d.url)||(i="youtube"),g.type=i,"youtube"===i){p.loadYoutubeAPI(),g.ytId=d.url.match(e)[2];var j="https://www.youtube.com/embed/"+g.ytId+"?rel=0&autoplay=0&showinfo=0&controls=0&modestbranding=1&cc_load_policy=0&disablekb=1&iv_load_policy=3&loop=0&enablejsapi=1&origin="+encodeURIComponent(b.location.origin);g.__ytStartMuted=!!d.mute||d.mute===c,f=a("<iframe />").attr({src_to_load:j}).css({border:0,margin:0,padding:0}).data("player",g),d.loop&&f.on("ended.loop",function(){g.__manuallyStopped||g.play()}),g.ytReady=!1,h(),b.YT&&b.YT.loaded?(g._initYoutube(),f.trigger("initsuccess")):a(b).one("youtube_api_load",function(){g._initYoutube(),f.trigger("initsuccess")})}else{f=a("<video>").prop("autoplay",!1).prop("controls",!1).prop("loop",!!d.loop).prop("muted",!!d.mute||d.mute===c).prop("preload","auto").prop("poster",d.poster||"");for(var k=d.url instanceof Array?d.url:[d.url],l=0;l<k.length;l++){var m=k[l];"string"==typeof m&&(m={src:m}),a("<source>").attr("src",m.src).attr("type",m.type||null).appendTo(f)}f[0].canPlayType&&k.length?f.trigger("initsuccess"):f.trigger("initerror"),h()}},p.prototype._initYoutube=function(){var c=this,d=b.YT;c.$video.attr("src",c.$video.attr("src_to_load")).removeAttr("src_to_load");var e=!!c.$video[0].parentNode;if(!e){var f=a("<div>").css("display","none !important").appendTo(document.body);c.$video.appendTo(f)}var g=new d.Player(c.video,{events:{onReady:function(){c.__ytStartMuted&&g.mute(),e||(c.$video[0].parentNode===f[0]&&c.$video.detach(),f.remove()),c.ytReady=!0,c._updateYoutubeSize(),c.$video.trigger("canplay")},onStateChange:function(a){switch(a.data){case d.PlayerState.PLAYING:c.$video.trigger("playing");break;case d.PlayerState.ENDED:c.$video.trigger("ended");break;case d.PlayerState.PAUSED:c.$video.trigger("pause");break;case d.PlayerState.BUFFERING:c.$video.trigger("waiting");break;case d.PlayerState.CUED:c.$video.trigger("canplay")}},onPlaybackQualityChange:function(){c._updateYoutubeSize(),c.$video.trigger("resize")},onError:function(a){c.hasError=!0,c.$video.trigger({type:"error",error:a})}}});return c.ytPlayer=g,c},p.prototype._updateYoutubeSize=function(){var a=this;switch(a.ytPlayer.getPlaybackQuality()||"medium"){case"small":a.video.videoWidth=426,a.video.videoHeight=240;break;case"medium":a.video.videoWidth=640,a.video.videoHeight=360;break;default:case"large":a.video.videoWidth=854,a.video.videoHeight=480;break;case"hd720":a.video.videoWidth=1280,a.video.videoHeight=720;break;case"hd1080":a.video.videoWidth=1920,a.video.videoHeight=1080;break;case"highres":a.video.videoWidth=2560,a.video.videoHeight=1440}return a},p.prototype.play=function(){var a=this;return a.__manuallyStopped=!1,"youtube"===a.type?a.ytReady&&(a.$video.trigger("play"),a.ytPlayer.playVideo()):a.video.play(),a},p.prototype.pause=function(){var a=this;return a.__manuallyStopped=!1,"youtube"===a.type?a.ytReady&&a.ytPlayer.pauseVideo():a.video.pause(),a},p.prototype.stop=function(){var a=this;return a.__manuallyStopped=!0,"youtube"===a.type?a.ytReady&&(a.ytPlayer.pauseVideo(),a.ytPlayer.seekTo(0)):(a.video.pause(),a.video.currentTime=0),a},p.prototype.destroy=function(){var a=this;return a.ytPlayer&&a.ytPlayer.destroy(),a.$video.remove(),a},p.prototype.getCurrentTime=function(a){var b=this;return"youtube"!==b.type?b.video.currentTime:b.ytReady?b.ytPlayer.getCurrentTime():0},p.prototype.setCurrentTime=function(a){var b=this;return"youtube"===b.type?b.ytReady&&b.ytPlayer.seekTo(a,!0):b.video.currentTime=a,b},p.prototype.getDuration=function(){var a=this;return"youtube"!==a.type?a.video.duration:a.ytReady?a.ytPlayer.getDuration():0},p.loadYoutubeAPI=function(){b.YT&&b.__yt_load_event_interval__||(b.YT||a("script[src*=www\\.youtube\\.com\\/iframe_api]").length||a('<script type="text/javascript" src="https://www.youtube.com/iframe_api">').appendTo("body"),b.__yt_load_event_interval__=setInterval(function(){b.YT&&b.YT.loaded&&(a(b).trigger("youtube_api_load"),clearTimeout(b.__yt_load_event_interval__),delete b.__yt_load_event_interval__)},50))};var q=function(){if("matchMedia"in b){if(b.matchMedia("(orientation: portrait)").matches)return"portrait";if(b.matchMedia("(orientation: landscape)").matches)return"landscape"}return screen.height>screen.width?"portrait":"landscape"},r=function(){return b.innerHeight>b.innerWidth?"portrait":b.innerWidth>b.innerHeight?"landscape":"square"},s=function(){var a=navigator.userAgent,c=navigator.platform,d=a.match(/AppleWebKit\/([0-9]+)/),e=!!d&&d[1],f=a.match(/Fennec\/([0-9]+)/),g=!!f&&f[1],h=a.match(/Opera Mobi\/([0-9]+)/),i=!!h&&h[1],j=a.match(/MSIE ([0-9]+)/),k=!!j&&j[1];return!((c.indexOf("iPhone")>-1||c.indexOf("iPad")>-1||c.indexOf("iPod")>-1)&&e&&e<534||b.operamini&&"[object OperaMini]"==={}.toString.call(b.operamini)||h&&i<7458||a.indexOf("Android")>-1&&e&&e<533||g&&g<6||"palmGetResource"in b&&e&&e<534||a.indexOf("MeeGo")>-1&&a.indexOf("NokiaBrowser/8.5.0")>-1||k&&k<=6)}()}(jQuery,window);

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.webp
-          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.webp
-          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.webp
-          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.
-
-|===============================================================================