j1-template 2020.0.11 → 2020.0.16

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

@@ -3,7 +3,7 @@ layout:                                 blog_archive
 
 title:                                  Creators Blog
 tagline:                                explore posts
-description:                            Page Generator
+description:                            Navigate  all articles
 
 tags:                                   [ Blog, Creator ]
 resources:                              []
@@ -21,7 +21,7 @@ resource_options:
   - attic:
       padding_top:                      400
       padding_bottom:                   50
-      opacity:                          0.5 
+      opacity:                          0.5
       slides:
         - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
           alt:                          Photo by Matthaeus

data/lib/starter_web/pages/public/learn/examples/floating_ad.adoc

@@ -0,0 +1,221 @@
+---
+title:                                  CSS Examples
+tagline:                                floating ads
+description:                            floating ads
+
+tags:                                   [ Page, Roundtrip ]
+index:                                  [ Start, Template, Whats, Up, Readme, TL;DR ]
+categories:                             [ pages ]
+
+toc:                                    true
+advertising:                            true
+
+permalink:                              /pages/public/learn/fad/
+regenerate:                             false
+
+resources:                              [ lightbox ]
+resource_options:
+---
+
+// 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}/path/to/page/images
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+// Include sub-documents
+// -----------------------------------------------------------------------------
+
+Welcome to the pages of J1 Template. If your here first time,
+hopefully you get on that page first. For sure, there is no better
+place to step in.
+
+Having a menu system is great. We hope the the navigator module of J1 will
+support you to explore this site, find what your are looking for. The site
+of J1 has grown over the last month a lot. Many documents were seeking for
+a home. And we have really a bunch of them.
+
+== Orientation
+
+To get better orientated, the site is organized for *natural reading*. As we
+use the English language for our international vistors (we are German),
+*natural reading* means for a western language, reading from the left to the
+right (LTR), and from top to down a page. The same to all menus, sections
+and pages.
+
+Welcome to the pages of J1 Template. If your here first time,
+hopefully you get on that page first. For sure, there is no better
+place to step in.
+
+Having a menu system is great. We hope the the navigator module of J1 will
+support you to explore this site, find what your are looking for. The site
+of J1 has grown over the last month a lot. Many documents were seeking for
+a home. And we have really a bunch of them.
+
+To get better orientated, the site is organized for *natural reading*. As we
+use the English language for our international vistors (we are German),
+*natural reading* means for a western language, reading from the left to the
+right (LTR), and from top to down a page. The same to all menus, sections
+and pages.
+Welcome to the pages of J1 Template. If your here first time,
+hopefully you get on that page first. For sure, there is no better
+place to step in.
+
+Having a menu system is great. We hope the the navigator module of J1 will
+support you to explore this site, find what your are looking for. The site
+of J1 has grown over the last month a lot. Many documents were seeking for
+a home. And we have really a bunch of them.
+
+To get better orientated, the site is organized for *natural reading*. As we
+use the English language for our international vistors (we are German),
+*natural reading* means for a western language, reading from the left to the
+right (LTR), and from top to down a page. The same to all menus, sections
+and pages.
+
+
+++++
+<style>
+
+  .advertising {
+    display: none;
+  }
+
+  .adblock {
+  }
+
+  .adblock-fixed {
+    position: fixed;
+  }
+
+/* .sidebar {
+    width:33.33%;
+    float:left;
+    padding: 0 10px;
+} */
+
+/*
+  .floating-div {
+    background-color: #333;
+    padding: 10px 50px;
+    color:#EEE;
+    font-size: 20px;
+    margin-top:10px;
+    position: absolute;
+    right: -40px;
+  }
+*/
+  .floating-div {
+      background-color: #333;
+      /* padding: 10px 50px; */
+      color: #EEE;
+      font-size: 20px;
+      /* margin-top: 10px; */
+      /* position: absolute; */
+      /* right: -40px; */
+  }
+
+  .sticky {
+    position: fixed;
+    top: 150px;
+    right:-40px;
+    margin: 0;
+    width:calc(33.33% - 25px);
+  }
+
+  .abs {
+    position: absolute;
+    bottom: 10px;
+    right:10px;
+    width:calc(33.33% - 20px);
+  }
+</style>
+
+<script>
+  $(document).ready(function() {
+    var dependencies_met_core = setInterval(function() {
+      if (j1.getState() == 'finished') {
+        // variables
+        var logger = log4javascript.getLogger('fad.scrollSpy');
+
+        var $window             = $(window);
+        var $navbar             = $('nav.navbar');
+        var $attic              = $('.attic');
+        var $main_content       = $('.js-toc-content');
+        var $adblock            = $('#adblock');
+        var $footer             = $('#j1_footer');
+
+        var pageHeight          = $window.height();
+        var pageHeightOuter     = $window.outerHeight();
+
+        var atticHeight         = $attic.height();
+        var atticHeightOuter    = $attic.outerHeight()
+        var navbarHeight        = $navbar.height();
+        var navbarHeightOuter   = $navbar.outerHeight()
+
+        var footerHeight        = $footer.height();
+        var footerHeightOuter   = $footer.outerHeight();
+        var footerFromTop       = $footer.offset().top;
+
+        var adFromTop           = $adblock.offset().top;
+        var adblockHeight       = $adblock.height();
+        var adblockHeightOuter  = $adblock.outerHeight();
+
+        var a                   = $adblock.offset().top;
+        var m                   = $main_content.offset().top;
+        var h                   = $attic.length ? $attic.height() : 0;
+        var n                   = $navbar.length ? $navbar.height() : 0;
+
+        var fixPosition         = navbarHeight;
+        var absPosition         = fixPosition - 10;
+
+        $window.scroll(function() {
+          var scrollPos = $(document).scrollTop();
+
+          logger.info('document scroll pos detected as: ' + scrollPos + 'px');
+
+          if ($window.scrollTop() > fixPosition) {
+            $adblock.show();
+            $adblock.addClass('adblock-fixed');
+//          $adblock.css('top', 80);
+            $adblock.css('top', fixPosition);
+          } else if ($window.scrollTop() < absPosition) {
+            $adblock.removeClass('adblock-fixed');
+            $adblock.removeAttr('style');
+            $adblock.hide();
+          } else {
+            $adblock.removeClass('adblock-fixed');
+            $adblock.removeAttr('style');
+            $adblock.hide();
+          }
+        });
+        clearInterval(dependencies_met_core);
+      }
+    }, 25);
+  });
+</script>
+++++

data/lib/starter_web/pages/public/learn/examples/floating_div.adoc

@@ -49,7 +49,21 @@ resource_options:
 // -----------------------------------------------------------------------------
 
 ++++
-<div class="sidebar">
+    <div id="adblock" class="row no-gutters adblock">
+      <div class="doc-example mb-3">
+        <button type="button" class="btn btn-primary btn-raised">Primary</button>
+        <button type="button" class="btn btn-secondary btn-raised">Secondary</button>
+        <button type="button" class="btn btn-success btn-raised">Success</button>
+        <button type="button" class="btn btn-info btn-raised">Info</button>
+        <button type="button" class="btn btn-warning btn-raised">Warning</button>
+        <button type="button" class="btn btn-danger btn-raised">Danger</button>
+        <button type="button" class="btn btn-link btn-raised">Link</button>
+      </div>
+    </div>
+++++
+
+++++
+<div class="">
   <div class="floating-div">
     <p>This "floating div" could be a form, a call to action, an ad,
       or whatever other content you want to float in sidebar as the user
@@ -106,12 +120,20 @@ and pages.
 ++++
 <style>
 
+  .adblock {
+  }
+
+  .adblock-fixed {
+    position: fixed;
+  }
+
   .sidebar {
     width:33.33%;
     float:left;
     padding: 0 10px;
   }
 
+/*
   .floating-div {
     background-color: #333;
     padding: 10px 50px;
@@ -121,6 +143,16 @@ and pages.
     position: absolute;
     right: -40px;
   }
+*/
+  .floating-div {
+      background-color: #333;
+      /* padding: 10px 50px; */
+      color: #EEE;
+      font-size: 20px;
+      /* margin-top: 10px; */
+      /* position: absolute; */
+      /* right: -40px; */
+  }
 
   .sticky {
     position: fixed;

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/100_meet_and_greet_jekyll.adoc

@@ -1,6 +1,7 @@
 ---
 title:                                  Web in a Day
 tagline:                                meet & greet jekyll
+date:                                   2018-05-01 00:00:00
 description: >
                                         Web in a Day is the first in a series of tutorials to
                                         learn how to create modern websites using Jekyll. This

data/lib/starter_web/pages/public/learn/roundtrip/000_bs_tour.1.asciidoc

@@ -20,7 +20,7 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
+        - url:                          /assets/images/pages/roundtrip/images/bootstrap-1920x1000-bw.jpg
           alt:                          Photo by Ricardo Gomez Angel on Unsplash
           badge:
             type:                       unsplash
@@ -118,4 +118,3 @@ Javascript libraries to support such functionality.
 
 </script>
 ++++
-

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

@@ -20,7 +20,7 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
+        - url:                          /assets/images/pages/roundtrip/images/bootstrap-1920x1000-bw.jpg
           alt:                          Photo by Ricardo Gomez Angel on Unsplash
           badge:
             type:                       unsplash
@@ -142,4 +142,3 @@ Javascript libraries to support such functionality.
 }).call(this);
 </script>
 ++++
-

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

@@ -20,7 +20,7 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
+        - url:                          /assets/images/pages/roundtrip/images/bootstrap-1920x1000-bw.jpg
           alt:                          Photo by Ricardo Gomez Angel on Unsplash
           badge:
             type:                       unsplash
@@ -145,7 +145,7 @@ http://getbootstrap.com/javascript/#popovers[Popover]._
 |autoscroll
 |Boolean
 |`true`
-|Autoscrolls the window when the step popover is out of view. 
+|Autoscrolls the window when the step popover is out of view.
 
 |keyboard
 |Boolean
@@ -167,18 +167,18 @@ Storage interfaces]._
 |Boolean
 |`false`
 |Set this option to true to have some useful
-informations printed in the console. 
+informations printed in the console.
 
 |backdrop
 |Boolean
 |`false`
 |Show a dark backdrop behind the popover and its
-element, highlighting the current step. 
+element, highlighting the current step.
 
 |backdropContainer
 |String
 |`body`
-|HTML element (jQuery selector) on which the backdrop should be shown. 
+|HTML element (jQuery selector) on which the backdrop should be shown.
 
 |backdropPadding
 |Number\|Object
@@ -238,7 +238,7 @@ 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){}`
@@ -258,7 +258,7 @@ A simple example if to send a post request to your server each time
 there is a change.
 
 |onStart
-|Function 
+|Function
 |`name(tour){}`
 |Function to execute when the tour starts.
 
@@ -341,7 +341,7 @@ var tour = Tour({
   afterSetState: function (key, value) {
     $.post("/some/path", value);
   }
-});            
+});
 ----
 
 
@@ -449,7 +449,7 @@ _This option should be used in conjunction with `next`._
 |container
 |String
 |`body`
-|Attachment of popover. Pass an element (jQuery selector) to append the 
+|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.
@@ -460,10 +460,10 @@ Internet Explorer.
 |Show a dark backdrop behind the popover and its
 element, highlighting the current step.
 
-|backdropContainer NEW 
+|backdropContainer NEW
 |String (jQuery selector)
 |`body`
-|HTML element on which the backdrop should be shown. 
+|HTML element on which the backdrop should be shown.
 
 |backdropPadding NEW
 |Boolean\|Object
@@ -475,7 +475,7 @@ It can be a number or a object containing optional `top`, `right`,
 |redirect
 |Boolean\|Function
 |`true`
-|Set a custom function to execute as redirect function. The default 
+|Set a custom function to execute as redirect function. The default
 redirect relies on the traditional `document.location.href`.
 
 |reflex UPDATED
@@ -497,7 +497,7 @@ 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 
+|duration NEW
 |Boolean\|String
 |`false`
 |Set a expiration time for the steps. When
@@ -580,7 +580,7 @@ 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 
+If, for some reasons, you want to force the tour to be displayed, pass
 *true* to the *start()* method.
 
 [cols="3,9a",options="header",]
@@ -632,13 +632,11 @@ word)_ .
 |Get the index of the current step.
 
 |setCurrentStep(`i`)
-|Override the current step. Pass `i` as the index of the step in the 
+|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 
+|Triggers a redraw on the overlay element. Useful for dynamically sized
 tour targets.
 
 |===============================================================================
-
-