j1-template 2020.0.25 → 2021.0.0

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

@@ -1,284 +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
-date:                                   2020-11-08 12:00:00
-
-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
----
-
-// Page Initializer
-// =============================================================================
-// Enable the Liquid Preprocessor
-:page-liquid:
-
-// Set page (local) attributes here
-// -----------------------------------------------------------------------------
-// :page--attr:                         <attr-value>
-
-//  Load Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
-
-// Load page attributes
-// -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="none" %}
-
-
-// Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-== 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/test_pages/page_attribute_tester.adoc

@@ -1,196 +0,0 @@
----
-title:                                  Attribute Tester
-tagline:                                global attributes for pages
-description:
-
-tags:                                   [ Page, Tester ]
-index:                                  [ Template, Tester, Attribute ]
-categories:                             [ pages ]
-
-permalink:                              /pages/public/test_pages/page_attribute_tester/
-regenerate:                             false
-date:                                   2020-11-08 12:00:00
-
-toc:                                    true
-advertising:                            false
-
-resources:                              [ rouge ]
-resource_options:
-# - ssm:
-#     mode:                             menu
-  - attic:
-      padding_top:                      400
-      padding_bottom:                   50
-      opacity:                          0.3
-      slides:
-        - url:                          /assets/images/pages/roundtrip/typography-1920x1280-bw.jpg
-          alt:                          Photo by Alice Donovan Rousel on Unsplash
-          preload:                      0
-          transitionDuration:           fast
-          resolutionRefreshRate:        500
-          badge:
-            type:                       unsplash
-            author:                     Alice Donovan Rousel
-            href:                       https://unsplash.com/@alicekat/portfolio
----
-
-// Page Initializer
-// =============================================================================
-// Enable the Liquid Preprocessor
-:page-liquid:
-
-// Set page (local) attributes here
-// -----------------------------------------------------------------------------
-:debug:                                 true
-:content:                               false
-
-//  Load Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
-
-// Load page attributes
-// -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="global" %}
-
-
-// Page content
-// =============================================================================
-ifeval::[{debug} == true]
-== Notes
-
-The Liquid preprocessor not applied to included AsciiDoc files by the
-*jekyll-asciidoc* plugin.
-
-See::
-* link:{url-asciidoctor-plugin--issue_166}[Plugin {char-middot} jekyll-asciidoc {char-middot} issue #166, {browser-window--new}] +
-* link:{url__asciidoctor-plugin--issue_166}[Plugin {char-middot} jekyll-asciidoc {char-middot} issue #166, {browser-window--new}]
-
-Comments::
-*mojavelinux* commented on 3 Oct 2017
-
-[source, text, role="mb-5"]
-----
-The problem is that the liquid filter is applied to the raw source, before
-the AsciiDoc plugin gets involved. That step doesn't know anything about
-AsciiDoc includes, so it only looks at the flat source. Then Asciidoctor
-comes in and converts the content. Only then is the include file folded in,
-but Asciidoctor doesn't know anything about liquid. That's why the liquid
-tags are not processed in the include file.
-
-There was never a test for this scenario, which is why it got overlooked.
-
-In order to solve this, we'd need to introduce a custom IncludeProcessor
-that applies the liquid filter on the included content. At the moment,
-that has side effects, so it needs to be handled carefully.
-----
-
-== Variables
-
-// Include table|s (global source)
-// -----------------------------------------------------------------------------
-include::{table-template--variables}[]
-
-.Jekyll variables (Liquid)
-[cols="3,3a,6a, options="header", width="100%", role="rtable mt-3"]
-|===============================================================================
-|Name |Value |Description
-
-|`page.path`
-|{{ page.path }}
-|The path to the raw post or page. Example usage: Linking back to the page
-or post's source on GitHub. This can be overridden in the `YAML Front Matter`.
-
-|`site.collections_dir`
-|{{ site.collections_dir }}
-|lorem:sentences[1]
-
-|`page.images.dir`
-|{{ page.images.dir }}
-|Image path set pagewise. See FRONTMATTER defaults in `_config.yml` for the
-images path specified by: `images.dir` for specific page *type*. See the
-example below for a page of type *pages*.
-[source, yaml]
-----
-defaults:
-  - scope:
-      path:          pages
-      type:          pages
-
-    values:
-      images:
-        dir:        /assets/images/pages
-----
-
-|`page-imagesdir`
-|{{ page-imagesdir }}
-| Images path set in the page by `:page-imagesdir:`.
-
-|`template`
-|{{ site.template.name }}
-|Name of the template used for rendering a page. Settings are taken from
-sitewide configuration defined by `_config.yml`.
-
-|`includedir`
-|{{ includedir }}
-|lorem:sentences[1]
-
-|===============================================================================
-
-== MIT license
-
-include::{docs-licenses--mit}[]
-
-endif::[]
-
-ifeval::[{content} == true]
-== BEM Notation
-
-J1 Template is using the **B**lock, **E**lement, **M**odifier methodology
-(commonly referred to as *BEM*) to construct resource names like
-
-* Template variables (e.g. from Liquid)
-* Asciidoc attributes
-
-BEM is a popular naming convention for classes in *HTML* and *CSS*.
-It's developed by the team at
-link:{url-wikipedia_de--yandex}[Yandex (Wikipedia), {browser-window--new}].
-It's goal is to help developers to better understand the relationship between
-the HTML and CSS in a given project intuitively without reading any documention.
-
-NOTE: For J1 Template components, classes for *HTML* and *CSS* code, the
-*standard* BEM notation of `block__element\--modifier` (double underscores
-and hyphens) is used. As __Bootstrap__ does *NOT* use BEM, all Bootstrap code
-remains unchanged for *HTML* and *CSS*.
-
-For J1 Template, this idea of writing resource names enables authors to get
-quickly an idea what type a resource is addressed (the block), and which
-element depends on a block. Modifiers finally adresses a specific resource
-out of the hierarchy given by the `block-element\--modifier` notation.
-
-NOTE: To not conflict with naming conventions for Asciidoc or Liquid,
-the BEM notation for variables and attributes is using only *hyphens*.
-An element is prepended by a single hyphen (`-`), modifiers by double
-ones (`--`).
-
-// Include table|s (local source)
-// -----------------------------------------------------------------------------
-include::{tabledir}/000_bem_specifiers.asciidoc[]
-
-NOTE: For more complex resources, modifiers can make use of *underscores*
-to express a hierarchy on a source if appreciated.
-
-J1 Template and Jekyll gives creators of Webs the freedom to use simple
-text editors to construct Web sites and write content. Because of the missing
-database, no GUI support is given. To write *and* read code fluently, a
-notation scheme can help a lot. All developers can consistently name
-components for easier communication between team members. In other words,
-BEM gives everyone on a project a declarative syntax that they can share
-so that they’re on the same page even not witten by their selves.
-
-== Examples
-
-// Include table|s (local source)
-// -----------------------------------------------------------------------------
-include::{tabledir}/000_specifier_examples.asciidoc[]
-
-endif::[]