RubyGems - j1-template - Versions diffs - 2020.0.22 → 2021.0.2 - Mend

j1-template 2020.0.22 → 2021.0.2

Files changed (563) hide show

data/lib/starter_web/pages/public/test_pages/deck_of_posts.adoc DELETED

@@ -1,162 +0,0 @@
----
-title:                                  Cards Tester
-tagline:                                deck of posts
-description:                            responsive deck
-tags:                                   [ Cards, Tester ]
-index:                                  [ deck, post ]
-categories:                             [ pages ]
-toc:                                    true
-advertising:                            false
-permalink:                              /pages/public/test_pages/deck_of_posts/
-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
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-== Deck of posts
-Bootstrap `card decks` are *not* responsive by default. Additional breakpoint
-classes for J1 Template introduce support on card decks for responsiveness.
-With the values for `break_on_XX`, the number of cards can be specified to be
-shown on a deck per *row*.
-.Read more
-. link:{url-stackoverflow--card_deck}[Stackoverflow {char-middot} Deck of Cards, {browser-window--new}]
-. link:{url-codeply--card_deck}[Codeply {char-middot} Deck of Cards, {browser-window--new}]
-++++
-{% comment %} Set config files
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config           = site.data.j1_config %}
-{% assign bs_config                 = template_config.bootstrap %}
-{% comment %} Set config data
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign bs_card_deck              = bs_config.cards.card_deck %}
-  {% assign posts_max = 6 %}
-  {% assign post_category = 'featured' %}
-  {% assign readmore_text = 'read' %}
-  {% assign total_categoray_posts = 0 %}
-  {% for cat in site.categories %}
-     {% if cat[0] == post_category %}
-      {% assign total_category_posts = cat[1].size %}
-     {% endif %}
-  {% endfor %}
-  {% assign debug = true %}
-  {% if debug %}
-  <div>
-    <h3> Total posts per category </h3>
-    <ul>
-    {% for cat in site.categories %}
-        <li>{{cat[0]}} ({{cat[1].size}})</li>
-    {% endfor %}
-    </ul>
-  </div>
-  {% endif %}
-  <h3> Posts per category <i>{{post_category}}</i></h3>
-  <p> Total posts in {{post_category}}: {{ total_category_posts }} <br/>
-      Max posts written: {{ posts_max }} <br/><br/>
-      Settings for break_on_XX
-  </p>
-  <ul>
-  {% for bp in bs_card_deck %}
-      <li>{{bp[0]}}: {{bp[1]}}</li>
-  {% endfor %}
-  </ul>
-  <div class="container mt-5">
-    <!-- Recent posts -->
-    <div class="card-deck -mb-5">
-    {% for post in site.posts %} {% for category in post.categories %}
-      {% if posts_written == posts_max %} {% assign last_post_written = true %} {% break %}{% endif %}
-      {% if category == post_category and last_post_written != true %}
-        {% assign posts_written = posts_written|plus:1 %}
-        <!-- Post -->
-          <article class="card raised-z5 mb-3">
-            {% if post.image %}
-              <img class="img-fluid img__object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}">
-              {% assign post_width = '80x' %}
-            {% else %}
-              <img class="mt-2" src="" alt="">
-              {% assign post_width = '100x' %}
-            {% endif %}
-            <h3 class="card-header bg-primary notoc">{{post.title}}</h3>
-            <!-- Body|Excerpt -->
-            <div class="card-body r-text-300">
-              {{post.excerpt|truncatewords:50|replace:'...',' ...'|remove:'<div class="paragraph">'|remove:'</div>'|remove:'<p>'|remove:'</p>'}}
-            </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>
-                {{post.date|date:"%Y %B, %e"}}
-              </div>
-              <a class="card-link md-blue font-weight-bold g-font-size-12 text-uppercase"
-                 href="{{post.url}}">
-                 {{readmore_text}} · {{post.tagline}}
-              </a>
-            </div>
-          </article>
-          <!-- End Post -->
-          <!-- Calculate 'column setters' to manage BS break points for 'responsive' card deck (rcard-deck) -->
-          {% assign sm = posts_written | modulo: bs_card_deck.break_on_sm %}
-          {% assign md = posts_written | modulo: bs_card_deck.break_on_md %}
-          {% assign lg = posts_written | modulo: bs_card_deck.break_on_lg %}
-          {% assign xl = posts_written | modulo: bs_card_deck.break_on_xl %}
-          <!-- Add 'column setters' for BS break points -->
-          {% if sm == 0 %}
-            <div class="w-100 d-none d-sm-block d-md-none"> <!-- break on sm --> </div>
-          {% endif %}
-          {% if md == 0 %}
-            <div class="w-100 d-none d-md-block d-lg-none"> <!-- break on md --> </div>
-          {% endif %}
-          {% if lg == 0 %}
-            <div class="w-100 d-none d-lg-block d-xl-none"> <!-- break on lg --> </div>
-          {% endif %}
-          {% if xl == 0 %}
-            <div class="w-100 d-none d-xl-block" ><!-- break on xl --> </div>
-          {% endif %}
-      {% endif %}
-    {% endfor %} {% endfor %}
-    </div>
-    <!-- End recent posts -->
-  </div>
-++++

data/lib/starter_web/pages/public/test_pages/floating_ad.adoc DELETED

@@ -1,207 +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:
----
-// 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
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-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/test_pages/floating_div.adoc DELETED

@@ -1,195 +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:
----
-// 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
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-++++
-  <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>
-++++