j1-template 2020.0.20 → 2021.0.0

data/lib/starter_web/pages/public/000_nav_pagination_tester.adoc

@@ -1,297 +0,0 @@
----
-title:                                  Navigation
-tagline:                                paginator
-description:                            J1 Template Roundtrip - Present image based data
-
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Template, Roundtrip, Images ]
-categories:                             [ pages ]
-
-toc:                                    true
-scrollbar:                              false
-
-permalink:                              /pages/public/tester/paginator/
-regenerate:                             false
-
-resources:                              []
-resource_options:
-  - attic:
-      padding_top:                      400
-      padding_bottom:                   50
-      opacity:                          0.5
-#     slides:
-#       - url:                          /assets/images/pages/roundtrip/images-1920x1280-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
-// -----------------------------------------------------------------------------
-
-
-== Paginator
-
-lorem:sentences[3]
-
-++++
-<div class="mb-5">
-  <!-- Pagination #15 -->
-  <nav class="text-left" aria-label="Page Navigation">
-    <ul class="list-inline">
-      <li class="list-inline-item">
-        <a class="u-pagination-v1__item g-brd-around g-brd-2 g-brd-gray-dark-v2 g-color-gray-dark-v2 g-bg-gray-dark-v2--hover g-color-white--hover g-brd-gray-dark-v2--hover g-rounded-3 g-pa-4-13" href="#" aria-label="Previous">
-          <span aria-hidden="true">
-            <i class="fa fa-angle-left g-mr-5"></i>
-            Previous
-          </span>
-          <span class="sr-only">Previous</span>
-        </a>
-      </li>
-      <li class="list-inline-item">
-        <a class="u-pagination-v1__item g-brd-around g-brd-2 g-brd-gray-dark-v2 g-color-gray-dark-v2 g-bg-gray-dark-v2--hover g-color-white--hover g-brd-gray-dark-v2--hover g-rounded-3 g-pa-4-13" href="#" aria-label="Next">
-          <span aria-hidden="true">
-            Next
-            <i class="fa fa-angle-right g-ml-5"></i>
-          </span>
-          <span class="sr-only">Next</span>
-        </a>
-      </li>
-    </ul>
-  </nav>
-  <!-- End Pagination #15 -->
-</div>
-++++
-
-++++
-<div class="mb-5">
-  <!-- Pagination #08 -->
-  <nav class="text-left" aria-label="Page Navigation">
-    <ul class="list-inline">
-      <li class="list-inline-item">
-        <a class="u-pagination-v1__item u-pagination-v1-2 g-pa-7-16" href="#" aria-label="Previous">
-          <span aria-hidden="true">
-            <i class="fa fa-angle-left g-mr-5"></i>
-            Previous
-          </span>
-          <span class="sr-only">Previous</span>
-        </a>
-      </li>
-      <li class="list-inline-item g-hidden-sm-down">
-        <a class="u-pagination-v1__item u-pagination-v1-2 g-pa-7-14" href="#">1</a>
-      </li>
-      <li class="list-inline-item g-hidden-sm-down">
-        <a class="u-pagination-v1__item u-pagination-v1-2 u-pagination-v1-2--active g-pa-7-14" href="#">2</a>
-      </li>
-      <li class="list-inline-item g-hidden-sm-down">
-        <a class="u-pagination-v1__item u-pagination-v1-2 g-pa-7-14" href="#">3</a>
-      </li>
-      <li class="list-inline-item g-hidden-sm-down">
-        <a class="g-pa-7-14">...</a>
-      </li>
-      <li class="list-inline-item g-hidden-sm-down">
-        <a class="u-pagination-v1__item u-pagination-v1-2 g-pa-7-14" href="#">80</a>
-      </li>
-      <li class="list-inline-item">
-        <a class="u-pagination-v1__item u-pagination-v1-2 g-pa-7-16" href="#" aria-label="Next">
-          <span aria-hidden="true">
-            Next
-            <i class="fa fa-angle-right g-ml-5"></i>
-          </span>
-          <span class="sr-only">Next</span>
-        </a>
-      </li>
-    </ul>
-  </nav>
-  <!-- End Pagination #08 -->
-</div>
-++++
-
-++++
-<nav class="text-left mb-5" aria-label="Page Navigation">
-  <ul class="list-inline">
-    <li class="list-inline-item">
-      <a class="u-pagination-v1__item u-pagination-v1-1 u-pagination-v1__item--disabled g-pa-12-21" href="#" aria-label="Previous">
-        <span aria-hidden="true">
-          <i class="fa fa-angle-left g-mr-5"></i>
-          Previous
-        </span>
-        <span class="sr-only">Previous</span>
-      </a>
-    </li>
-    <li class="list-inline-item g-hidden-sm-down">
-      <a class="u-pagination-v1__item u-pagination-v1-1 u-pagination-v1-1--active g-pa-12-19" href="#">1</a>
-    </li>
-    <li class="list-inline-item g-hidden-sm-down">
-      <a class="u-pagination-v1__item u-pagination-v1-1 g-pa-12-19" href="#">2</a>
-    </li>
-    <li class="list-inline-item g-hidden-sm-down">
-      <a class="u-pagination-v1__item u-pagination-v1-1 g-pa-12-19" href="#">3</a>
-    </li>
-    <li class="list-inline-item g-hidden-sm-down">
-      <span class="g-pa-12-19">...</span>
-    </li>
-    <li class="list-inline-item g-hidden-sm-down">
-      <a class="u-pagination-v1__item u-pagination-v1-1 g-pa-12-19" href="#">15</a>
-    </li>
-    <li class="list-inline-item">
-      <a class="u-pagination-v1__item u-pagination-v1-1 g-pa-12-21" href="#" aria-label="Next">
-        <span aria-hidden="true">
-          Next
-          <i class="fa fa-angle-right g-ml-5"></i>
-        </span>
-        <span class="sr-only">Next</span>
-      </a>
-    </li>
-  </ul>
-</nav>
-++++
-
-== Bootstrap Paginations
-
-Pagination links indicate a series of related content exists across
-multiple pages. Typically these are used where a multi-page approach
-to long lists of content improves general performance, such as in
-search results or inboxes.
-
-++++
-<div class="shortcode-html">
-  <!-- Pagination Default -->
-  <nav aria-label="Page navigation">
-    <ul class="pagination">
-      <li class="page-item">
-        <a class="page-link" href="#" aria-label="Previous">
-          <span aria-hidden="true">«</span>
-          <span class="sr-only">Previous</span>
-        </a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">1</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">2</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">3</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">4</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">5</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#" aria-label="Next">
-          <span aria-hidden="true">»</span>
-          <span class="sr-only">Next</span>
-        </a>
-      </li>
-    </ul>
-  </nav>
-  <!-- End Pagination Default -->
-</div>
-++++
-
-++++
-<div class="shortcode-html">
-  <!-- Pagination States -->
-  <nav aria-label="...">
-    <ul class="pagination">
-      <li class="page-item disabled">
-        <a class="page-link" href="#" tabindex="-1" aria-label="Previous">
-          <span aria-hidden="true">«</span>
-          <span class="sr-only">Previous</span>
-        </a>
-      </li>
-      <li class="page-item active">
-        <a class="page-link" href="#">1
-          <span class="sr-only">(current)</span>
-        </a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">2</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">3</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">4</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">5</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#" aria-label="Next">
-          <span aria-hidden="true">»</span>
-          <span class="sr-only">Next</span>
-        </a>
-      </li>
-    </ul>
-  </nav>
-  <!-- End Pagination States -->
-</div>
-++++
-
-++++
-<div class="shortcode-html">
-  <!-- Pagination Large -->
-  <nav aria-label="...">
-    <ul class="pagination pagination-lg">
-      <li class="page-item">
-        <a class="page-link" href="#" aria-label="Previous">
-          <span aria-hidden="true">«</span>
-          <span class="sr-only">Previous</span>
-        </a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">1</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">2</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#">3</a>
-      </li>
-      <li class="page-item">
-        <a class="page-link" href="#" aria-label="Next">
-          <span aria-hidden="true">»</span>
-          <span class="sr-only">Next</span>
-        </a>
-      </li>
-    </ul>
-  </nav>
-  <!-- End Pagination Large -->
-</div>
-++++

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

@@ -1,221 +0,0 @@
----
-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>
-++++