j1-template 2022.4.10 → 2022.5.0.rc0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4d0cfcc6ccd200a957a611bd061f750189f0eb112b78c7f1483fbc3bbe7df04f
-  data.tar.gz: 56217f1c1c20c5f92b2168ecedd7454fa593a64849fd0a8cfb579de1b66aa16a
+  metadata.gz: a847bb8f985bc71ee1d8847833e794992d2140a3b13d1d99f515ed6bbbc54b1b
+  data.tar.gz: bb7e6bbd178c6c31e7bf99225573d8ce8ab3d9e420f56227091740ef058e7b61
 SHA512:
-  metadata.gz: 2c820600661b9034ab39f1f9b5319410d8b3ce8049af38ff7c4a4f68bfb75b085fd378b4bb8638a8bfd535c1c6f8cef5b6162fcb2bbaddf5e20727eb77b6ff73
-  data.tar.gz: 281df1d64e23ae35dc39d41111f497334dcdcd41b8483f082532b0c3483c04a196446af61fa7bd4cf2e55f97ca369448d846316fe535e1515df1e8cdcc83ac4f
+  metadata.gz: f3d315be9a121cad05bee5e7d0a8e129dd451ff4e98ffdc50e336d67db9ebce39b972888158ee305b83de6a416aff2f8be7654c954cf89cf92b0ed8dc61d212f
+  data.tar.gz: 5019e9b1c91c5806598763f46175ba288896bd64554431b186d8aa27442f9ce9d0f570f6f4d7986e3191dfa50d9b6d1e29c0f8aa5579c876ee5d46cf8c212896

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

@@ -88,8 +88,8 @@
   {% comment %} lunrSearch engine
   ------------------------------------------------------------------------------ {% endcomment %}
   {% if quick_search %}
-    <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ start processing: top search ] -->
-    <div id="{{topsearch_id}}" class="top-search ml-4 mr-4" style="background-color: #eceff1 !important; display: none;">
+    <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ start processing: top search ] -->
+    <div id="{{topsearch_id}}" class="top-search ml-4 mr-4" style="display: none;">
     	<div class="input-group">
     	  <span class="input-group-addon"><i class="mdi mdi-magnify mdi-2x mb-2" style="color:#9E9E9E"></i></span>
     	  <input id="search-query" type="text" name="q" placeholder="{{placeholder}}" autocomplete="off" class="form-control">
@@ -97,18 +97,18 @@
     	  <span class="input-group-addon close-search"><i class="mdi mdi-close mdi-3x" style="color:#9E9E9E"></i></span>
     	</div>
 
-      <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ place: results container ] -->
+      <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ place: results container ] -->
       <div class="search-results hide-scrollbar">
         <section id="search-results" style="display: none"></section>
       </div>
 
-      <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ place: mustache template ] -->
+      <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ place: mustache template ] -->
       {% raw %}
       <script id="search-results-template" type="text/mustache">
         <ul style="list-style: none; margin-left: .5rem; margin-right: 4.25rem">
         {{#docs}}
           <li>
-            <h4 class="result-item"> <a href="{{url}}" target="_blank">{{title}} · {{tagline}}</a> </h4>
+            <h4 class="result-item"> <a class="link-no-decoration" href="{{url}}" target="_blank">{{title}} · {{tagline}}</a> </h4>
             <p class="result-item-text small text-muted mt-2 mb-0">
               <i class="mdi mdi-calendar-blank mdi-18px mr-1"></i>{{displaydate}}
             </p>
@@ -125,5 +125,5 @@
 
     {% endif %}
     </div>
-    <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ end processing: top search ] -->
+    <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ end processing: top search ] -->
 {% endif %}

data/assets/data/fab.html

@@ -138,7 +138,7 @@ fab_defaults: {{fab_defaults | debug}}
         {% endif %}
 
         <li>
-          <a href="#void" id="{{item.id}}" class="btn-fab-floating btn-{{item.color}} raised-z{{fab_options.raised_level}}" style="display: none">
+          <a href="#" id="{{item.id}}" class="btn-fab-floating btn-{{item.color}} raised-z{{fab_options.raised_level}}" style="display: none">
             <i id="fab-icon" class="mdi mdi-{{item.icon}} {{icon_properties}}"></i>
           </a>
         </li>

data/assets/data/panel.html

@@ -579,7 +579,7 @@ exclude_from_search:                    true
                         	  <div class="card">
                           		<div class="card-header" id="headingOne">
                           		  <h2 class="clearfix mb-0">
-                            			<a class="btn btn-link collapsed" data-bs-toggle="collapse" data-bs-target="#{{list.service.id}}" aria-expanded="false" aria-controls="{{list.service.id}}">
+                            			<a class="btn btn-link collapsed" href="#void" data-bs-toggle="collapse" data-bs-target="#{{list.service.id}}" aria-expanded="false" aria-controls="{{list.service.id}}">
                                     <i class="fa fa-chevron-circle-down"></i>
                                     {{list.service.title}}
                                   </a>

data/assets/themes/j1/adapter/js/attic.js

@@ -184,14 +184,29 @@ j1.adapter.attic = (function (j1, window) {
               $('.backstretch').addClass(atticOptions.spinner);
             }
 
+            // if (atticOptions.spinner) {
+            //   $('.backstretch').addClass(atticOptions.spinner);
+            // }
+
             // Collect backstretch instance data for Backstretch callbacks
             var backstretch_instance_data = $('#{{attic_id}}').data('backstretch');
 
-            {% comment %} Set the headerLoaded flag
+            {% comment %} Set the headerLoaded flag (page NOT visible)
             -------------------------------------------------------------------- {% endcomment %}
            $(window).on('backstretch.before', function (e, instance, index) {
+              var evt     = e;
+              var inst    = instance;
+              var idx     = index;
+//            logger.debug('\n' + 'state: ' + _this.getState());
+              console.log('module attic - entered: backstretch.before');
+
+              console.log('module attic - apply: CSS filters');
+              $('.backstretch').css('filter', 'sepia(1) brightness(0.9) contrast(0.6)');
+//            $('.backstretch').css('filter', 'sepia(1) brightness(0.9) contrast(0.6)');
+              $('.backstretch').css('filter', 'grayscale(1) contrast(1) brightness(1)');
+
               _this.setState('backstretch_before');
-              logger.debug('\n' + 'state: ' + _this.getState());
+//             console.log('module attic - set state: backstretch_before');
             });
 
             {% comment %} Add a caption (c) or badge (b) if configured
@@ -200,7 +215,7 @@ j1.adapter.attic = (function (j1, window) {
             $(window).on('backstretch.after', function (e, instance, index) {
               logText ='add caption text';
               _this.setState('backstretch_after');
-              logger.debug('\n' + 'state: ' + status);
+//            logger.debug('\n' + 'state: ' + status);
               // logger.debug(logText);
 
               if (typeof atticOptions.slides[index].caption != 'undefined') {

data/assets/themes/j1/adapter/js/navigator.js

@@ -1262,17 +1262,6 @@ j1.adapter.navigator = (function (j1, window) {
       style += '</style>';
       $('head').append(style);
 
-//    $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator li.dropdown ul.dropdown-menu ul.dropdown-menu  { top: -' +navMenuOptions.dropdown_border_top+ 'px !important; max-height: ' +navMenuOptions.dropdown_menu_max_height+ 'em; } }</style>');
-      // Limit last (2nd) dropdown in height
-      style  = '<style>';
-      style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
-      style += '    nav.navbar.navigator li.dropdown ul.dropdown-menu ul.dropdown-menu  {';
-      style += '       top: -' + navMenuOptions.dropdown_border_top + 'px !important;';
-      style += '       max-height: ' + navMenuOptions.dropdown_menu_max_height + 'em;';
-      style += '    }';
-      style += '  }';
-      style += '</style>';
-
       //  Set dropdown item colors
 //    $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator ul.nav > li > a { color: ' +navMenuOptions.menu_item_color+ ' !important; } }</style>');
       style  = '<style>';
@@ -1293,10 +1282,11 @@ j1.adapter.navigator = (function (j1, window) {
       style += '</style>';
 
 //    $('head').append('<style>@media (min-width: ' + gridBreakpoint_lg + ') { nav.navbar.navigator li.dropdown ul.dropdown-menu { animation-duration: ' +navMenuOptions.dropdown_animate_duration+ 's !important; color: #616161 !important; min-width: ' +navMenuOptions.dropdown_item_min_width+ 'rem !important; border-top: solid ' +navMenuOptions.dropdown_border_top+ 'px !important; border-radius: ' +navMenuOptions.dropdown_border_radius+ 'px !important; left: 0; } }</style>');
-      // Dropdown menu styles
+      // 1st level dropdown menu styles
       style  = '<style>';
       style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
       style += '    nav.navbar.navigator li.dropdown ul.dropdown-menu {';
+      style += '       max-height: ' + navMenuOptions.dropdown_menu_max_height + 'rem !important;';
       style += '       animation-duration: ' + navMenuOptions.dropdown_animate_duration + 's !important;';
       style += '       color: #616161 !important;';
       style += '       min-width: ' + navMenuOptions.dropdown_item_min_width + 'rem !important;';
@@ -1308,6 +1298,16 @@ j1.adapter.navigator = (function (j1, window) {
       style += '</style>';
       $('head').append(style);
 
+//    $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator li.dropdown ul.dropdown-menu ul.dropdown-menu  { top: -' +navMenuOptions.dropdown_border_top+ 'px !important; max-height: ' +navMenuOptions.dropdown_menu_max_height+ 'em; } }</style>');
+      // Limit last (2nd) dropdown in height
+      style  = '<style>';
+      style += '  @media screen and (min-width: ' + gridBreakpoint_lg + ') {';
+      style += '    nav.navbar.navigator li.dropdown ul.dropdown-menu ul.dropdown-menu  {';
+      style += '       top: -' + navMenuOptions.dropdown_border_top + 'px !important;';
+      style += '       max-height: ' + navMenuOptions.dropdown_menu_max_height + 'rem !important;';
+      style += '    }';
+      style += '  }';
+      style += '</style>';
 
       {% if dropdown_style == 'raised' %}
 //    $('head').append('<style>@media (min-width: ' +gridBreakpoint_lg+ ') { nav.navbar.navigator li.dropdown ul.dropdown-menu { box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important; } }</style>');
@@ -1356,80 +1356,14 @@ j1.adapter.navigator = (function (j1, window) {
       style += '</style>';
       $('head').append(style);
 
+      // jadams, 2022-07-25: DISABLED
 //    $('head').append('<style>.top-search input.form-control { color: ' +navTopsearchOptions.input_color+ ' !important; }</style>');
-      style  = '<style>';
-      style += '  .top-search input.form-control {';
-      style += '    color: ' + navTopsearchOptions.input_color + ' !important;';
-      style += '  }';
-      style += '</style>';
-      $('head').append(style);
-
-      // Timeline styles
-      // -----------------------------------------------------------------------
-//       style  = '<style>';
-//       style += '  .timeline > li > .timeline-panel:after {';
-//       style += '    border-left: 14px solid ' + bg_scrolled + ';';
-//       style += '    border-right: 0 solid ' + bg_scrolled + ';';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-//       style  = '<style>';
-//       style += '  .tmicon {';
-//       style += '    background: ' + bg_scrolled + ';';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-//       // Heading styles
-//       // -----------------------------------------------------------------------
-// //    $('head').append('<style>.heading:after {background: ' +bg_scrolled+ ' !important;}</style>');
-//       style  = '<style>';
-//       style += '  .heading:after {';
-//       style += '    background: ' + bg_scrolled + ' !important;';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-//       // Tag Cloud styles
-//       // -----------------------------------------------------------------------
-// //    $('head').append('<style>.tag-cloud ul li a {background-color: ' +bg_scrolled+ ' !important;}</style>');
-//       style  = '<style>';
-//       style += '  .tag-cloud ul li a {';
-//       style += '    background: ' + bg_scrolled + ' !important;';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-//       // Toccer styles
-//       // -----------------------------------------------------------------------
-// //    $('head').append('<style>.is-active-link::before {background-color: ' +bg_scrolled+ ' !important;}</style>');
-//       style  = '<style>';
-//       style += '  .is-active-link::before {';
-//       style += '    background-color: ' + bg_scrolled + ' !important;';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-//       // BS extended Modal styles
-//       // -----------------------------------------------------------------------
-// //    $('head').append('<style>.modal-dialog.modal-notify.modal-primary .modal-header {background-color: ' +bg_scrolled+ ';}</style>');
-//       style  = '<style>';
-//       style += '  .modal-dialog.modal-notify.modal-primary .modal-header {';
-//       style += '    background-color: ' + bg_scrolled + ' !important;';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
-//
-//       // BS nav|pills styles
-//       // -----------------------------------------------------------------------
-// //    $('head').append('<style>.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: ' +bg_scrolled+ ' !important;}</style>');
-//       style  = '<style>';
-//       style += '  .nav-pills .nav-link.active, .nav-pills .show > .nav-link  {';
-//       style += '    background-color: ' + bg_scrolled + ' !important;';
-//       style += '  }';
-//       style += '</style>';
-//       $('head').append(style);
+      // style  = '<style>';
+      // style += '  .top-search input.form-control {';
+      // style += '    color: ' + navTopsearchOptions.input_color + ' !important;';
+      // style += '  }';
+      // style += '</style>';
+      // $('head').append(style);
 
       return true;
     }, // END applyThemeSettings

data/assets/themes/j1/adapter/js/themer.js

@@ -273,6 +273,11 @@ j1.adapter.themer = (function (j1, window) {
                  logger.debug('\n' + 'state: ' + _this.getState());
                  logger.info('\n' + 'module initialized successfully');
                  clearInterval(dependencies_met_theme_applied);
+               } else if (user_state.theme_name.includes('Uno')) {
+                 _this.setState('finished');
+                 logger.debug('\n' + 'state: ' + _this.getState());
+                 logger.info('\n' + 'module initialized successfully');
+                 clearInterval(dependencies_met_theme_applied);
                }
              }
            }, 25); // END dependencies_met_theme_applied

data/assets/themes/j1/core/css/themes/unodark/bootstrap.css

@@ -8688,9 +8688,6 @@ textarea.form-control-lg {
 code {
   color: #f5f5f5; }
 
-code {
-  background-color: rgba(0, 0, 0, 0.4) !important; }
-
 /*
  # -----------------------------------------------------------------------------
  # ~/100_template_css/scss/theme_uno_dark/bootstrap/_dropdowns.scss
@@ -9227,26 +9224,26 @@ table tr.even, table tr.alt, table tr:nth-of-type(even) {
 .table-hover .table-active:hover, .table-hover .table-active:hover > th, .table-hover .table-active:hover > td {
   background-color: rgba(0, 0, 0, 0.1); }
 
-/*
- # -----------------------------------------------------------------------------
- # ~/100_template_css/scss/theme_uno_dark/bootstrap/_typography.scss
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2022 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- # -----------------------------------------------------------------------------
- # NOTE: Typography styles for resposive text (rtext)
- #  Provides flowting text styles for dynamic|responsible text.
- # Inspired by Materialize (http://materializecss.com/)
- # TODO:1
-  # -----------------------------------------------------------------------------
- # SPEC: r-text   - http://materializecss.com/typography.html
- # SPEC: general  - https://www.google.com/design/spec/style/typography.html#typography-styles
- # -----------------------------------------------------------------------------
+/*
+ # -----------------------------------------------------------------------------
+ # ~/100_template_css/scss/theme_uno_dark/bootstrap/_typography.scss
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2022 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # NOTE: Typography styles for resposive text (rtext)
+ #  Provides flowting text styles for dynamic|responsible text.
+ # Inspired by Materialize (http://materializecss.com/)
+ # TODO:1
+  # -----------------------------------------------------------------------------
+ # SPEC: r-text   - http://materializecss.com/typography.html
+ # SPEC: general  - https://www.google.com/design/spec/style/typography.html#typography-styles
+ # -----------------------------------------------------------------------------
 */
 b,
 strong {
@@ -9286,8 +9283,8 @@ cite, em, var, address, dfn {
  # -----------------------------------------------------------------------------
 */
 .doc-example {
-  background-color: #616161;
-  border: 1px solid rgba(255, 255, 255, 0.5); }
+  background-color: #616161 !important;
+  border: 1px solid rgba(255, 255, 255, 0.5) !important; }
 
 /*
  # -----------------------------------------------------------------------------
@@ -9564,7 +9561,7 @@ cite, em, var, address, dfn {
   color: #757575; }
 
 .icons div code {
-  color: #f5f5f5; }
+  color: #424242; }
 
 .icons div code:hover {
   color: #bdbdbd !important; }