j1-template 2020.0.22 → 2021.0.2

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

@@ -1,212 +0,0 @@
----
-title:                                  RImages Tester
-tagline:                                check responsive images
-description:                            responsive images
-
-tags:                                   [ Page, Tester ]
-index:                                  [ responsive, table ]
-categories:                             [ pages ]
-
-toc:                                    true
-advertising:                            false
-
-#image:                                  /assets/images/modules/attics/cookies-1920x1200-bw.jpg
-image:                                 /assets/images/collections/blog/featured/what-is-a-baseurl.jpg
-
-permalink:                              /pages/public/test_pages/responsive_images/
-regenerate:                             false
-
-resources:                              [ lightbox ]
-resource_options:
-  - attic:
-      padding_top:                      400
-      padding_bottom:                   50
-      opacity:                          0.5
-      slides:
-        - url:                          /assets/images/modules/attics/banner/jekyll.1200x600-bw.jpg
-          alt:                          jekyll.1200x600-bw.jpg
----
-
-// 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
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-Creating a design for responsive tables is challenging. The approch used by
-J1 Template is based on pure CSS on top of the classic Bootstrap styles for
-simplicity and portability to be viewed best on all devices and browsers.
-
-See:
-
-* https://jsfiddle.net/huypn/pcwudrmc/25813/[jsfiddle]
-
-== Image
-/////
-[role="img-wrap ratio-4-3 mb-3"]
-image::{{page.image}}[{{page.title}}]
-/////
-
-++++
-<section id="home_news_panel" class="mt-3 mr-5 mb-3 ml-3"><div class="container">
-  <!-- Heading -->
-  <div class="row">
-    <div class="">
-      <h1 class="g-font-weight-500 mb-0">Creators Blog</h1>
-      <p class="tagline mb-0"><b>latest news</b></p>
-      <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
-    </div>
-    <p class="">Explore the blog and find some interesting articles around Jekyll and website creation processes in general. And this blog is an excellent example how J1 and Jekyll can be used for blogging. <br>
-       Have fun!
-    </p>
-  </div>
-  <!-- End Heading -->
-  <!-- Recent posts -->
-  <div class="card-deck">
-    <!-- Post -->
-    <article class="card raised-z5 mb-3">
-      <img class="img-fluid g-height-200" src="/assets/images/modules/attics/katie-moum-1920x1280.jpg" alt="Welcome">
-      <h3 class="card-header bg-primary notoc">Welcome</h3>
-      <!-- Body|Excerpt -->
-      <div class="card-body r-text-300">
-        If you’re not familiar with Jekyll (or other site generators), Jekyll is a so-called static site generator. Think of it like a CMS but without all the complexity and headache. No need to build a giant content strangling Rube Goldberg machine to manage content.   All ...
-      </div>
-      <!-- End Body|Excerpt -->
-      <div class="card-footer r-text-200">
-        <div class="text-muted r-text-200">
-          <i class="mdi mdi-calendar-blank mr-1"></i>
-          2019 August,  1
-        </div>
-        <a class="card-link md-blue font-weight-bold g-font-size-12 text-uppercase" href="/posts/public/featured/2019/08/01/welcome-to-j1-template/">
-          Read · jekyll for everyone
-        </a>
-      </div>
-    </article>
-    <!-- End Post -->
-    <!-- Calculate 'column setters' to manage BS break points for 'responsive' card deck (rcard-deck) -->
-    <!-- Add 'column setters' for BS break points -->
-    <div class="w-100 d-none d-sm-block d-md-none"> <!-- break on sm --> </div>
-    <!-- Post -->
-    <article class="card raised-z5 mb-3">
-      <img class="img-fluid g-height-200" src="/assets/images/modules/attics/cookies-1920x1200-bw.jpg" alt="Cookies">
-      <h3 class="card-header bg-primary notoc">Cookies</h3>
-      <!-- Body|Excerpt -->
-      <div class="card-body r-text-300">
-        Is it needed for vistors to know what cookies are all about?   Not first place. Cookies are widely used. All users visting web sites are bothered all the time to accept on cookies. Because cookies are used that often. For good reasons - but for ...
-      </div>
-      <!-- End Body|Excerpt -->
-      <div class="card-footer r-text-200">
-        <div class="text-muted r-text-200">
-          <i class="mdi mdi-calendar-blank mr-1"></i>
-          2019 June,  1
-        </div>
-        <a class="card-link md-blue font-weight-bold g-font-size-12 text-uppercase" href="/posts/public/featured/2019/06/01/about-cookies/">
-          Read · good to know
-        </a>
-      </div>
-    </article>
-    <!-- End Post -->
-    <!-- Calculate 'column setters' to manage BS break points for 'responsive' card deck (rcard-deck) -->
-    <!-- Add 'column setters' for BS break points -->
-    <div class="w-100 d-none d-sm-block d-md-none"> <!-- break on sm --> </div>
-    <div class="w-100 d-none d-md-block d-lg-none"> <!-- break on md --> </div>
-    <!-- Post -->
-    <article class="card raised-z5 mb-3">
-      <img class="img-fluid g-height-200" src="/assets/images/modules/attics/building-blocks-1920x1280-bw.jpg" alt="Site generators">
-      <h3 class="card-header bg-primary notoc">Site generators</h3>
-      <!-- Body|Excerpt -->
-      <div class="card-body r-text-300">
-        People quite often ask, if static websites make sense for anything beyond a one-page website. Some other see in static websites the stone age of the World Wide Web. What’s about static websites today? What’s achiveable?   This article highlights top OpenSource projects, in many ...
-      </div>
-      <!-- End Body|Excerpt -->
-      <div class="card-footer r-text-200">
-        <div class="text-muted r-text-200">
-          <i class="mdi mdi-calendar-blank mr-1"></i>
-          2019 May,  1
-        </div>
-        <a class="card-link md-blue font-weight-bold g-font-size-12 text-uppercase" href="/posts/public/featured/2019/05/01/top-open-source-static-site-generators/">
-          Read · OpenSource tools
-        </a>
-      </div>
-    </article>
-    <!-- End Post -->
-    <!-- Calculate 'column setters' to manage BS break points for 'responsive' card deck (rcard-deck) -->
-    <!-- Add 'column setters' for BS break points -->
-    <div class="w-100 d-none d-sm-block d-md-none"> <!-- break on sm --> </div>
-    <div class="w-100 d-none d-lg-block d-xl-none"> <!-- break on lg --> </div>
-    <div class="w-100 d-none d-xl-block">
-      <!-- break on xl --> </div>
-  </div>
-  <!-- End recent posts -->
-</div></section>
-
-<div class="row">
-  <div class="col-md-3">
-    <div class="img-wrap ratio-4-3">
-      <div class="img-content">
-          <img src="https://picsum.photos/200" />
-      </div>
-    </div>
-  </div>
-</div>
-
-<h2>Block-level Elements</h2>
-<p>Or, if you'd like, you can also attach Backstretch to another block level element on the page.</p>
-<div id="demo">
-  <div><p>The background image on this element was set using Backstretch.</p></div>
-</div>
-
-<script>
-  $("#demo").backstretch("{{page.image}}");
-  $(".img-fluid").backstretch();
-</script>
-++++
-
-++++
-<style>
-.img-wrap {
-	 position: relative;
-}
- .img-wrap .img-content {
-	 position: absolute;
-	 top: 0;
-	 bottom: 0;
-	 left: 0;
-	 right: 0;
-	 display: flex;
-	 align-items: center;
-	 justify-content: center;
-}
- .img-wrap .img-content > img {
-	 max-width: 100%;
-	 max-height: 100%;
-	 width: 100%;
-}
- .img-wrap.ratio-4-3 {
-	 padding-top: 75%;
-}
- .img-wrap.ratio-16-9 {
-	 padding-top: 56.25%;
-}
- .img-wrap.ratio-3-2 {
-	 padding-top: 66.66%;
-}
- .img-wrap.ratio-8-5 {
-	 padding-top: 62.5%;
-}
-</style>
-++++

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

@@ -1,209 +0,0 @@
----
-title:                                  RTable Tester
-tagline:                                check responsive tables
-description:                            responsive tables
-
-tags:                                   [ Page, Tester ]
-index:                                  [ responsive, table ]
-categories:                             [ pages ]
-
-toc:                                    true
-advertising:                            false
-
-permalink:                              /pages/public/test_pages/responsive_tables/
-regenerate:                             false
-
-resources:                              [ lightbox, rtable ]
-resource_options:
----
-
-// 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="all" %}
-
-
-// Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-Creating a design for responsive tables is challenging. The approch used by
-J1 Template is based on pure CSS on top of the classic Bootstrap styles for
-simplicity and portability to be viewed best on all devices and browsers.
-
-== Table 1 (static)
-
-.Static table, NOT responsive
-[cols="1a,3a,8a", options="header", width="100%", role=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`
-
-|===============================================================================
-
-== Table 2 (responsive)
-
-.BEM specifiers for J1 Template __variables__  (responsive)
-[cols="1a,4a,7a", options="header", width="100%", role="rtable 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`
-
-|===============================================================================
-
-== Table 3  (responsive)
-
-.Examples for attributes  (responsive)
-[cols="1a,4a,7a", options="header", width="100%", role="rtable 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}]
-----
-
-|===============================================================================
-
-/////
-== Table 4  (static)
-
-.Examples for attributes  (responsive)
-[cols="1a,4a,7a", options="header", width="100%", role="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/vtutorials/000_includes/attributes.asciidoc

@@ -1,117 +0,0 @@
-// ~/document_base_folder/000_includes
-//  Asciidoc attribute includes:                 attributes.asciidoc
-// -----------------------------------------------------------------------------
-
-
-// URLs - Internal references and/or sources on the Internet
-// -----------------------------------------------------------------------------
-tag::urls[]
-
-:bootstrap-home:                                  https://getbootstrap.com/
-:bs_doc_components_modal:                         https://getbootstrap.com/docs/4.3/components/modal/
-
-:bootswatch-home:                                 https://bootswatch.com/
-:bootswatch-api:                                  https://bootswatch.com/help/#api
-
-:mdb-home:                                        https://mdbootstrap.com/
-:mdb-bs-modals:                                   https://mdbootstrap.com/docs/jquery/modals/basic/
-:mdb-bs-modals-legacy:                            https://mdbootstrap.com/legacy/4.3.2/?page=javascript/modals
-
-:w3org-css-spec:                                  https://www.w3.org/Style/CSS/specs.en.html
-:w3schools-css-tutorial:                          https://www.w3schools.com/css/default.asp
-
-:fontawesome-home:                                https://fontawesome.com/
-:fontawesome-icons:                               https://fontawesome.com/icons?d=gallery
-:fontawesome-get-started:                         https://fontawesome.com/get-started
-
-:mdi-home:                                        https://materialdesignicons.com/
-:mdi-icons-sheatsheet:                            https://cdn.materialdesignicons.com/3.3.92/
-
-:iconify-home:                                    https://iconify.design/
-:iconify-icon-sets:                               https://iconify.design/icon-sets/
-:iconify-medical-icons:                           https://iconify.design/icon-sets/medical-icon/
-:iconify-brand-icons:                             https://iconify.design/icon-sets/logos/
-
-:jekyll-one-core-doc-color-scheme:                https://support.jekyll-one.com/user_guide/core/color_scheme
-
-:light-gallery-license:                           http://sachinchoolur.github.io/lightGallery/docs/license.html
-
-:asciidoctor-extensions-lab:                      https://github.com/asciidoctor/asciidoctor-extensions-lab
-:asciidoctor-extensions-use-extension:            https://github.com/asciidoctor/asciidoctor-extensions-lab#using-an-extension
-:asciidoctor-user-manual-extensions:              http://asciidoctor.org/docs/user-manual/#extensions
-
-:roundtrip_data_slider_picker:                    /pages/public/learn/roundtrip/data_slider_picker
-:roundtrip_image_headers:                         /pages/public/learn/roundtrip/image_header
-:roundtrip_image_headers:                         /pages/public/learn/roundtrip/image_header
-
-:roundtrip-readme-first:                          /pages/public/learn/read_me_first/
-:roundtrip-present-images:                        /pages/public/learn/roundtrip/present_images/
-:roundtrip-present-videos:                        /pages/public/learn/roundtrip/present_videos/
-:roundtrip-cards:                                 /pages/public/learn/roundtrip/cards/
-:roundtrip-typography:                            /pages/public/learn/roundtrip/typography/
-:roundtrip-asciidoc-extensions:                   /pages/public/learn/roundtrip/asciidoc_extensions/
-:roundtrip-extended-modals:                       /pages/public/learn/roundtrip/modals/
-:roundtrip-icon-fonts:                            /pages/public/learn/roundtrip/mdi_icon_font/
-:roundtrip-responsive-tables:                     /pages/public/learn/roundtrip/responsive_tables/
-:roundtrip-themes:                                /pages/public/learn/roundtrip/themes/
-:roundtrip-search-engine:                         /pages/public/learn/roundtrip/search_engine/
-
-:github-gist-home:                                https://gist.github.com/
-:asciidoc-extensions-gist-example:                https://gist.github.com/mojavelinux/5546622
-
-:previewer-emoji:                                 /pages/protected/previewer/twitter_emoji/
-:previewer-mdi:                                   /pages/protected/previewer/mdi_font/
-
-:previewer-theme:                                 /pages/public/previewer/theme/
-
-:kickstarter-web-in-a-day:                        /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
-end::urls[]
-
-// Tags - Asciidoc attributes used internally
-// -----------------------------------------------------------------------------
-tag::tags[]
-
-:window:                                          window="blank"
-:no-clipboard:                                    noclip
-:figure-caption:                                  Figure
-:images-dir:                                      pages/roundtrip
-:y:                                               icon:check[role="green"]
-:n:                                               icon:times[role="red"]
-:c:                                               icon:file-alt[role="blue"]
-:beginner:                                        icon:battery-quarter[role="md-blue"]
-:inter:                                           icon:battery-half[role="md-blue"]
-:advanced:                                        icon:battery-full[role="md-blue"]
-:emdash:                                          —
-:bullet:                                          •
-:bigbullet:                                       ●
-:bigbigbullet:                                    ⬤
-:dot:                                             .
-:dotdot:                                          ..
-:middot:                                          ·
-
-end::tags[]
-
-// Data - Data elements for Asciidoctor extensions
-// -----------------------------------------------------------------------------
-tag::data[]
-
-:data-images-standalone:                          "pages/roundtrip/100_present_images/lightbox-image-1.jpg, Golden Gate Bridge with San Francisco in distance, pages/roundtrip/100_present_images/lightbox-image-2.jpg, Forest with mountains behind"
-:data-images-group:                               "pages/roundtrip/100_present_images/lightbox-image-1.jpg, Golden Gate Bridge with San Francisco in distance, pages/roundtrip/100_present_images/lightbox-image-2.jpg, Forest with mountains behind"
-
-end::data[]
-
-
-// Product - Document (e.g release) information
-// -----------------------------------------------------------------------------
-tag::product_info[]
-:license:                                         MIT License
-:revdate:                                         2018
-:revnumber:                                       1.0.0
-end::product_info[]
-
-
-// Author - Author information
-// -----------------------------------------------------------------------------
-tag::authors[]
-:uri-author-juergen-adams                         https://jekyll.one
-end::authors[]