j1-template 2022.0.17 → 2022.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 800dc492d73c0a3fa1b6a4a65efad8cd448b1e2cbc304a112e0941be09e6a8ec
-  data.tar.gz: '07801fe24243e2721c57152f94ee02adac6e2f84e82d20ecf32664fc19d64ed3'
+  metadata.gz: 1958eaa48f104acb9e050342f887d318fb0964af15af7941297a611f202aebc5
+  data.tar.gz: c7052e93044d2aac901341ea96c3d607e2f3d6c8366c5c5f7920bcaf610bb8eb
 SHA512:
-  metadata.gz: 7f3aa7bbbc45b6121e548b7b745c30512c313b2b80b0fd79caf73eac0943ae39f30992f0aa1d0393ca811a543bc2b4e9e7b1717c58cb071106c45f55c1989526
-  data.tar.gz: 3c5e808cea092e42249bb03494a2a8c0366e322e4f3622052ac565b1fe4a400e14402edfb12769afb21c3afd2fc4093931069fc74e48d8d191933d80195aab50
+  metadata.gz: 8f9d43dc713f95c9669a23a87201e5fa6b1aec9c3be248267efbcb803bdacca606bca1503c71ce10ebc9a9fc5920b027e356066b2b9d48da7bba749ee50dcf34
+  data.tar.gz: f478370b04a133cce9af5e490c25120f22f50abf91d126f7abc812f721faace4c792dca5c71385a4eb484003fbfc70d6797bbf42a9d0474af70c041e5852cf52

data/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (C) 2021 Juergen Adams
+Copyright (C) 2022 Juergen Adams
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

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

@@ -6,7 +6,7 @@
  #  Product/Info:
  #  http://jekyll.one
  #
- #  Copyright (C) 2021 Juergen Adams
+ #  Copyright (C) 2022 Juergen Adams
  #
  #  Licensed under the Creative Commons Attribution 3.0 Unported License.
  #  See: http://creativecommons.org/licenses/by/3.0/.

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

@@ -6,7 +6,7 @@
  #  Product/Info:
  #  http://jekyll.one
  #
- #  Copyright (C) 2021 Juergen Adams
+ #  Copyright (C) 2022 Juergen Adams
  #
  #  Licensed under the Creative Commons Attribution 3.0 Unported License.
  #  See: http://creativecommons.org/licenses/by/3.0/.

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

@@ -6,7 +6,7 @@
  #  Product/Info:
  #  http://jekyll.one
  #
- #  Copyright (C) 2021 Juergen Adams
+ #  Copyright (C) 2022 Juergen Adams
  #
  #  Licensed under the Creative Commons Attribution 3.0 Unported License.
  #  See: http://creativecommons.org/licenses/by/3.0/.

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

@@ -6,7 +6,7 @@
  #  Product/Info:
  #  http://jekyll.one
  #
- #  Copyright (C) 2021 Juergen Adams
+ #  Copyright (C) 2022 Juergen Adams
  #
  #  Licensed under the Creative Commons Attribution 3.0 Unported License.
  #  See: http://creativecommons.org/licenses/by/3.0/.

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

@@ -6,7 +6,7 @@
  #  Product/Info:
  #  http://jekyll.one
  #
- #  Copyright (C) 2021 Juergen Adams
+ #  Copyright (C) 2022 Juergen Adams
  #
  #  Licensed under the Creative Commons Attribution 3.0 Unported License.
  #  See: http://creativecommons.org/licenses/by/3.0/.

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

@@ -6,7 +6,7 @@
  #  Product/Info:
  #  http://jekyll.one
  #
- #  Copyright (C) 2021 Juergen Adams
+ #  Copyright (C) 2022 Juergen Adams
  #
  #  Licensed under the Creative Commons Attribution 3.0 Unported License.
  #  See: http://creativecommons.org/licenses/by/3.0/.

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

@@ -6,7 +6,7 @@
  #  Product/Info:
  #  http://jekyll.one
  #
- #  Copyright (C) 2021 Juergen Adams
+ #  Copyright (C) 2022 Juergen Adams
  #
  #  Licensed under the Creative Commons Attribution 3.0 Unported License.
  #  See: http://creativecommons.org/licenses/by/3.0/.

data/_includes/themes/j1/blocks/footer/generator.html

@@ -6,7 +6,7 @@
  # Product/Info:
  # http://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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

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

@@ -6,7 +6,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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

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

@@ -6,7 +6,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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
@@ -31,13 +31,12 @@
 {% assign template_config                     = site.data.j1_config %}
 {% assign blocks                              = site.data.blocks %}
 {% assign modules                             = site.data.modules %}
-{% assign builder                             = site.data.builder %}
 {% assign plugins                             = site.data.plugins %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign blog_navigator_defaults             = builder.defaults.blog_navigator.defaults %}
-{% assign blog_navigator_settings             = builder.blog_navigator.settings %}
+{% assign blog_navigator_defaults             = modules.defaults.blog_navigator.defaults %}
+{% assign blog_navigator_settings             = modules.blog_navigator.settings %}
 {% assign paginator_defaults                  = plugins.defaults.paginator.defaults %}
 {% assign paginator_settings                  = plugins.paginator.settings %}
 
@@ -48,8 +47,8 @@
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign article_navigator                   = builder.blog_navigator.settings.article_navigator %}
-{% assign article_previewer                   = builder.blog_navigator.settings.article_previewer %}
+{% assign article_navigator                   = blog_navigator_settings.article_navigator %}
+{% assign article_previewer                   = blog_navigator_settings.article_previewer %}
 {% assign article_navigator_description       = blog_navigator_options.article_navigator.description %}
 {% assign article_previewer_description       = blog_navigator_options.article_previewer.description %}
 

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

@@ -6,7 +6,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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
@@ -31,13 +31,12 @@
 {% assign template_config                     = site.data.j1_config %}
 {% assign blocks                              = site.data.blocks %}
 {% assign modules                             = site.data.modules %}
-{% assign builder                             = site.data.builder %}
 {% assign plugins                             = site.data.plugins %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign blog_navigator_defaults             = builder.defaults.blog_navigator.defaults %}
-{% assign blog_navigator_settings             = builder.blog_navigator.settings %}
+{% assign blog_navigator_defaults             = modules.defaults.blog_navigator.defaults %}
+{% assign blog_navigator_settings             = modules.blog_navigator.settings %}
 {% assign paginator_defaults                  = plugins.defaults.paginator.defaults %}
 {% assign paginator_settings                  = plugins.paginator.settings %}
 
@@ -48,8 +47,8 @@
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign article_navigator                   = builder.blog_navigator.settings.article_navigator %}
-{% assign article_previewer                   = builder.blog_navigator.settings.article_previewer %}
+{% assign article_navigator                   = blog_navigator_settings.article_navigator %}
+{% assign article_previewer                   = blog_navigator_settings.article_previewer %}
 {% assign article_navigator_description       = blog_navigator_options.article_navigator.description %}
 {% assign article_previewer_description       = blog_navigator_options.article_previewer.description %}
 

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

@@ -6,7 +6,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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

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

@@ -7,7 +7,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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
@@ -26,26 +26,26 @@
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config                     = site.data.j1_config %}
-{% assign blocks                              = site.data.blocks %}
-{% assign modules                             = site.data.modules %}
-{% assign builder                             = site.data.builder %}
-{% assign plugins                             = site.data.plugins %}
+{% assign template_config             = site.data.j1_config %}
+{% assign blocks                      = site.data.blocks %}
+{% assign modules                     = site.data.modules %}
+{% assign builder                     = site.data.builder %}
+{% assign plugins                     = site.data.plugins %}
 
-{% assign blocks                    = site.data.blocks %}
-{% assign panel_config_defaults     = blocks.defaults.panel %}
-{% assign panel_config_settings     = blocks.panel %}
-{% assign bs_config                 = template_config.bootstrap %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign blog_navigator_defaults             = builder.defaults.blog_navigator.defaults %}
-{% assign blog_navigator_settings             = builder.blog_navigator.settings %}
-{% assign paginator_defaults                  = plugins.defaults.paginator.defaults %}
-{% assign paginator_settings                  = plugins.paginator.settings %}
+{% assign panel_config_defaults       = blocks.defaults.panel %}
+{% assign panel_config_settings       = blocks.panel %}
+{% assign bs_config                   = template_config.bootstrap %}
 
-{% assign panel_config_defaults     = panel_config_defaults.defaults %}
-{% assign panel_config_settings     = panel_config_settings.settings %}
+{% assign blog_navigator_defaults     = modules.defaults.blog_navigator.defaults %}
+{% assign blog_navigator_settings     = modules.blog_navigator.settings %}
+{% assign paginator_defaults          = plugins.defaults.paginator.defaults %}
+{% assign paginator_settings          = plugins.paginator.settings %}
+
+{% assign panel_config_defaults       = panel_config_defaults.defaults %}
+{% assign panel_config_settings       = panel_config_settings.settings %}
 
 
 {% comment %} Set config options
@@ -55,18 +55,17 @@
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign article_navigator                   = builder.blog_navigator.settings.article_navigator %}
-{% assign article_previewer                   = builder.blog_navigator.settings.article_previewer %}
+{% assign article_navigator                   = blog_navigator_settings.article_navigator %}
+{% assign article_previewer                   = blog_navigator_settings.article_previewer %}
 {% assign article_navigator_description       = blog_navigator_options.article_navigator.description %}
 {% assign article_previewer_description       = blog_navigator_options.article_previewer.description %}
 
 {% assign previewer                           = blog_navigator_options.previewer %}
 {% assign paginate                            = paginator_options.pagination.enabled %}
 
+{% assign truncate_words                      = site.excerpt_truncate_words %}
 
 
-{% assign truncate_words            = site.excerpt_truncate_words %}
-
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
@@ -307,6 +306,23 @@
                           {% if language == "de" %}
                             <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                           {% endif %}
+
+                          {% assign category_blacklist = panel_settings.category_blacklist %}
+
+                          <!-- Cleanup categories by given blacklist -->
+                          {% assign my_categories = post.categories | difference: category_blacklist %}
+
+                          <!-- Build element strings -->
+                          {% assign categories    = my_categories |join: " · "  %}
+                          {% assign tags          = post.tags | join: " · "  %}
+
+                          <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}}</span>
+                            <br>
+                            <i class="mdi mdi-tag mdi-18px mr-1"></i>
+                            <span class="sr-tags">{{tags}}</span>
+                        </p>
                         </div>
                         <a class="card-link md-grey-900 text-lowercase"
                            href="{{post.url}}">

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

@@ -6,7 +6,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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

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

@@ -6,7 +6,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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

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

@@ -6,7 +6,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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

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

@@ -6,7 +6,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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

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

@@ -7,7 +7,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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

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

@@ -6,7 +6,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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

data/_includes/themes/j1/modules/attics/generator.html

@@ -6,7 +6,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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

data/_includes/themes/j1/modules/navigator/generator.html

@@ -7,7 +7,7 @@
  #  Product/Info:
  #  https://jekyll.one
  #
- #  Copyright (C) 2021 Juergen Adams
+ #  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

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

@@ -0,0 +1,129 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/_includes/templates/j1/modules/navigator/procedures/topsearch.proc
+ # Liquid PROCEDURE template to create search input for the quicklinks bar
+ #
+ # 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 }}
+ #   topsearch_options: {{ topsearch_options | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedure parameter|s
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign topsearch_options = include.options %}
+
+
+{% 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 %}
+
+
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} TODO: Params should passed by the generator
+--------------------------------------------------------------------------------
+{% assign quick_search_config   = site.data.modules.j1_jekyll_search %}
+{% assign elastic_search_config = site.data.modules.j1_elastic_search %}
+--------------------------------------------------------------------------------
+{% endcomment %}
+
+
+{% comment %} Set quicksearch properties
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign topsearch_id        = topsearch_options.container_id %}
+{% assign icon_family         = topsearch_options.icon_family | downcase %}
+{% assign placeholder         = topsearch_options.placeholder %}
+{% assign search_heading_lead = topsearch_options.search_heading_lead %}
+{% assign result_heading_lead = topsearch_options.result_heading_lead %}
+{% assign search_icon         = topsearch_options.search_icon %}
+{% assign close_icon          = topsearch_options.close_icon %}
+{% assign clear_icon          = topsearch_options.clear_icon %}
+
+{% assign quick_search   = true %}
+{% assign elastic_search = false %}
+
+{% if topsearch_options.type == 'quick_search' %}
+  {% assign quick_search   = true %}
+{% endif %}
+
+{% if topsearch_options.type == 'elastic_search' %}
+  {% assign elastic_search = true %}
+  {% assign quick_search   = false %}
+{% endif %}
+
+{% if topsearch_options.icon_family     == 'FontAwesome' or topsearch_options.icon_family == 'FontAwesome4' or topsearch_options.icon_family == 'FontAwesome5' %}
+  {% assign icon_family = 'fa' %}
+{% elsif topsearch_options.icon_family  == 'MDI' or topsearch_options.icon_family == 'Material Design Icons'%}
+  {% assign icon_family = 'mdi' %}
+{% else %}
+  {% assign icon_family = 'mdi' %}
+{% endif %}
+
+{% include {{select_color}} color=topsearch_options.icon_color fallback="#9E9E9E" %}
+{% capture icon_color %}style="color:{{color}}"{% endcapture %}
+
+{% include {{select_icon_size}} family=topsearch_options.icon_family size=topsearch_options.icon_size %}
+{% assign icon_size = size %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if topsearch_options.enabled %}
+
+  {% 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="display: none;">
+    	<div class="input-group">
+    	  <span class="input-group-addon"><i class="mdi mdi-magnify mdi-2x" style="color:#9E9E9E"></i></span>
+    	  <input id="search-query" type="text" name="q" placeholder="QuickSearch" autocomplete="off" class="form-control">
+    	  <span id="clear-topsearch" class="form-clear form-clear-searcher d-none mt-2"><i class="mdi mdi-format-clear mdi-2x" style="color:#9E9E9E"></i></span>
+    	  <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 ] -->
+      <div class="search-results hide-scrollbar">
+        <section id="search-results" style="display: none"></section>
+      </div>
+
+      <!-- [INFO   ] [j1.modules.navigator.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>
+            <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 %}
+
+    {% endif %}
+    </div>
+    <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ end processing: top search ] -->
+{% endif %}

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

@@ -0,0 +1,113 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/_includes/templates/j1/modules/navigator/procedures/topsearch.proc
+ # Liquid PROCEDURE template to create search input for the quicklinks bar
+ #
+ # 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 }}
+ #   search_options: {{ search_options | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedure parameter|s
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign top_search_options = include.options %}
+
+
+{% 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 %}
+
+{% assign modules               = site.data.modules %}
+
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign search_defaults      = modules.defaults.lunr.defaults %}
+{% assign search_settings      = modules.lunr.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign search_options    = search_defaults | merge: search_settings %}
+
+{% comment %} Set search properties
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign topsearch_id        = top_search_options.container_id %}
+{% assign icon_family         = top_search_options.icon_family | downcase %}
+{% assign placeholder         = top_search_options.placeholder %}
+{% assign search_heading_lead = top_search_options.search_heading_lead %}
+{% assign result_heading_lead = top_search_options.result_heading_lead %}
+{% assign search_icon         = top_search_options.search_icon %}
+{% assign close_icon          = top_search_options.close_icon %}
+{% assign clear_icon          = top_search_options.clear_icon %}
+
+{% if top_search_options.icon_family == 'FontAwesome' or top_search_options.icon_family == 'FontAwesome4' or top_search_options.icon_family == 'FontAwesome5' %}
+  {% assign icon_family = 'fa' %}
+{% elsif top_search_options.icon_family == 'MDI' or top_search_options.icon_family == 'Material Design Icons'%}
+  {% assign icon_family = 'mdi' %}
+{% else %}
+  {% assign icon_family = 'mdi' %}
+{% endif %}
+
+{% include {{select_color}} color=top_search_options.icon_color fallback="#9E9E9E" %}
+{% capture icon_color %}style="color:{{color}}"{% endcapture %}
+
+{% include {{select_icon_size}} family=search_options.icon_family size=search_options.icon_size %}
+{% assign icon_size = size %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if search_options.enabled %}
+
+  <!-- [INFO   ] [j1.modules.navigator.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" style="color:#9E9E9E"></i></span>
+  	  <input id="search-query" type="text" name="q" placeholder="QuickSearch" autocomplete="off" class="form-control">
+  	  <span id="clear-topsearch" class="form-clear form-clear-searcher d-none mt-2"><i class="mdi mdi-format-clear mdi-2x" style="color:#9E9E9E"></i></span>
+  	  <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 ] -->
+    <div class="search-results hide-scrollbar">
+      <section id="search-results" style="display: none"></section>
+    </div>
+
+    <!-- [INFO   ] [j1.modules.navigator.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>
+          <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>
+  <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ end processing: top search ] -->
+{% endif %}

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

@@ -6,7 +6,7 @@
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2021 Juergen Adams
+ # 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
@@ -91,9 +91,9 @@
     <!-- [INFO   ] [j1.modules.navigator.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" style="color:#9E9E9E"></i></span>
-    	  <input id="search-query" type="text" name="q" placeholder="QuickSearch" autocomplete="off" class="form-control">
-    	  <span id="clear-topsearch" class="form-clear form-clear-searcher d-none mt-2"><i class="mdi mdi-format-clear mdi-2x" style="color:#9E9E9E"></i></span>
+    	  <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">
+    	  <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>
     	  <span class="input-group-addon close-search"><i class="mdi mdi-close mdi-3x" style="color:#9E9E9E"></i></span>
     	</div>