j1-template 2020.0.21 → 2021.0.1

data/lib/starter_web/pages/public/test_pages/floating_div.adoc

@@ -1,209 +0,0 @@
----
-title:                                  CSS Examples
-tagline:                                floating div
-description:                            floating div
-
-tags:                                   [ Page, Roundtrip ]
-index:                                  [ Start, Template, Whats, Up, Readme, TL;DR ]
-categories:                             [ pages ]
-
-permalink:                              /pages/public/learn/fsb/
-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
-// -----------------------------------------------------------------------------
-
-++++
-    <div id="adblock" class="row no-gutters adblock">
-      <div class="doc-example mb-3">
-        <button type="button" class="btn btn-secondary 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
-      scrolls up and down the page.
-    </p>
-  </div>
-</div>
-++++
-
-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.
-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>
-
-  .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 main_content      = $('.js-toc-content');
-        var m                 = $(main_content).offset().top;
-        var topPosition       = $('.floating-div').offset().top - 10;
-        var floatingDivHeight = $('.floating-div').outerHeight();
-        var footer            = $('#j1_footer');
-        var footerFromTop     = $('#j1_footer').offset().top;
-        var absPosition       = footerFromTop - floatingDivHeight - 20;
-        var win               = $(window);
-        var floatingDiv       = $('.floating-div');
-
-        win.scroll(function() {
-          if (window.matchMedia('(min-width: 768px)').matches) {
-            if ((win.scrollTop() > topPosition) && (win.scrollTop() < absPosition)) {
-              floatingDiv.addClass('sticky');
-              floatingDiv.removeClass('abs');
-
-            } else if ((win.scrollTop() > topPosition) && (win.scrollTop() > absPosition)) {
-              floatingDiv.removeClass('sticky');
-              floatingDiv.addClass('abs');
-
-            } else {
-              floatingDiv.removeClass('sticky');
-              floatingDiv.removeClass('abs');
-            }
-          }
-        });
-        clearInterval(dependencies_met_core);
-      }
-    }, 25);
-  });
-</script>
-++++

data/lib/starter_web/pages/public/test_pages/includes/attributes.asciidoc

@@ -1,47 +0,0 @@
-// ~/document_base_folder/includes/attributes.asciidoc
-// Local Asciidoc attribute includes
-// -----------------------------------------------------------------------------
-
-// URL, local references to internal|external web links
-// -----------------------------------------------------------------------------
-tag::urls[]
-
-:url-local--source:                               https://example.com/home
-:url-wikipedia_de--yandex:                        https://de.wikipedia.org/wiki/Yandex
-
-end::urls[]
-
-
-// TAGS, local Asciidoc attributes (variables)
-// -----------------------------------------------------------------------------
-tag::tags[]
-:documents-dir:                                   documents
-:tables-dir:                                      tables
-:images-dir--pages:                               images/pages
-end::tags[]
-
-
-// IMAGES, local references to images
-// -----------------------------------------------------------------------------
-tag::images[]
-:image-wikipedia--minneapolis:                    {images-dir--pages}/minneapolis.1200x400.jpg
-end::images[]
-
-
-// DATA, local references to data elements (asciidoc extensions)
-// -----------------------------------------------------------------------------
-tag::data[]
-:data-wikipedia--minneapolis:                     "{images-dir--pages}/minneapolis.1200x400.jpg, local image"
-end::data[]
-
-
-// PRODUCTS, local product information (e.g. release)
-// -----------------------------------------------------------------------------
-tag::products[]
-end::products[]
-
-
-// AUTHORS, local author information (e.g. article)
-// -----------------------------------------------------------------------------
-tag::authors[]
-end::authors[]

data/lib/starter_web/pages/public/test_pages/includes/documents/100_gistblock.asciidoc

@@ -1,27 +0,0 @@
-== Github Gist
-
-Code snippets may helpful to support your readers for existing code examples.
-An excellent place for code snippets is Gist at Github. To embed an existing
-gist into your documents, the Asciidoc extention *Gist block* provides the
-block macro `gist::` to do so.
-
-The following gist snippet is taken from {asciidoc-extensions-gist-example}[this example, window="_blank"]:
-
-//[source, adoc]
-----
-.Gist title
-gist::git_address[] <1>
-----
-<1> For `git_address`, {github-gist-home}[, window="_blank"] is prepended automatically
-
-.Example of a gist block
-----
-.Guard setup to live preview AsciiDoc output
-gist::mojavelinux/5546622[]
-----
-
-[.result]
-====
-.Guard setup to live preview AsciiDoc output
-gist::mojavelinux/5546622[]
-====

data/lib/starter_web/pages/public/test_pages/includes/tables/000_bem_specifiers.asciidoc

@@ -1,22 +0,0 @@
-
-.BEM specifiers for J1 Template __variables__
-[cols="1a,3a,8a", options="header", width="100%", role="table-responsive-stacked-lg mt-3"]
-|===============================================================================
-|Specifier |Example |Description
-
-|Block
-|`url` \| `image` \| `data`
-|Top level specifier. Defines the (global) resource type, e.g. an URL, image
-or a dataset
-
-|Element
-|`url-j1`
-|Specifier to express the dependency upon the block, e.g. a site prefix like
-`https://jekyll.one`
-
-|Modifier
-|`url-j1\--home` \| `url-j1\--learn_present_images`
-|Specifier that adresses a specific source: e.g. web page like
-`https://jekyll.one/` \| `https://jekyll.one/pages/public/learn/roundtrip/present_images`
-
-|===============================================================================

data/lib/starter_web/pages/public/test_pages/includes/tables/000_specifier_examples.asciidoc

@@ -1,56 +0,0 @@
-
-.Examples for attributes
-[cols="1a,4a,7a", options="header", width="100%", role="table-responsive-stacked-lg mt-3"]
-|===============================================================================
-|Tag |BEM |Value\|Example
-
-|url
-|`url-j1--home`
-|{url-j1--home} {char-emdash}
-link:{url-j1--home}[Jekyll One {middot} Home, {browser-window--new}]
-[source, adoc, role="noclip"]
-----
-link:{url-j1--home}[Jekyll One {middot} Home, {browser-window--new}]
-----
-
-|tag
-|`browser-window--new`
-|{browser-window--new}
-[source, adoc, role="noclip"]
-----
-link:{url}[link title, {browser-window--new}]
-----
-
-|tag
-|`icon-battery--quarter`
-|icon:battery-quarter[role="md-blue"]
-[source, adoc, role="noclip"]
-----
-icon:battery-quarter[role="md-blue"]
-----
-
-|tag
-|`figure-caption--text`
-|{figure-caption--text}
-[source, adoc, role="noclip"]
-----
-.{figure-caption--text} image name
-----
-
-|image
-|`image-attic--cookies`
-|{image-attic--cookies}
-[source, adoc, role="noclip"]
-----
-image:{image-attic--cookies}[image title]
-----
-
-|data
-|`data-lightbox--example`
-|{data-lightbox--example}
-[source, adoc, role="noclip"]
-----
-lightbox::lightbox--example[600, {data-lightbox--example}]
-----
-
-|===============================================================================

data/lib/starter_web/pages/public/test_pages/nav_pagination_tester.adoc

@@ -1,297 +0,0 @@
----
-title:                                  Navigation Tester
-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>
-++++