j1-template 2020.0.13 → 2020.0.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 167e18b8588ebe0e9dea073b12ece567a2b6ad0ecfecd8bb0d22bd56510402dc
-  data.tar.gz: '08ebcc33c79fb43e063ec7a213fdf40d8303e98e5b83d442230af0a2c1a524f8'
+  metadata.gz: 6b43f7ac06fb0cbf9ac00ab1e1de1be2dd10e2f4f1999c927be6d3cef47eb63b
+  data.tar.gz: c5921d13f57b0c2e314c3fd5b480c90c00df81cea9a33c30991305d5d0f11c2c
 SHA512:
-  metadata.gz: 5822e0fba673dd12cc0d03b3357b985d86e2f884ee64d58ace1d8e8f88cff8debf794df0ecd85c876eec9e4d90e56ac6dcc2090606808abc272feb45a05b0bb1
-  data.tar.gz: f65bc16f17e9204a339e819e795aa326968f878a95d7d7dcb19230260df468d7db7149fbd00e8184e092f14c2a69b297355d7a6608d4f5ce70e82fc5aef087d9
+  metadata.gz: 21b9dbb68e77835f79cdc10d2c340fec5d3120faaa03e7d922117f919b948edfe20a79c6f2a3695e1ae963cc18af31aa31b05e26a0730fb1262f557ad04dd8ae
+  data.tar.gz: 4c2c386858b786dd75efcddc67814f17b57187b3bd3709f12f35fad9a9b7c915ca38b3e138380615fb90ea3ac9a04560f01e9c3dbf04ee7048bb3ea3240d75d0

data/_includes/themes/j1/blocks/footer/boxes/about_box.proc

@@ -34,10 +34,10 @@
 <div class="col-md-{{footer_box_width_md}}">
   <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
   <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
-  <p class="tagline">
+  <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
   {% if justify %}
     <p class="lead text-justify">{{text}}</p>
   {% else %}

data/_includes/themes/j1/blocks/footer/boxes/links_box.proc

@@ -33,10 +33,10 @@
 <div class="col-md-{{footer_box_width_md}}">
   <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
   <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
-  <p class="tagline">
+  <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
 
   <ul class="list-unstyled footer-link-list">
     {% for property in links %}

data/_includes/themes/j1/blocks/footer/boxes/news_box.proc

@@ -40,10 +40,10 @@
 <div class="col-md-{{footer_box_width_md}}">
   <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
   <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
-  <p class="tagline">
+  <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
 
     <ul class="list-unstyled link-news">
     {% for post in posts %}
@@ -52,7 +52,7 @@
         {% assign posts_written = posts_written | plus:'1' %}
         <li>
           <a href="{{post.url}}">{{post.title}}</a>
-          <small>{{post.date | date: "%Y %B, %e"}}</small>
+          <small class="text-uppercase">{{post.date | date: "%Y %B, %e"}}</small>
         </li>
         {% endif %}
       {% endfor %}

data/_includes/themes/j1/layouts/content_generator_page.html

@@ -113,26 +113,26 @@
 
 <!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current ArticleBrowser page to UserState cookie] -->
 <!-- script>
-  var logger   = log4javascript.getLogger("j1.page.{{page.title|downcase}}.init");
-  var cookieUserState = 'j1.user.state'
-  var log_text = 'Save the current browser page ({{page.title|downcase}}) to cookie: ' +cookieUserState;
-
-  var j1_user_state = {
-    'authenticated' : 'false',
-    'cookies_accepted' : 'false',
-    'theme_css' : 'unknown',
-    'theme_extension_css' : 'unknown',
-    'theme_name' : 'unknown',
-    'last_page' : 'unknown',
-    'last_provider' : 'unknown',
-    'last_signin' : 'unknown',
-    'provider' : 'unknown',
-    'user_name' : 'unknown',
-    'user_id' : 'unknown'
-  };
-
-  // Set|Detect J1 App status
-  j1_user_state.last_page = "{{browser_page_url}}"
-  j1.setUserState( j1_user_state );
-  logger.info(log_text);
-</script -->
+        var logger   = log4javascript.getLogger("j1.page.{{page.title|downcase}}.init");
+        var cookieUserState = 'j1.user.state'
+        var log_text = 'Save the current browser page ({{page.title|downcase}}) to cookie: ' +cookieUserState;
+
+        var j1_user_state = {
+          'authenticated' : 'false',
+          'cookies_accepted' : 'false',
+          'theme_css' : 'unknown',
+          'theme_extension_css' : 'unknown',
+          'theme_name' : 'unknown',
+          'last_page' : 'unknown',
+          'last_provider' : 'unknown',
+          'last_signin' : 'unknown',
+          'provider' : 'unknown',
+          'user_name' : 'unknown',
+          'user_id' : 'unknown'
+        };
+
+        // Set|Detect J1 App status
+        j1_user_state.last_page = "{{browser_page_url}}"
+        j1.setUserState( j1_user_state );
+        logger.info(log_text);
+        </script -->

data/_includes/themes/j1/layouts/content_generator_post.html

@@ -93,7 +93,8 @@
         <nav class="nav bmd-layout-container custom-size-350 bmd-drawer-f-l">
 
           <header class="bmd-layout-header">
-            <div class="navbar navbar-dark bg-primary raised-z2 mb-4">
+            <!-- div class="navbar navbar-dark bg-primary raised-z2 mb-4" -->
+            <div class="navbar navbar-dark uno-bg-primary raised-z2 mb-4">
               <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
                 <span class="mdi mdi-menu mdi-2x"></span>
               </button>
@@ -152,7 +153,8 @@
         <nav class="nav bmd-layout-container custom-size-350 bmd-drawer-f-l">
 
           <header class="bmd-layout-header">
-            <div class="navbar navbar-dark bg-primary raised-z2 mb-4">
+            <!-- div class="navbar navbar-dark bg-primary raised-z2 mb-4" -->
+            <div class="navbar navbar-dark uno-bg-primary raised-z2 mb-4">
               <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
                 <span class="mdi mdi-menu mdi-2x"></span>
               </button>

data/_includes/themes/j1/modules/navigator/procedures/topsearch.proc

@@ -89,7 +89,7 @@
   ------------------------------------------------------------------------------ {% endcomment %}
   {% if quick_search %}
     <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ start processing: top search ] -->
-    <div id="{{topsearch_id}}" class="top-search">
+    <div id="{{topsearch_id}}" class="top-search" style="display: none;">
       <div class="container-fluid">
         <div class="input-group">
           <span class="input-group-addon"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}" {{icon_color}}></i></span>
@@ -108,7 +108,7 @@
           {% if search_heading_lead %}<div class="panel-heading lead">{{ search_heading_lead }}</div>{% endif %}
           {% if result_heading_lead %}<div class="panel-body"><p>{{ result_heading_lead }}</p></div>{% endif %}
           <div class="search-list-group">
-            <ul id="jss-results"></ul>
+            <ul id="jss-results" class="search-list-item"></ul>
           </div>
         </div>
       </div>

data/_includes/themes/j1/procedures/global/create_word_cloud.proc

@@ -57,7 +57,10 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <div id="word-cloud" class="row ml-3 mr-3">
-  <div class="card tagbox raised-z0 mt-0 mb-2">
+  <!-- jadams, 2020-07-24: style cart creates a unwanted border, removed card styles -->
+  <!-- jadams, 2020-07-24: style cart is NOT longer overloaded since CSS generation has changed -->
+  <!-- div class="card tagbox raised-z0 mt-0 mb-2" -->
+  <div class="tagbox mt-0 mb-2">
 
     <div class="tag-cloud">
     {% unless word_list %}
@@ -66,7 +69,7 @@
     {% else  %}
       <ul class="content">
         {% if source == 'categories' %}
-          {% for tag in word_array %}            
+          {% for tag in word_array %}
             <li>
               <a href="#{{tag|slugify}}">
                 {{ tag | capitalize }}

data/_includes/themes/j1/procedures/layouts/content_writer.proc

@@ -2,7 +2,7 @@
  # -----------------------------------------------------------------------------
  # ~/_includes/themes/j1/procedures/layouts/content_writer.proc
  # Liquid PROCEDURE to load and place the content portion for J1 layouts
- # 
+ #
  # Product/Info:
  # https://jekyll.one
  #
@@ -12,7 +12,7 @@
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
  # Test data:
- #    liquid_var:  {{ liquid_var | debug }}
+ #    liquid_var:  {{liquid_var | debug}}
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
@@ -74,11 +74,11 @@
             {% if placement == 'body-main' %}
               <!-- [INFO   ] [j1.layout.content_writer.proc         ] [ load region 'body-main' for layout: {{page.layout}} ] -->
               {% if type == 'async' %}
-                <!-- div id="{{ id }}" class="{{ class }}"></div -->
-                <section id="{{ id }}" class="{{ class }}"></section>
+                <!-- div id="{{id}}" class="{{class}}"></div -->
+                <section id="{{id}}" class="{{class}}"></section>
               {% elsif type == 'sync' %}
                 {% capture path %}{{base}}/{{path}}/{{file}}{% endcapture %}
-                {% include {{ path }} %}
+                {% include {{path}} %}
               {% endif %}
             {% endif %}  {% comment %} END placement {% endcomment %}
 
@@ -89,10 +89,10 @@
             {% if placement == 'body-footer' %}
               <!-- [INFO   ] [j1.layout.content_writer.proc         ] [ load region body-footer for layout: {{page.layout}} ] -->
               {% if type == 'async' %}
-                <div id="{{ id }}" class="{{ class }}"></div>
+                <div id="{{id}}" class="{{class}}"></div>
               {% elsif type == 'sync' %}
                 {% capture path %}{{base}}/{{path}}/{{file}}{% endcapture %}
-                {% include {{ path }} region='body-footer' %}
+                {% include {{path}} region='body-footer' %}
               {% endif %}
             {% endif %} {% comment %} END if placement {% endcomment %}
 
@@ -103,10 +103,9 @@
   {% endfor %}
 {% endfor %}
 
-{% comment %} END Process all lane items 
+{% comment %} END Process all lane items
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.layout.content_writer.proc         ] [ placement for all lane items finished ] -->
 <!-- [DEBUG  ] [j1.layout.content_writer.proc         ] [ reset all lane items ] -->
 <!-- [INFO   ] [j1.layout.content_writer.proc         ] [ end processing ] -->
 {% assign items = nil %}
-

data/_includes/themes/j1/procedures/layouts/module_writer.proc

@@ -128,18 +128,8 @@ NO need to load this again
         <script>
           $(document).ready(function() {
             var logger = log4javascript.getLogger("j1.module_loader");
-
-            {% if resource_settings.id == 'log4javascript' %}
-              var start = moment();
-              var finished = '';
-              var elapsed = '';
-              var log_text = '[' +start.format("HH:mm:ss.SSS")+ '] [INFO ] [j1.layout.module_writer.proc          ] [ {{resource_settings.comment|strip}} is being initialized ]';
-              console.info(log_text);
-            {% else %}
-              var log_text = '{{resource_settings.comment|strip}} is being initialized';
-              logger.info(log_text);
-            {% endif %}
-
+            var log_text = '{{resource_settings.comment|strip}} is being initialized';
+            logger.info(log_text);
 
             {% comment %} place initializer|s
             -------------------------------------------------------------------- {% endcomment %}
@@ -241,7 +231,7 @@ NO need to load this again
                 {% endif %}
               {% endif %}
             {% endfor %}
-        });
+           });
         </script>
       {% endif %}
 

data/_includes/themes/j1/procedures/posts/collate_timeline.proc

@@ -145,8 +145,8 @@
               </div>
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
-                   class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   class="btn btn-secondary btn-raised btn-flex mb-0">
+                   <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> Read · {{post.tagline}}
                 </a>
               </div>
@@ -166,8 +166,8 @@
               </div>
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
-                   class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   class="btn btn-secondary btn-raised btn-flex mb-0">
+                   <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> Read · {{post.tagline}}
                 </a>
               </div>
@@ -184,8 +184,8 @@
               </div>
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
-                   class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   class="btn btn-secondary btn-raised btn-flex mb-0">
+                   <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> Read · {{post.tagline}}
                 </a>
               </div>
@@ -201,16 +201,16 @@
 
           <div class="timeline-footer">
             <ul class="timeline-list-unstyled list-inline blog-info">
-              <li><i class="fa fa-calendar mr-1"></i> {{post.date | date: "%Y %B, %e"}}</li>
+              <li><i class="mdi mdi-calendar-blank mr-1"></i> {{post.date | date: "%Y %B, %e"}}</li>
               {% if comment_count %}
                 <!-- comment_count enabled  -->
-                <!-- <li><i class="fa fa-comments-o"></i> <a href="#"> 7 Comments</a></li> -->
-                <li><a href="#"><i class="fa fa-comments-o"></i> 7 Comments</a></li>
+                <!-- <li><i class="mdi mdi-comment"></i> <a href="#"> 7 Comments</a></li> -->
+                <li><a href="#"><i class="mdi mdi-comment"></i> 7 Comments</a></li>
               {% endif %}
             </ul>
             {% if likes_count %}
               <!-- likes_count enabled  -->
-              <a class="likes" href="#"><i class="fa fa-heart"></i> 239</a>
+              <a class="likes" href="#"><i class="mdi mdi-heart"></i> 239</a>
             {% endif %}
           </div>
         </div>

data/_layouts/blog_archive.html

@@ -2,7 +2,7 @@
 layout:                                 default
 ---
 
-{% comment %} 
+{% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_layouts/blog_archive.html
  #  Liquid layout template for all pages of content-type BLOG ARCHIVE
@@ -40,7 +40,7 @@ layout:                                 default
 {% assign lanes_collate = site.data.layouts.blog_archive.lanes %}
 
 
-{% comment %} Main 
+{% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
   {% comment %} Collect the BODY-BANNER region
@@ -54,7 +54,7 @@ layout:                                 default
   {% comment %} Collect the BODY-CONTENT region
   ------------------------------------------------------------------------------ {% endcomment %}
   <!-- [INFO   ] [j1.layout.blog_archive.html    ] [ call default_writer for region: 'body-content' ] -->
-  <div class="container-fluid">
+  <div id="content" class="container-fluid">
       {% include  {{content_writer}} region='body-main' items=lanes_collate %}
   </div>
   <!-- [INFO   ] [j1.layout.blog_archive.html    ] [ end processing default_writer for region: 'body-content' ] -->

data/_layouts/default.html

@@ -62,24 +62,24 @@ layout:                                 compress
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign consent_defaults  = modules.defaults.cookie_consent.defaults %}
-{% assign consent_settings  = modules.cookie_consent.settings %}
+{% assign cookiebar_settings  = modules.cookiebar.settings %}
+{% assign cookiebar_defaults  = modules.defaults.cookiebar.defaults %}
 
 {% comment %} Webhooks disabled
 --------------------------------------------------------------------------------
-{% assign webhook_defaults  = modules.defaults.webhooks.defaults %}
-{% assign webhook_settings  = modules.webhooks.settings %}
+{% assign webhook_defaults    = modules.defaults.webhooks.defaults %}
+{% assign webhook_settings    = modules.webhooks.settings %}
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign consent_options   = consent_defaults | merge: consent_settings %}
-{% assign tooltips_options  = template_config.bootstrap.tooltips %}
-{% assign popovers_options  = template_config.bootstrap.popovers %}
+{% assign cookiebar_options   = cookiebar_defaults | merge: cookiebar_settings %}
+{% assign tooltips_options    = template_config.bootstrap.tooltips %}
+{% assign popovers_options    = template_config.bootstrap.popovers %}
 
 {% comment %} Webhooks disabled
 --------------------------------------------------------------------------------
-{% assign webhook_options   = webhook_defaults | merge: webhook_settings %}
+{% assign webhook_options     = webhook_defaults | merge: webhook_settings %}
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% assign lanes_collate     = data.layouts.default.lanes %}
@@ -159,71 +159,76 @@ layout:                                 compress
 
   </body>
 
-  {% comment %} Place|Initialize J1 Module components
+  {% comment %} Place|Initialize module components
   ------------------------------------------------------------------------------ {% endcomment %}
 
-  {% comment %} Place container for Cookie Consent Modals
+  {% comment %} Place container for Cookiebar modals
   ------------------------------------------------------------------------------ {% endcomment %}
-  {% if consent_options.enabled %}
-  <!-- [INFO   ] [j1.layout.default.html                ] [ place container for Cookie Consent Modals ] -->
-  <div id="{{consent_options.consent_modal_id}}"></div>
+  {% if cookiebar_options.enabled %}
+  <!-- [INFO   ] [j1.layout.default.html                ] [ place container for Cookiebar modals ] -->
+  <div id="{{cookiebar_options.xhr_container_id}}"></div>
   {% endif %}
 
-  {% comment %} Place container for Web Hook Modals
+  {% comment %} Place container for WebHook modals
   ------------------------------------------------------------------------------ {% endcomment %}
   {% if webhook_options.enabled %}
   <!-- [INFO   ] [j1.layout.default.html                ] [ place container for WebHook Modals ] -->
   <div id="{{webhook_options.xhr_container_id}}"></div>
   {% endif %}
 
-  {% comment %} Place container for Modal R-Text Resizer
-  ------------------------------------------------------------------------------ {% endcomment %}
-  <div class="modal fade right" id="fluidModalRTextResizer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-side modal-top-right modal-notify modal-success" role="document">
-      <!-- Content -->
-      <div class="modal-content">
-        <!--Header-->
-        <div class="modal-header">
-          <p class="lead">Text Resizer</p>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-            <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-          </button>
-        </div>
-        <!-- Body -->
-        <div class="modal-body">
-          <div class="text align-left">
-            <p>
-              Change the text size for the main window by the switches from below:
-            </p>
+  {% comment %} Place container for R-Text resizer modals (deactivated)
+  ------------------------------------------------------------------------------
+  <!-- [INFO   ] [j1.layout.default.html                ] [ place container for R-Text resizer modals ] -->
+  <div id="rtext_resizer">
+    <div class="modal fade right" id="fluidModalRTextResizer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-side modal-top-right modal-notify modal-success" role="document">
+        <!-- Content -->
+        <div class="modal-content">
+          <!--Header-->
+          <div class="modal-header">
+            <p class="lead">Text Resizer</p>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <i class="mdi mdi-close mdi-dark mdi-48px"></i>
+            </button>
           </div>
-          <div class="ml-3 mt-5 mb-5">
-            <div class="switch">
-              <label>
-                <input id="textsize-300" name="textsize-300" type="checkbox" checked>
-                300 - Default Size
-              </label>
+          <!-- Body -->
+          <div class="modal-body">
+            <div class="text align-left">
+              <p>
+                Change the text size for the main window by the switches from below:
+              </p>
             </div>
-            <div class="switch">
-              <label>
-                <input id="textsize-400" name="textsize-400" type="checkbox">
-                400 - Larger Size
-              </label>
-            </div>
-            <div class="switch">
-              <label>
-                <input id="textsize-500" name="textsize-500" type="checkbox">
-                500 - Largest Size
-              </label>
+            <div class="ml-3 mt-5 mb-5">
+              <div class="switch">
+                <label>
+                  <input id="textsize-300" name="textsize-300" type="checkbox" checked>
+                  300 - Default Size
+                </label>
+              </div>
+              <div class="switch">
+                <label>
+                  <input id="textsize-400" name="textsize-400" type="checkbox">
+                  400 - Larger Size
+                </label>
+              </div>
+              <div class="switch">
+                <label>
+                  <input id="textsize-500" name="textsize-500" type="checkbox">
+                  500 - Largest Size
+                </label>
+              </div>
             </div>
           </div>
-        </div>
-      <!-- END Content -->
+        <!-- END Content -->
+      </div>
     </div>
   </div>
-  <!-- END Modal R-Text Resizer -->
+  <!-- [INFO   ] [j1.layout.default.html                ] [ end modals for r-text resizer ] -->
+  ------------------------------------------------------------------------------ {% endcomment %}
 
-  {% comment %} Deactivated JS for R-Text
+  {% comment %} JS for R-Text (deactivated)
   ------------------------------------------------------------------------------
+  <!-- [INFO   ] [j1.layout.default.html                ] [ place JS for R-Text resizer modals ] -->
   <script>
     // Set global variables
     var environment     = '{{environment}}';
@@ -290,6 +295,7 @@ layout:                                 compress
       e.stopPropagation();
     });
   </script>
+  <!-- [INFO   ] [j1.layout.default.html                ] [ end JS for r-text resizer ] -->
   ------------------------------------------------------------------------------ {% endcomment %}
 
   {% comment %} Initialize Tooltips|Popovers