j1-template 2022.5.3 → 2022.6.1

data/assets/data/panel.html

@@ -25,10 +25,12 @@ exclude_from_search:                    true
 
 {% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
-{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
-{% capture create_bs_button %}themes/{{site.template.name}}/procedures/global/create_bs_button.proc{% endcapture %}
-{% capture news_box %}themes/{{site.template.name}}/modules/footers/boxes/news_box.proc{% endcapture %}
+{% capture get_wave           %}themes/{{site.template.name}}/procedures/blocks/get_wave.proc{% endcapture %}
+
+{% capture select_color       %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture select_icon_size   %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+{% capture create_bs_button   %}themes/{{site.template.name}}/procedures/global/create_bs_button.proc{% endcapture %}
+{% capture news_box           %}themes/{{site.template.name}}/modules/footers/boxes/news_box.proc{% endcapture %}
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -55,6 +57,10 @@ exclude_from_search:                    true
 {% assign panel_config_settings     = panel_config_settings.settings %}
 {% assign bs_card_deck              = bs_config.cards.card_deck %}
 
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign panel_config_options      = panel_config_defaults | merge: panel_config_settings %}
+
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign truncate_words            = site.excerpt_truncate_words %}
@@ -64,6 +70,18 @@ exclude_from_search:                    true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% capture panel_config_file_name %}~/_data/blocks/panel.yml{% endcapture %}
 
+
+{% comment %} Collect CSS image filters
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if panel_config_options.filters %}
+  {% for filter in panel_config_options.filters %}
+    {% capture css_filters %}{{css_filters}} {{filter[0]}}({{filter[1]}}){% endcapture %}
+  {% endfor %}
+  {% capture image_filters %}filter:{{css_filters}}{% endcapture %}
+{% else %}
+  {% assign image_filters = '' %}
+{% endif %}
+
 {% comment %} language detection|i18n
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if site.language == "en" %}
@@ -129,6 +147,7 @@ exclude_from_search:                    true
           {% assign properties              = panel_settings.properties %}
           {% assign description_properties  = panel_settings.description_properties %}
           {% assign cards                   = panel_settings.cards %}
+          {% assign wave_properties         = panel_settings.wave %}
         {% endif %}
       {% endfor %}
 
@@ -164,6 +183,19 @@ exclude_from_search:                    true
         {% assign icon_family = 'mdi' %}
       {% endif %}
 
+      {% comment %} generate the HTML portion for the TOP wave element
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% if wave_properties.top.enabled %}
+        {% include {{get_wave}} position="top" wave=wave_properties.top %}
+        {% assign panel_wave_top = _wave %}
+      {% endif %}
+
+      {% comment %} generate the HTML portion for the BOTTOM wave element
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% if wave_properties.bottom.enabled %}
+        {% include {{get_wave}} position="bottom" wave=wave_properties.bottom %}
+        {% assign panel_wave_bottom = _wave %}
+      {% endif %}
 
       {% comment %} process current panel
       -------------------------------------------------------------------------- {% endcomment %}
@@ -175,11 +207,19 @@ exclude_from_search:                    true
         ------------------------------------------------------------------------ {% endcomment %}
         {% when 'intro' %}
         {% assign panel_options = panel_config_defaults.intro | merge: panel_settings %}
+
+        {% assign debug = true %}
         {% if debug %}<!-- panel_options:  {{panel_options}} -->{% endif %}
+
         <!-- Panel {{panel_settings.id}} -->
-        <section id="{{panel_settings.id}}" class="container">
+        <section id="{{panel_settings.id}}">
+
+          {% if wave_properties.top.enabled %}
+            {{panel_wave_top}}
+          {% endif %}
+
           <!-- Main Container -->
-          <div class="row {{panel_settings.properties}}">
+          <div class="container {{panel_settings.properties}}">
 
             <!-- Heading -->
             <div>
@@ -236,7 +276,7 @@ exclude_from_search:                    true
 
               {% if card_type == 'text' and card_enabled %}
                 {% assign card_raised = 'raised-z5' %}
-                <article class="card raised-z3 mb-3">
+                <article class="card raised-z0 mb-3">
                   <div class="card-header bg-primary pt-2 pb-2">
                     <div class="d-flex flex-row align-items-center">
                       <div class="mr-3">
@@ -260,7 +300,7 @@ exclude_from_search:                    true
                     </div>
                   </div>
 
-                  <div class="card-body g-min-height-200 r-text-300">{{card_text}}</div>
+                  <div class="card-body g-min-height-200 r-text-300 mt-0">{{card_text}}</div>
                   <div class="card-footer r-text-200 md-grey-900 text-lowercase">
                   {% for data in card_buttons %} {% for item in data %} {% for button in item[1] %}
                     {% assign key   = button[0] %}
@@ -315,7 +355,13 @@ exclude_from_search:                    true
 
           </div>
           <!-- END main container -->
+
+          {% if wave_properties.bottom.enabled %}
+            {{panel_wave_bottom}}
+          {% endif %}
+
         </section>
+
         <!-- END Panel {{panel_settings.id}} -->
 
         {% comment %} Reset element variables (already processed)
@@ -339,9 +385,15 @@ exclude_from_search:                    true
         {% endif %}
 
         <!-- Panel {{panel_settings.id}} -->
-        <section id="{{panel_settings.id}}" class="container">
+        <section id="{{panel_settings.id}}">
+
+          {% if wave_properties.top.enabled %}
+            {{panel_wave_top}}
+          {% endif %}
+
           <!-- Main Container -->
-          <div class="row {{panel_settings.properties}}">
+          <div class="container {{panel_settings.properties}}">
+
             <!-- Heading -->
             <div>
               <div class="{{panel_settings.animate}} mb-2">
@@ -470,6 +522,11 @@ exclude_from_search:                    true
             -------------------------------------------------------------------- {% endcomment %}
 
           </div> <!-- END main container -->
+
+          {% if wave_properties.bottom.enabled %}
+            {{panel_wave_bottom}}
+          {% endif %}
+
         </section> <!-- END Panel {{panel_settings.id}} -->
 
         {% comment %} Reset element variables (already processed)
@@ -488,10 +545,16 @@ exclude_from_search:                    true
 
         {% assign panel_options = panel_config_defaults.service | merge: panel_settings %}
         {% if debug %}<!-- panel_options:  {{panel_options}} -->{% endif %}
+
         <!-- Panel {{panel_settings.id}} -->
-        <section id="{{panel_settings.id}}" class="container">
+        <section id="{{panel_settings.id}}">
+
+          {% if wave_properties.top.enabled %}
+            {{panel_wave_top}}
+          {% endif %}
+
           <!-- Main Container -->
-          <div class="noclass {{panel_settings.properties}}">
+          <div class="container {{panel_settings.properties}}">
 
             <!-- Heading -->
             <div class="noclass">
@@ -555,7 +618,7 @@ exclude_from_search:                    true
 
               {% if card_enabled %}
               <li id="{{panel_settings.id}}-scroll-item" class="scroll-group-item items-{{card_items}} p-0">
-                <article class="card raised-z3 card-same-height mb-3">
+                <article class="card raised-z0 card-same-height mb-3">
                   <div class="card-profile mb-0">
 
                     <div class="card-icon mt-4">
@@ -570,7 +633,7 @@ exclude_from_search:                    true
                         <h6 class="notoc category text-gray {{card_header_translate}}">{{card_title}}</h6>
                         <h4 class="notoc card-title {{card_header_translate}}">{{card_tagline}}</h4>
                       </div>
-                      <div class="card-body g-min-height-300 r-text-300">{{card_text}}</div>
+                      <div class="card-body g-min-height-300 r-text-300 mt-0">{{card_text}}</div>
 
                       <div class="card-footer">
                         <div class="row {{panel_settings.id}}">
@@ -579,8 +642,9 @@ exclude_from_search:                    true
                         	  <div class="card">
                           		<div class="card-header" id="headingOne">
                           		  <h2 class="clearfix mb-0">
-                            			<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>
+                            			<a class="btn btn-link card-profile 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 -->
+                                    <i class="fa fa-chevron-circle-right"></i>
                                     {{list.service.title}}
                                   </a>
                           		  </h2>
@@ -616,6 +680,11 @@ exclude_from_search:                    true
             <!-- End Cards -->
           </div>
           <!-- End Main Container -->
+
+          {% if wave_properties.bottom.enabled %}
+            {{panel_wave_bottom}}
+          {% endif %}
+
         </section>
         <!-- END Panel {{panel_settings.id}} -->
 
@@ -634,8 +703,15 @@ exclude_from_search:                    true
         {% assign panel_options = panel_config_defaults.news|merge: panel_settings %}
 
         {% if debug %}<!-- panel_options:  {{panel_options}} -->{% endif %}
+
         <!-- Panel {{panel_settings.id}} -->
-        <section id="{{panel_settings.id}}" class="container">
+        <section id="{{panel_settings.id}}">
+
+          {% if wave_properties.top.enabled %}
+            {{panel_wave_top}}
+          {% endif %}
+
+          <!-- Main Container -->
           <div class="container {{panel_settings.properties}}">
 
             {% if panel_options.title %}
@@ -684,24 +760,29 @@ exclude_from_search:                    true
               {% if card_block == 'card-list' %}
               <div>
                 <ul id="{{panel_settings.id}}-scroll-group" class="scroll-group scroll-group-horizontal align-items-stretch flex-wrap">
-                  <!-- [INFO   ] [~/assets/data/panel.html              ] [ write post items ] -->
+                  <!-- [INFO   ] [~/assets/data/panel.html              ] [ write post items (card_block == 'card-list')] -->
                 {% for post in site.posts %}
                   {% if posts_written == posts_max %} {% assign last_post_written = true %} {% break %}{% endif %}
 
                   {% if last_post_written != true %}
                     {% assign posts_written = posts_written|plus:1 %}
                 			<li id="{{panel_settings.id}}-scroll-item" class="scroll-group-item items-{{cards_per_row}} p-0">
-                        <article class="card card-same-height raised-z3 mb-5">
+                        <article class="card card-same-height raised-z0 mb-5">
                           {% if post.image %}
-                            <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}" style="filter: grayscale(1) contrast(1) brightness(1);">
+                            {% if post.image.path %}
+                              <img class="img-fluid img-object--cover g-height-200" src="{{post.image.path}}" alt="{{post.title}}" style="{{image_filters}};">
                             {% assign post_width = '80x' %}
+                            {% else %}
+                              <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}" style="{{image_filters}};">
+                            {% assign post_width = '80x' %}
+                            {% endif %}
                           {% else %}
-                            <img class="mt-2" src="" alt="" style="filter: grayscale(1) contrast(1) brightness(1);">
+                            <img class="mt-2" src="" alt="">
                             {% assign post_width = '100x' %}
                           {% endif %}
                           <h3 class="card-header bg-primary notoc notranslate">{{post.title}}</h3>
                           <!-- Body|Excerpt -->
-                          <div class="card-body r-text-300">
+                          <div class="card-body r-text-300 mt-0">
                             {% comment %} {{post.excerpt|truncatewords: 50|replace:'...',' ...'|remove:'<div class="paragraph">'|remove:'</div>'|remove:'<p>'|remove:'</p>'}} {% endcomment %}
                             {{post.excerpt|truncatewords: truncate_words}}
                           </div>
@@ -748,23 +829,29 @@ exclude_from_search:                    true
               {% if card_block == 'card-deck' %}
               <!-- Recent posts -->
               <div class="row card-deck">
+                <!-- [INFO   ] [~/assets/data/panel.html              ] [ write post items (card_block == 'card-deck')] -->
               {% 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 %}
                     <!-- Posts -->
-                    <article class="card raised-z3 mb-3">
+                    <article class="card raised-z0 mb-3">
                       {% if post.image %}
-                        <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}" style="filter: grayscale(1) contrast(1) brightness(1);">
+                        {% if post.image.path %}
+                          <img class="img-fluid img-object--cover g-height-200" src="{{post.image.path}}" alt="{{post.title}}" style="{{image_filters}};">
                         {% assign post_width = '80x' %}
+                        {% else %}
+                          <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}" style="{{image_filters}};">
+                        {% assign post_width = '80x' %}
+                        {% endif %}
                       {% else %}
-                        <img class="mt-2" src="" alt="" style="filter: grayscale(1) contrast(1) brightness(1);">
+                        <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">
+                      <div class="card-body r-text-300 mt-0">
                         {% comment %} {{post.excerpt|truncatewords: 50|replace:'...',' ...'|remove:'<div class="paragraph">'|remove:'</div>'|remove:'<p>'|remove:'</p>'}} {% endcomment %}
                         {{post.excerpt|truncatewords: truncate_words}}
                       </div>
@@ -818,7 +905,11 @@ exclude_from_search:                    true
             {% endfor %}
 
           </div>
-          <!-- END container -->
+          <!-- End Main Container -->
+
+          {% if wave_properties.bottom.enabled %}
+            {{panel_wave_bottom}}
+          {% endif %}
 
         </section>
         <!-- End news panel: {{panel_settings.id}} -->

data/assets/data/top_search_modal.0.html

@@ -0,0 +1,142 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/translator.html
+ # Liquid PROCEDURE to generate the HTML (data) portion of all modals used
+ # by the J1 Translator module
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #   config: {{ config | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment     = site.environment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign modules         = site.data.modules %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign translate_defaults = modules.defaults.translator.defaults %}
+{% assign translate_settings = modules.translator.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign translate_options  = translate_defaults | merge: translate_settings %}
+
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+
+{% comment %} Main
+================================================================================ {% endcomment %}
+<!-- [INFO   ] [~/assets/data/translator.html                ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
+
+{% comment %} i18n: translations
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Modal Top Search dialog (default: en-EN)
+-------------------------------------------------------------------------------- {% endcomment %}
+<div id="searchModal-en">
+
+  <!-- Modal Top Search -->
+  <div id="searchModal"
+    class="modal fade top"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="myModalLabel" aria-hidden="true"
+    data-keyboard="false"
+    data-backdrop="static">
+
+    <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
+
+      <!-- Content -->
+      <div class="modal-content">
+        <!-- Body -->
+        <div class="modal-body">
+          <div id="navigator_nav_topsearch" class="top-search ml-4 mr-4">
+            <span class="bmd-form-group">
+              <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="Your search expression" autocomplete="off" class="form-control">
+                <span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 0.75rem"> <i class="mdi mdi-format-clear mdi-2x" style="color:#9E9E9E"></i> </span>
+              </div>
+            </span>
+            <!-- [INFO   ] [~/assets/data/top_search_modal.html                    ] [ place: results container ] -->
+            <div class="search-results hide-scrollbar mt-4">
+              <section id="search-results" style="display: none;"></section>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- END Content -->
+
+    </div>
+  </div>
+  <!-- END Modal Top Search -->
+
+  {% raw %}
+  <!-- [INFO   ] [~/assets/data/top_search_modal.html                    ] [ place: JS Mustache template ] -->
+  <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 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>
+        <p class="result-item-text">{{description}}</p>
+        <p class="result-item-text small text-muted mb-3">
+          <i class="mdi mdi-tag-text-outline mdi-18px mr-1"></i><span class="sr-categories">{{#categories}} {{.}} · {{/categories}}</span>
+          <i class="mdi mdi-tag mdi-18px mr-1 ml-2"></i><span class="sr-tags">{{#tags}} {{.}} · {{/tags}}</span>
+        </p>
+      </li>
+    {{/docs}}
+    <ul>
+  </script>
+  {% endraw %}
+
+</div>
+
+{% comment %} END Modal Google Translator dialog (en-EN)
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% endcapture %}
+
+{% if production %}
+  {% capture _LINE_FEED %}{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ cache | strip_html_comments }}{% else %}{% capture _content %}{{ cache | strip_html_comments }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ cache | strip_html_comments | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
+{% else %}
+  {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/data/top_search_modal.html

@@ -0,0 +1,121 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/translator.html
+ # Liquid PROCEDURE to generate the HTML (data) portion of all modals used
+ # by the J1 Translator module
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #   config: {{ config | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment     = site.environment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign modules         = site.data.modules %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign translate_defaults = modules.defaults.translator.defaults %}
+{% assign translate_settings = modules.translator.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign translate_options  = translate_defaults | merge: translate_settings %}
+
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+
+{% comment %} Main
+================================================================================ {% endcomment %}
+<!-- [INFO   ] [~/assets/data/translator.html                ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
+
+{% comment %} i18n: translations
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Modal Top Search dialog (default: en-EN)
+-------------------------------------------------------------------------------- {% endcomment %}
+<div id="searchModal-en">
+
+  <!-- Modal Top Search -->
+  <div id="searchModal"
+    class="modal fade top"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="myModalLabel" aria-hidden="true"
+    data-keyboard="false"
+    data-backdrop="static">
+
+    <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
+
+      <!-- Content -->
+      <div class="modal-content">
+        <!-- Body -->
+        <div class="modal-body">
+          <div id="navigator_nav_topsearch" class="top-search ml-4 mr-4">
+            <span class="bmd-form-group">
+              <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="Your search expression" autocomplete="off" class="form-control">
+                <span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 0.75rem"> <i class="mdi mdi-format-clear mdi-2x" style="color:#9E9E9E"></i> </span>
+              </div>
+            </span>
+            <!-- [INFO   ] [~/assets/data/top_search_modal.html                    ] [ place: results container ] -->
+            <div class="search-results hide-scrollbar mt-4">
+              <section id="search-results" style="display: none;"></section>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- END Content -->
+
+    </div>
+  </div>
+  <!-- END Modal Top Search -->
+
+</div>
+
+{% comment %} END Modal Google Translator dialog (en-EN)
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% endcapture %}
+
+{% if production %}
+  {% capture _LINE_FEED %}{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ cache | strip_html_comments }}{% else %}{% capture _content %}{{ cache | strip_html_comments }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ cache | strip_html_comments | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
+{% else %}
+  {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

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

@@ -220,7 +220,7 @@ j1.adapter.attic = (function (j1, window) {
               var textOverlayTagline  = instance.images[index].tagline;
               var textOverlayHTML;
 
-              console.log('module attic - set state: backstretch_before');
+              // console.log('module attic - set state: backstretch_before');
               _this.setState('backstretch_before');
 
               if (index === backstretch_instance_data.images.length -1) {
@@ -232,8 +232,8 @@ j1.adapter.attic = (function (j1, window) {
                 $('.backstretch').removeClass(atticOptions.spinner);
               }
 
-              console.log('module attic - entered: backstretch.before');
-              console.log('module attic - apply: CSS filters');
+              // 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', 'grayscale(1) contrast(1) brightness(1)');
@@ -344,7 +344,7 @@ j1.adapter.attic = (function (j1, window) {
 
               _this.setState('finished');
               logger.debug('\n' + 'state: ' + _this.getState());
-              logger.info('\n' + 'module initialized successfully');
+              // logger.info('\n' + 'module initialized successfully');
             }); // END on('backstretch.after')
 
           } // END if attic_id exists