j1_template_mde 2018.4.10

data/_includes/themes/j1/modules/footers/boxes/legal_statements.proc

@@ -0,0 +1,61 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/templates/j1/modules/footers/boxes/legal_statements.proc
+ #  Liquid PROCEDURE to create a legal statements line for the footer
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  Licensed under the Creative Commons Attribution 3.0 Unported License.
+ #  See: http://creativecommons.org/licenses/by/3.0/.
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+{% assign footer_config = include.footer_config %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+      <ul class="list-inline terms-menu"> <!-- Legal statements -->
+      {% for item in footer_config %}
+        {% for legal in item.legal_info %}
+          {% if legal.copyright_statement %}
+            <li>{{legal.copyright_statement}}</li>
+          {% endif %}
+          {% if legal.impress_statement and legal.impress_link %}
+            <li><a href="{{legal.impress_link}}">{{legal.impress_statement}}</a></li>
+          {% endif %}
+          {% if legal.terms_statement and legal.terms_link %}
+            <li><a href="{{legal.terms_link}}">{{legal.terms_statement}}</a></li>
+          {% endif %}
+          {% if legal.privacy_statement and legal.privacy_link %}
+            <li><a href="{{legal.privacy_link}}">{{legal.privacy_statement}}</a></li>
+          {% endif %}
+          {% if legal.license_statement and legal.license_link %}
+            <li><a href="{{legal.license_link}}">{{legal.license_statement}}</a></li>
+          {% endif %}
+          {% if legal.support_statement and legal.support_link %}
+            <li><a href="{{legal.support_link}}">{{legal.support_statement}}</a></li>
+          {% endif %}
+        {% endfor %}
+      {% endfor %}
+      </ul> <!-- End Legal statements -->
+
+      {% for item in footer_config %}
+        {% for issue in item.issue_info %}
+          {% if issue.enabled %}
+            <p>{{issue.text}} {{site.time | date: "%A, %d %B %Y"}}</p> <!-- Last modified statement -->
+          {% endif %}
+        {% endfor %}
+      {% endfor %}

data/_includes/themes/j1/modules/footers/boxes/links_box.proc

@@ -0,0 +1,38 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/templates/j1/modules/footers/boxes/links_box.proc
+ #  Liquid PROCEDURE to create a links box for the footer
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  Licensed under the Creative Commons Attribution 3.0 Unported License.
+ #  See: http://creativecommons.org/licenses/by/3.0/.
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+{% assign links = include.links %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+      <!-- [INFO   ] [j1.assets.data.footer              ] [Found LinksBox. Process LinksBox] -->
+      <div class="col-md-{{footer_box_width_md}}"> <!-- LinksBox -->
+        <div class="heading-footer"><h2 class="notoc">{{title}}</h2></div>
+        <ul class="list-unstyled footer-link-list">
+          {% for link in links %}
+            <li><a href="{{link.url}}" target="_blank">{{link.text}}</a></li>
+          {% endfor %}
+        </ul>
+      </div> <!-- End LinksBox -->

data/_includes/themes/j1/modules/footers/boxes/news_box.proc

@@ -0,0 +1,54 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/templates/j1/modules/footers/boxes/news_box.proc
+ #  Liquid PROCEDURE to create a news box for the footer
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  Licensed under the Creative Commons Attribution 3.0 Unported License.
+ #  See: http://creativecommons.org/licenses/by/3.0/.
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+{% assign posts_category  = include.category %}
+{% assign posts_max       = include.max_posts %}
+{% assign posts_collate   = include.items %}
+
+{% comment %} post loop counter correction
+--------------------------------------------------------------- {% endcomment %}
+{% assign max_posts       = posts_max | minus:'1' %}
+{% assign posts_written   = 0 %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+      <!-- [INFO   ] [j1.assets.data.footer              ] [Found NewsBox. Process NewsBox] -->
+      <div class="col-md-{{footer_box_width_md}}"> <!-- Recent News (NewsBox) -->
+        <div class="heading-footer"><h2 class="notoc">{{title}}</h2></div>
+
+          <ul class="list-unstyled link-news">
+          {% for post in posts_collate %}
+            {% for category in post.categories %}
+              {% if category == posts_category and posts_written <= max_posts %}
+              {% assign posts_written = posts_written | plus:'1' %}
+              <li>
+                <a href="{{post.url}}">{{post.title}}</a>
+                <small>{{ post.date | date: "%e %B %Y"}}</small>
+              </li>
+              {% endif %}
+            {% endfor %}
+          {% endfor %}
+          </ul>
+      </div> <!-- End Recent News -->

data/_includes/themes/j1/modules/footers/boxes/social_media_icons.proc

@@ -0,0 +1,38 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/themes/j1/modules/footers/boxes/social_media_icons.proc
+ #  Liquid PROCEDURE to create a icon line (social media) for the footer
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  Licensed under the Creative Commons Attribution 3.0 Unported License.
+ #  See: http://creativecommons.org/licenses/by/3.0/.
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+{% assign footer_config  = include.footer_config %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+          <ul class="social-icons"> <!-- Social Media icons -->
+          {% for item in footer_config %}
+            {% for site in item.social_media %}
+              {% if site.facebook == true %}<li><a href="{{site.href}}" data-original-title="Facebook" class="rounded-circle social_facebook"></a></li>{% endif %}
+              {% if site.twitter == true %}<li><a href="{{site.href}}" data-original-title="Twitter" class="rounded-circle social_twitter"></a></li>{% endif %}
+              {% if site.google-plus == true %}<li><a href="{{site.href}}" data-original-title="Goole Plus" class="rounded-circle social_googleplus"></a></li>{% endif %}
+            {% endfor %}
+          {% endfor %}
+          </ul> <!-- End Social Media icons -->

data/_includes/themes/j1/modules/footers/footer_light_generator.html

@@ -0,0 +1,130 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/templates/j1/modules/footers/footer_light_generator.html
+ #  Liquid TEMPLATE to create the footer for all pages
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+{% capture analytics%}themes/{{site.template.name}}/modules/connectors/analytics{% endcapture %}
+
+{% capture about_box %}themes/{{site.template.name}}/modules/footers/boxes/about_box.proc{% endcapture %}
+{% capture news_box %}themes/{{site.template.name}}/modules/footers/boxes/news_box.proc{% endcapture %}
+{% capture links_box %}themes/{{site.template.name}}/modules/footers/boxes/links_box.proc{% endcapture %}
+{% capture contacts_box %}themes/{{site.template.name}}/modules/footers/boxes/contacts_box.proc{% endcapture %}
+{% capture legal_statements %}themes/{{site.template.name}}/modules/footers/boxes/legal_statements.proc{% endcapture %}
+{% capture social_media_icons %}themes/{{site.template.name}}/modules/footers/boxes/social_media_icons.proc{% endcapture %}
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+{% assign footer_config = site.data.modules.j1_footer %}
+
+{% if site.data.j1_config.analytics.enabled %}
+  {% include analytics %}
+{% endif %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+{% assign enabled_boxes = 0 %}
+
+<!-- Calculate number of enabled FooterBoxes -->
+{% for item in footer_config %}
+  {% if item.footer_box %}
+    {% for boxes in item.footer_box %}
+      {% for box in boxes %}
+          {% for property in box %}
+            {% if property.enabled %} {% assign enabled_boxes = enabled_boxes | plus:1 %} {% endif %}
+          {% endfor %}
+      {% endfor %}
+    {% endfor %}
+  {% endif %}
+{% endfor %}
+
+<!-- Set footer column width to: {{ footer_box_width_md }} -->
+{% assign footer_box_width_md = 12 | divided_by:enabled_boxes %}
+
+<div id="j1-footer" class="footer-light-theme">
+
+  <div class="footer">
+    <div class="container">
+      <div class="row">
+      {% for item in footer_config %}
+        {% for box in item.footer_box %}
+          {% for item in box %}
+
+            <!-- Extract box elements from hash (of boxes) -->
+            {% assign box_type            = item[1].type %}
+            {% assign box_enabled         = item[1].enabled %}
+            {% assign title               = item[1].title %}
+            {% assign address             = item[1].address.enabled %}
+            {% assign address_1           = item[1].address.address_1 %}
+            {% assign address_2           = item[1].address.address_2 %}
+            {% assign phone               = item[1].phone.enabled %}
+            {% assign phone_1             = item[1].phone.phone_1 %}
+            {% assign phone_2             = item[1].phone.phone_2 %}
+            {% assign internet            = item[1].internet.enabled %}
+            {% assign mail                = item[1].internet.mail %}
+            {% assign www                 = item[1].internet.www %}
+            {% assign text                = item[1].text %}
+            {% assign align               = item[1].align %}
+            {% assign posts_category      = item[1].selected_category %}
+            {% assign max_posts           = item[1].max_posts %}
+            {% assign links               = item[1].links %}
+
+            {% if box_type == 'AboutBox' and box_enabled %}
+              <!-- Found AboutBox -->
+              {% include {{about_box}} %}
+            {% endif %}
+
+            {% if box_type == 'NewsBox' and box_enabled %}
+             <!-- Found NewsBox -->
+             {% assign posts_collate = site.posts %}
+             {% include {{news_box}} category=posts_category max_posts=max_posts items=posts_collate %}
+            {% endif %}
+
+            {% if box_type == 'LinksBox' and box_enabled %}
+              <!-- Found LinksBox -->
+              {% include {{links_box}} links=links %}
+            {% endif %}
+
+            {% if box_type == 'ContactsBox' and box_enabled %}
+              <!-- Found ContactsBox -->
+              {% include {{contacts_box}} %}
+            {% endif %}
+
+          {% endfor %}
+        {% endfor %}
+      {% endfor %}
+      </div> <!-- /row -->
+    </div><!-- /container -->
+  </div>
+
+  <div class="copyright">
+    <div class="container">
+      <div class="row">
+        <!-- Enable horizontal list using id #inline-->
+        <div class="col-md-10" id="inline">
+        {% include {{legal_statements}} footer_config=footer_config %}
+        </div>
+        <div class="col-md-2">
+        {% include {{social_media_icons}} footer_config=footer_config %}
+        </div>
+      </div> <!-- End Container -->
+    </div>
+  </div>  <!-- End Copyright -->
+
+</div>

data/_includes/themes/j1/modules/headers/master_header_generator.html

@@ -0,0 +1,140 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/templates/j1/modules/headers/masthead.html
+ #  Liquid template to create the Master Header (masthead)
+ #
+ #  Product/Info:
+ #  https://jekyll-one.com
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture select_font_size %}themes/{{site.template.name}}/procedures/global/select_font_size.proc{% endcapture %}
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+{% assign header_config             = site.data.modules.j1_header %}
+
+{% comment %} Initialize default values
+--------------------------------------------------------------- {% endcomment %}
+{% assign default_style             = 'raised' %}
+{% assign default_logo_height       = 128 %}
+{% assign default_logo_alt          = site.title %}
+{% assign default_logo_animate      = 'slideInDown' %}
+
+{% assign default_action_text       = 'Download Now' %}
+{% assign default_btnClass          = 'btn btn-default' %}
+{% assign default_icon              = 'cloud-download' %}
+{% assign default_icon_family       = 'fa' %}
+
+{% comment %} Initialize header values
+--------------------------------------------------------------- {% endcomment %}
+{% for item in header_config.headers %}
+  {% if item.header.enabled %}
+
+    {% comment %} Detect header for the page (layout)
+     -------------------------------------------------------- {% endcomment %}
+     {% assign header_id = item.header.id %}
+
+     {% if item.header.layout contains page.layout %}
+
+        {% assign header                = item.header.id %}
+
+        {% assign action_enabled 	      = item.header.action.enabled %}
+        {% if action_enabled %}
+          {% assign action_url 	        = item.header.action.url %}
+          {% assign action_button 	    = item.header.action.button %}
+          {% assign action_icon	        = item.header.action.icon %}
+          {% assign action_icon_family  = item.header.action.icon_family %}
+          {% assign action_text 	      = item.header.action.text %}
+        {% endif %}
+
+        {% assign logo_enabled 	        = item.header.logo.enabled %}
+        {% if logo_enabled %}
+          {% assign logo_url 	          = item.header.logo.url %}
+          {% assign logo_alt     	      = item.header.logo.alt %}
+          {% assign logo_height         = item.header.logo.height %}
+          {% assign logo_animate        = item.header.logo.animate %}
+        {% endif %}
+
+     {% else %}
+       {% continue %}
+     {% endif %}
+
+    {% endif %}
+  {% endfor %}
+
+{% comment %} Initialize logo image
+--------------------------------------------------------------- {% endcomment %}
+{% unless logo_height %}
+  {% assign logo_height = default_logo_height %}
+{% endunless %}
+
+{% unless logo_alt %}
+  {% assign logo_alt = default_logo_alt %}
+{% endunless %}
+
+{% comment %} Initialize header action (button)
+--------------------------------------------------------------- {% endcomment %}
+{% unless action_text %}
+ {% assign action_text = default_action_text %}
+{% endunless %}
+
+{% unless action_button %}
+ {% assign action_button = default_action_button %}
+{% endunless %}
+
+{% unless action_icon %}
+ {% assign action_icon = default_action_icon %}
+{% endunless %}
+
+{% comment %} Deactivate header action and logo (currently NOT supported)
+--------------------------------------------------------------- {% endcomment %}
+{% assign action_enabled = false %}
+{% assign logo_enabled = false %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+{% if header %}
+
+ {% comment %} Place header detected
+ -------------------------------------------------------------- {% endcomment %}
+  <div id="{{header}}" class="j1-masthead">
+      <div class="container">
+        {% if logo_enabled %}
+        <div class="{{imageAnimate}}"> <h2 class="home-title"><img src="{{imageName}}" height="{{imageHeigth}}px" alt="{{imageAlt}}"></h2></div>
+        {% endif %}
+        <div id="head-title" class="head-title animated"> <h2 id="head-title-text" class="notoc">{{page.title}}</h2></div>
+        <div id="head-tagline" class="head-tagline animated"> <h3 id="head-tagline-tagline" class="notoc">{{page.tagline}}</h3></div>
+        {% if action_enabled %}
+        <div class="{{action_button}}">
+          <a href="{{action_url}}"><i class="{{iconFamily}}"></i> {{action_text}}</a>
+        </div>
+        {% endif %}
+        <!-- Image caption container (display: none per default) -->
+        <!-- div class="j1-masthead-caption text-emphasis-{{text_emphasis}}"></div -->
+        <div class="j1-masthead-caption"></div>
+      </div>
+  </div>
+
+{% else %}
+
+ {% comment %} No header
+ -------------------------------------------------------------- {% endcomment %}
+  <div id="no_header" class="j1-masthead" style="margin-bottom: 120px;">
+    <div class="container"></div>
+  </div>
+
+{% endif %}