j1-template 2022.5.2 → 2022.6.0

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

@@ -117,7 +117,7 @@
 
       <li class="{{blog_position}}">
         <div class="timeline-badge"><i class="tmicon bg-primary rounded-x hidden-xs"></i></div>
-        <div class="card raised-z5 timeline-panel">
+        <div class="card raised-z0 timeline-panel">
 
           {% comment %} jadams, 2021-08-05:
           NOTE: Changed headerlevel form h3 -> h2
@@ -208,7 +208,7 @@
           {% else %}
             <!-- !place_icon && !place_image -->
             <!-- div class="timeline-body" -->
-            <div class="card-body r-text-300">
+            <div class="card-body r-text-300 mt-0">
               <!-- div class="tagline">
                 <p class="card-subtitle">{{post.tagline}}</p>
               </div -->

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

@@ -81,11 +81,19 @@
     {% comment %} Set PREVIOUS page
     ---------------------------------------------------------------------------- {% endcomment %}
     {% if page.previous %}
-      <li class="page-item"><a class="page-link" href="{{base_path}}{{page.previous.url}}" title="{{page.previous.title}}">{{pager_previous_button_text}}</a></li>
+      <li class="page-item"><a class="page-link" href="{{page.previous.url | absolute_url}}" title="{{page.previous.title}}">{{pager_previous_button_text}}</a></li>
     {% else %}
       <li class="page-item disabled"><a class="page-link">{{pager_first_button_text}}</a></li>
     {% endif %}
 
+    {% comment %} Set NEXT page
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if page.next %}
+      <li class="page-item"><a class="page-link" href="{{page.next.url | absolute_url}}" title="{{page.next.title}}">{{pager_next_button_text}}</a></li>
+    {% else %}
+      <li class="page-item disabled"><a class="page-link" href="#void">{{pager_last_button_text}}</a></li>
+    {% endif %}
+
     {% comment %} Set BACK page (PagerURL)
     ---------------------------------------------------------------------------- {% endcomment %}
     <!-- [INFO   ] [procedures.global.pager.proc          ] [Manage the current pager settings for: {{builder_path}}] -->
@@ -109,14 +117,5 @@
         data: user_state
       });
     </script>
-
-    {% comment %} Set NEXT page
-    ---------------------------------------------------------------------------- {% endcomment %}
-    {% if page.next %}
-      <li class="page-item"><a class="page-link" href="{{base_path}}{{page.next.url}}" title="{{page.next.title}}">{{pager_next_button_text}}</a></li>
-    {% else %}
-      <li class="page-item disabled"><a class="page-link" href="#void">{{pager_last_button_text}}</a></li>
-    {% endif %}
-
   </ul>
 </div>

data/_layouts/default.html

@@ -191,7 +191,8 @@ debug:                                  false
           <meta http-equiv="X-UA-Compatible" content="IE=edge" />
           <meta name="viewport" content="width=device-width, initial-scale=1" />
           <link rel="icon" type="{{site.favicon.type}}" href="{{site.data.j1_config.image_path}}/{{site.favicon.image}}" />
-          <title>{{title}} · {{http_error}}</title>
+          <!-- [INFO   ] [j1.layout.default.html                ] [ multiple title tags cause issues at Bing ] -->
+          <!-- title>{{title}} · {{http_error}}</title -->
           <style> .my { margin-top: 8.5rem !important;} </style>
           <style type="text/css">/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{cursor: pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{cursor: pointer ;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}body,html{width:100%;height:100%;background-color:#21232a}body{color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);padding:0;min-height:100%;-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,.8);box-shadow:inset 0 0 100px rgba(0,0,0,.8);display:table;font-family:"Open Sans",Arial,sans-serif}h1{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;font-size:36px}h1 small{font-size:68%;font-weight:400;line-height:1;color:#777}a{text-decoration:none;color:#fff;font-size:inherit;border-bottom:dotted 1px #707070}.lead{color:silver;font-size:21px;line-height:1.4}.cover{display:table-cell;vertical-align:middle;padding:0 20px}footer{position:fixed;width:100%;height:40px;left:0;bottom:0;color:#a0a0a0;font-size:14px}</style>
         </head>
@@ -226,6 +227,9 @@ debug:                                  false
   <!-- [INFO   ] [j1.layout.default.html                ] [ place container for the r-text resizer modal ] -->
   <div id="rtext_resizer_container"></div>
 
+  <!-- [INFO   ] [j1.layout.default.html                ] [ place container for the floating action button (FAB) ] -->
+  <div id="fab-container"></div>
+
   {% comment %} Initialize global JS scripts
   ------------------------------------------------------------------------------ {% endcomment %}
   <!-- [INFO   ] [j1.layout.default.html                ] [ initialize global JS scripts ] -->

data/apps/private/README.txt

@@ -0,0 +1 @@
+private apps

data/apps/protected/README.txt

@@ -0,0 +1 @@
+protected apps

data/apps/public/README.txt

@@ -0,0 +1 @@
+public apps

data/assets/data/banner.html

@@ -26,10 +26,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 global settings
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -105,6 +107,7 @@ exclude_from_search:                    true
           {% assign lane_span       = banner_settings.lane_span %}
           {% assign buttons         = banner_settings.buttons %}
           {% assign cards           = banner_settings.cards %}
+          {% assign wave_properties = banner_settings.wave %}
           {% assign properties      = banner_settings.properties %}
         {% endif %}
       {% endfor %}
@@ -117,6 +120,20 @@ exclude_from_search:                    true
         {% assign container_class = 'container' %}
       {% 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 banner_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 banner_wave_bottom = _wave %}
+      {% endif %}
+
       {% comment %} process current banner
       -------------------------------------------------------------------------- {% endcomment %}
 
@@ -145,8 +162,14 @@ exclude_from_search:                    true
         {% assign banner_options = banner_config_defaults.teaser | merge: banner_settings %}
         {% if debug %}<!-- banner_options:  {{banner_options}} -->{% endif %}
 
-        <section id="{{banner_settings.id}}" class="container">
-          <div class="row {{banner_settings.properties}}">
+        <section id="{{banner_settings.id}}">
+
+          {% if wave_properties.top.enabled %}
+            {{banner_wave_top}}
+          {% endif %}
+
+          <!-- Main Container -->
+          <div class="container {{banner_settings.properties}}">
           {% assign card_items = cards | size %}
           {% for card in cards %}
 
@@ -234,8 +257,8 @@ exclude_from_search:                    true
                 		<img
                 			class="sticker-image"
                 			src="/assets/images/sticker/600x600/sticker-new-version.png"
-                			alt="Get new version 2022.5.2"
-                			title="Get new version 2022.5.2"
+                			alt="Get new version 2022.6.0"
+                			title="Get new version 2022.6.0"
                 			style="width: 140px; height: 120px;"
                 		>
                   </a>
@@ -271,6 +294,13 @@ exclude_from_search:                    true
           {% comment %} END cards
           ---------------------------------------------------------------------- {% endcomment %}
           </div>
+          <!-- End Main Container -->
+
+          <!-- wave_properties.bottom:  {{ wave_properties.bottom | debug }} -->
+          {% if wave_properties.bottom.enabled %}
+            {{banner_wave_bottom}}
+          {% endif %}
+
         </section> <!-- End banner {{ id }} -->
 
         {% comment %} Reset element variables (already processed)

data/assets/data/footer.html

@@ -29,13 +29,15 @@ exclude_from_search:                    true
 -------------------------------------------------------------------------------- {% 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 about_box          %}themes/{{site.template.name}}/blocks/footer/boxes/about_box.proc{% endcapture %}
-{% capture news_box           %}themes/{{site.template.name}}/blocks/footer/boxes/news_box.proc{% endcapture %}
-{% capture links_box          %}themes/{{site.template.name}}/blocks/footer/boxes/links_box.proc{% endcapture %}
-{% capture contacts_box       %}themes/{{site.template.name}}/blocks/footer/boxes/contacts_box.proc{% endcapture %}
-{% capture legal_statements   %}themes/{{site.template.name}}/blocks/footer/boxes/legal_statements.proc{% endcapture %}
-{% capture issue              %}themes/{{site.template.name}}/blocks/footer/boxes/issue.proc{% endcapture %}
-{% capture social_media_icons %}themes/{{site.template.name}}/blocks/footer/boxes/social_media_icons.proc{% endcapture %}
+
+{% capture get_wave           %}themes/{{site.template.name}}/procedures/blocks/get_wave.proc{% endcapture %}
+{% capture about_box          %}themes/{{site.template.name}}/procedures/blocks/footer/boxes/about_box.proc{% endcapture %}
+{% capture news_box           %}themes/{{site.template.name}}/procedures/blocks/footer/boxes/news_box.proc{% endcapture %}
+{% capture links_box          %}themes/{{site.template.name}}/procedures/blocks/footer/boxes/links_box.proc{% endcapture %}
+{% capture contacts_box       %}themes/{{site.template.name}}/procedures/blocks/footer/boxes/contacts_box.proc{% endcapture %}
+{% capture legal_statements   %}themes/{{site.template.name}}/procedures/blocks/footer/boxes/legal_statements.proc{% endcapture %}
+{% capture issue              %}themes/{{site.template.name}}/procedures/blocks/footer/boxes/issue.proc{% endcapture %}
+{% capture social_media_icons %}themes/{{site.template.name}}/procedures/blocks/footer/boxes/social_media_icons.proc{% endcapture %}
 
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
@@ -63,6 +65,7 @@ exclude_from_search:                    true
   {% assign production = true %}
 {% endif %}
 
+
 {% comment %} Main
 ================================================================================ {% endcomment %}
 
@@ -92,11 +95,24 @@ exclude_from_search:                    true
 
       {% if debug %} <!-- footer_settings.boxes: {{ footer_settings.boxes }} --> {% endif %}
 
-
       {% comment %} process current footer
       -------------------------------------------------------------------------- {% endcomment %}
       {% if footer_settings.enabled %}
 
+        {% comment %} generate the HTML portion for the TOP wave element
+        ------------------------------------------------------------------------ {% endcomment %}
+        {% if footer_settings.wave.top.enabled %}
+          {% include {{get_wave}} position="top" wave=footer_settings.wave.top %}
+          {% assign footer_wave_top = _wave %}
+        {% endif %}
+
+        {% comment %} generate the HTML portion for the BOTTOM wave element
+        ------------------------------------------------------------------------ {% endcomment %}
+        {% if footer_settings.wave.bottom.enabled %}
+          {% include {{get_wave}} position="bottom" wave=footer_settings.wave.bottom %}
+          {% assign footer_wave_bottom = _wave %}
+        {% endif %}
+
         {% assign enabled_boxes   = 0 %}
         {% assign footer_options  = footer_config_defaults.footer | merge: footer_settings %}
         {% if debug %} <!-- footer_options: {{ footer_options }} --> {% endif %}
@@ -108,12 +124,16 @@ exclude_from_search:                    true
           {% if property.enabled %} {% assign enabled_boxes = enabled_boxes | plus:1 %} {% endif %}
         {% endfor %}
         {% assign footer_box_width_md = 12 | divided_by:enabled_boxes %}
-        <!-- [INFO   ] [~/assets/data/footer.html                ] [Set footer box column width to: {{ footer_box_width_md }}] -->
 
+        <!-- [INFO   ] [~/assets/data/footer.html                ] [Set footer box column width to: {{ footer_box_width_md }}] -->
         <!-- div id="{{footer_config_defaults.container-id}}" class="{{footer_options.theme}}" -->
-        <div id="{{footer_config_defaults.container-id}}">
-          <div class="footer">
+        <div id="{{footer_config_defaults.container-id}}" class="{{footer_settings.properties}}">
+
+          {% if footer_settings.wave.top.enabled %}
+            {{footer_wave_top}}
+          {% endif %}
 
+          <div class="footer">
             <div class="container">
               <div class="row">
 

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/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