j1_template 2019.4.8 → 2019.4.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 29c7952a89b8095a095cd4daa1a93b8935ea7d7d30fb4a5891f3fafcf8411ef4
-  data.tar.gz: 673045ab7dc96a647ebe44d0043c914da3709af9028fcafd1a8647419412b630
+  metadata.gz: 7abf4b3dd7baebf118c2b5a2a51661f8bfae66b317a33a78620759f40c63d704
+  data.tar.gz: be5cff02c959ef224ddc3d90a9b30e7fd15129e6be0fa77b91325413554effda
 SHA512:
-  metadata.gz: 2fa548cd4d06b7ce576f6fb8357c6dfe3c7600038e9a75032dc2df85a4a6300b5cbd954cdb4f16a2fb2c064a19e52417f1e9f4a78fe12ca077a8050b546cd85e
-  data.tar.gz: 287b94bdc94377fbb03bad20aa4afe85bc648faf5805e17421d80aa6ed257d5a24c52d1b2ecf987959d7ae787898ba88ced0d79ac456b7501994ec361c371831
+  metadata.gz: 6dc0674635a3d0f1ed00a3bb1b5254397b0f6dbd9601d0394f8e2f8b6d4634263788159604c69e29c2691316708b1378bbc07e50bb7aaebbd9909f5acb2c3f18
+  data.tar.gz: ae195c5f6cb84287d87479240cbb6fec842a2867c3071a09176de033ff4beb06d45bd447f6eb20b7d1cda30b4034745062fb7b5f8e5c34a2fc8269397bc3fc2a

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

@@ -0,0 +1,46 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/themes/j1/blocks/footer/boxes/about_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 title   = include.title %}
+{% assign tagline = include.tagline %}
+{% assign text    = include.text %}
+{% assign justify = include.justify %}
+
+
+{% comment %} Main
+================================================================================ {% endcomment %}
+<!-- [INFO   ] [about_box.proc                     ] [ place about box ] -->
+<div class="col-md-{{footer_box_width_md}}">
+  <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
+  <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
+  <p class="tagline">
+    <large>{{tagline}}</large>
+  </p>
+  <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
+  {% if justify %}
+    <p class="lead text-justify">{{text}}</p>
+  {% else %}
+    <p class="lead">{{text}}</p>
+  {% endif %}
+</div>

data/_includes/themes/j1/{modules/footers → blocks/footer}/boxes/contacts_box.proc

@@ -1,6 +1,6 @@
 {% comment %}
  # -----------------------------------------------------------------------------
- #  ~/_includes/themes/j1/modules/footers/boxes/contacts_box.proc
+ #  ~/_includes/themes/j1/blocks/footer/boxes/contacts_box.proc
  #  Liquid PROCEDURE to create a contacts box for the footer
  #
  #  Product/Info:

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

@@ -0,0 +1,38 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/templates/j1/blocks/footer/boxes/issue.proc
+ #  Liquid PROCEDURE to create an issue 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 %}
+{% capture date_template %}{{footer_options.issue.date}} | date: "{{footer_options.issue.date_format}}" {% endcapture %}
+{% assign  date = site.time | date: "%A, %-d %B %Y" %}
+
+<!-- date_template:    {{date_template}} -->
+<!-- date:             {{date}} -->
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+
+<!-- [INFO   ] [issue.proc                         ] [ issue date information ] -->
+{% if footer_options.issue.enabled %}
+<!-- [INFO   ] [issue.proc                         ] [ place issue ] -->
+<p style="color: rgba(255, 255, 255, 0.5)">{{footer_options.issue.text}} {{date}}</p>
+{% endif %}

data/_includes/themes/j1/{modules/footers → blocks/footer}/boxes/legal_statements.proc

@@ -1,6 +1,6 @@
 {% comment %}
  # -----------------------------------------------------------------------------
- #  ~/_includes/templates/j1/modules/footers/boxes/legal_statements.proc
+ #  ~/_includes/templates/j1/blocks/footer/boxes/legal_statements.proc
  #  Liquid PROCEDURE to create a legal statements line for the footer
  #
  #  Product/Info:
@@ -61,14 +61,3 @@
 
 {% endfor %}
 </ul>
-
-{% capture date_template %}{{footer_options.issue.date}} | date: "{{footer_options.issue.date_format}}" {% endcapture %}
-{% assign  date = site.time | date: "%A, %-d %B %Y" %}
-
-<!-- date_template:    {{date_template}} -->
-<!-- date:             {{date}} -->
-
-{% if footer_options.issue.enabled %}
-  <!-- [INFO   ] [legal_statements.proc              ] [ place issue ] -->
-  <p style="color: rgba(255, 255, 255, 0.5)">{{footer_options.issue.text}} {{date}}</p>
-{% endif %}

data/_includes/themes/j1/{modules/footers → blocks/footer}/boxes/links_box.proc

@@ -1,6 +1,6 @@
 {% comment %}
  # -----------------------------------------------------------------------------
- #  ~/_includes/templates/j1/modules/footers/boxes/links_box.proc
+ #  ~/_includes/templates/j1/blocks/footer/boxes/links_box.proc
  #  Liquid PROCEDURE to create a links box for the footer
  #
  #  Product/Info:
@@ -22,15 +22,22 @@
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign title = include.title %}
-{% assign links = include.links %}
+{% assign title   = include.title %}
+{% assign tagline = include.tagline %}
+{% assign links   = include.links %}
 
 
 {% comment %} Main
 ================================================================================ {% endcomment %}
 <!-- [INFO   ] [links_box.proc                     ] [ place links box ] -->
 <div class="col-md-{{footer_box_width_md}}">
-  <div class="heading-footer"><h2 class="notoc">{{title}}</h2></div>
+  <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
+  <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
+  <p class="tagline">
+    <large>{{tagline}}</large>
+  </p>
+  <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
+
   <ul class="list-unstyled footer-link-list">
     {% for property in links %}
       {% comment %} <!-- proc - property.link: {{ property.link }} --> {% endcomment %}

data/_includes/themes/j1/{modules/footers → blocks/footer}/boxes/news_box.proc

@@ -1,6 +1,6 @@
 {% comment %}
  # -----------------------------------------------------------------------------
- #  ~/_includes/templates/j1/modules/footers/boxes/news_box.proc
+ #  ~/_includes/templates/j1/blocks/footer/boxes/news_box.proc
  #  Liquid PROCEDURE to create a news box for the footer
  #
  #  Product/Info:
@@ -23,6 +23,7 @@
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign title           = include.title %}
+{% assign tagline         = include.tagline %}
 {% assign posts_category  = include.category %}
 {% assign posts_max       = include.max_posts %}
 {% assign posts           = include.posts %}
@@ -37,7 +38,12 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [news_box.proc                      ] [ place news box ] -->
 <div class="col-md-{{footer_box_width_md}}">
-  <div class="heading-footer"><h2 class="notoc">{{title}}</h2></div>
+  <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
+  <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
+  <p class="tagline">
+    <large>{{tagline}}</large>
+  </p>
+  <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
 
     <ul class="list-unstyled link-news">
     {% for post in posts %}

data/_includes/themes/j1/{modules/footers → blocks/footer}/boxes/social_media_icons.proc

@@ -1,6 +1,6 @@
 {% comment %}
  # -----------------------------------------------------------------------------
- #  ~/_includes/themes/j1/modules/footers/boxes/social_media_icons.proc
+ #  ~/_includes/themes/j1/blocks/footer/boxes/social_media_icons.proc
  #  Liquid PROCEDURE to create a icon line (social media) for the footer
  #
  #  Product/Info:

data/_includes/themes/j1/{modules/footers/footer_light_generator.html → blocks/footer/generator.html}

@@ -1,6 +1,6 @@
 {% comment %} 
  # -----------------------------------------------------------------------------
- # ~/_includes/templates/j1/modules/footers/footer_light_generator.html
+ # ~/_includes/templates/j1/blocks/footer/generator.html
  # Liquid TEMPLATE to create the footer for all pages
  #
  # Product/Info:
@@ -22,12 +22,12 @@
 {% 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 %}
+{% 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 social_media_icons %}themes/{{site.template.name}}/blocks/footer/boxes/social_media_icons.proc{% endcapture %}
 
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}

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

@@ -0,0 +1,49 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/_includes/themes/j1/layouts/layout_module_generator.html
+ # Liquid template to generate all Javascript init scripts defined
+ # for a layout
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2019 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 }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture module_writer %}themes/{{site.template.name}}/procedures/layouts/module_writer.proc{% endcapture %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign resource_placement = include.region %}
+{% assign items_collate      = site.data.resources %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if page.debug %}
+<!-- [INFO   ] [j1.layout_module_generator.html       ] [ resource DATA to be loaded: {{resources_collate}} ] -->
+{% endif %}
+
+<!-- [INFO   ] [j1.layout_module_generator.html       ] [ start processing. collect data for region: {{resource_placement}}, layout: {{page.layout}} ] -->
+{% for item in items_collate %}
+
+  {% assign array_name  = item[0] %}
+  {% assign array_value = item[1] %}
+
+  {% assign data_type = array_value | is_type %}
+
+  {% if data_type == 'array' %}
+    {% include {{ module_writer }}  region=resource_placement resources=array_value %}
+  {% endif %}
+
+{% endfor %}
+<!-- [INFO   ] [j1.layout_module_generator.html       ] [ end processing ] -->

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

@@ -200,15 +200,26 @@
       <script>
       /* Manage the current page settings */
       $(document).ready(function() {
-        var cookie_names                = j1.getCookieNames();
-        const user_state_cookie_name    = cookie_names.user_session;
-        var user_state                  = j1.readCookie(user_state_cookie_name);
-        var user_state_last_page        = "{{browser_page_url}}";
-        user_state.last_page            = user_state_last_page;
-        j1.writeCookie({
-          name: user_state_cookie_name, 
-          data: user_state
-        });
+
+        var dependencies_blog_generator = setInterval(function() {
+          if ( j1.adapter.themer.getState() == 'finished' ) {
+            var cookie_names                = j1.getCookieNames();
+            const user_state_cookie_name    = cookie_names.user_session;
+            var user_state                  = j1.readCookie(user_state_cookie_name);
+            var user_state_last_page        = "{{browser_page_url}}";
+            user_state.last_page            = user_state_last_page;
+            j1.writeCookie({
+              name: user_state_cookie_name, 
+              data: user_state
+            });
+            /* Set default colors */
+            var bg_primary  = j1.getStyleValue('bg-primary', 'background-color');
+            /* Set color of timeline bullet */
+            $('head').append('<style>.tmicon { background: ' +bg_primary+ ' !important; }</style>');
+            // clear interval checking
+            clearInterval(dependencies_blog_generator);
+            }
+          }, 25);
       });
       </script>
 

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

@@ -16,25 +16,25 @@
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} Liquid procedures
+{% comment %} liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
 
-{% comment %} Process YML config data
+{% comment %} process YML config data
 ================================================================================ {% endcomment %}
 
-{% comment %} Set config files
+{% comment %} set config files
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign site_config       = site %}
-{% assign template_config   = site.data.template_settings %}
 {% assign blocks            = site.data.blocks %}
 {% assign modules           = site.data.modules %}
 
-{% comment %} Set config data
+{% comment %} set config data
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config   = site.data.template_settings %}
 {% assign toccer_defaults   = modules.defaults.toccer.defaults %}
 {% assign toccer_settings   = modules.toccer.settings %}
 
-{% comment %} Set config options
+{% comment %} set config options
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign toccer_options    = toccer_defaults | merge: toccer_settings %}
 {% assign tocbot_enabled    = toccer_options.enabled %}
@@ -89,7 +89,7 @@
       <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
       <aside class="col-md-3 d-none d-md-block sticky">
         {% comment %} if tocbot and page_navigation  
-        ------------------------------------------------------------------------{% endcomment %}
+        ------------------------------------------------------------------------ {% endcomment %}
         <div id="sidebar">
           <div id="j1-toc-mgr" class="toc js-toc"></div>
         </div>
@@ -102,11 +102,8 @@
 </div> <!-- end container -->
 <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end place content ] -->
 
-
-
 {% comment %} Calc|Write the Back URL
---------------------------------------------------------------------------------
-
+-------------------------------------------------------------------------------- {% endcomment %}
 {% if site.permalink == 'none' %}
   {% capture browser_page_url %}{{page.url | prepend: site.baseurl}}.html {% endcapture %}
 {% else %}
@@ -138,5 +135,3 @@
   j1.setUserState( j1_user_state ); 
   logger.info(log_text);
 </script -->
-
--------------------------------------------------------------------------------- {% endcomment %}

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

@@ -23,9 +23,9 @@
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign resource_placement = include.region %}
-{% assign items_collate      = site.data.resources %}
-
+{% assign region  = include.region %}
+{% assign globals = site.data.resources.globals %}
+{% assign items   = site.data.resources.resources %}
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -33,16 +33,14 @@
 <!-- [INFO   ] [j1.layout_module_generator.html       ] [ resource DATA to be loaded: {{resources_collate}} ] -->
 {% endif %}
 
-<!-- [INFO   ] [j1.layout_module_generator.html       ] [ start processing. collect data for region: {{resource_placement}}, layout: {{page.layout}} ] -->
-{% for item in items_collate %}
-
-  {% assign array_name  = item[0] %}
-  {% assign array_value = item[1] %}
-
-  {% assign data_type = array_value | is_type %}
-
-    {% if data_type == 'array' %}
-      {% include {{ module_writer }}  region=resource_placement resources=array_value %}
+<!-- [INFO   ] [j1.layout_module_generator.html       ] [ start processing. collect data for region: {{region}}, layout: {{page.layout}} ] -->
+{% for item in items %}
+  {% for element in item %}
+    {% if element[0] == 'resource' %}
+      {% assign resource = element[1] %}
+      <!-- [INFO   ] [j1.layout_module_generator.html       ] [ process resource: {{resource.id}} ] -->
+      {% include {{module_writer}} region=region global=globals resource=resource %}
     {% endif %}
+  {% endfor %}
 {% endfor %}
 <!-- [INFO   ] [j1.layout_module_generator.html       ] [ end processing ] -->

data/_includes/themes/j1/modules/{headers/master_header_generator.html → attics/generator.html}

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/_includes/templates/j1/modules/headers/masthead.html
- # Liquid template to create the Master Header (masthead) of a page
+ # ~/_includes/templates/j1/modules/attics/generator.html
+ # Liquid template to create the attic (top page header) of a page
  #
  # Product/Info:
  # https://jekyll.one
@@ -26,16 +26,16 @@
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign modules               = site.data.modules %}
+{% assign modules              = site.data.modules %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign header_defaults       = modules.defaults.header.defaults %}
-{% assign header_settings       = modules.header.settings %}
+{% assign attic_defaults       = modules.defaults.attics.defaults %}
+{% assign attic_settings       = modules.attics.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign header_options        = header_defaults | merge: header_settings %}
+{% assign attic_options        = attic_defaults | merge: attic_settings %}
 
 
 {% comment %} Initialize default values
@@ -50,34 +50,33 @@
 {% assign default_icon              = 'cloud-download' %}
 {% assign default_icon_family       = 'fa' %}
 
-{% comment %} Initialize header values
+{% comment %} Initialize attic values
 -------------------------------------------------------------------------------- {% endcomment %}
-{% for item in header_options.headers %}
-  {% if item.header.enabled %}
+{% for item in attic_options.attics %}
+  {% if item.attic.enabled %}
 
-    {% comment %} Detect header for the page (layout)
+    {% comment %} Detect attic for the page (layout)
      --------------------------------------------------------------------------- {% endcomment %}
-     {% assign header_id = item.header.id %}
+     {% assign attic_id = item.attic.id %}
 
-     {% if item.header.layout contains page.layout %}
+     {% if item.attic.layout contains page.layout %}
+        {% assign attic                 = item.attic.id %}
 
-        {% assign header                = item.header.id %}
-
-        {% assign action_enabled 	      = item.header.action.enabled %}
+        {% assign action_enabled 	      = item.attic.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 %}
+          {% assign action_url 	        = item.attic.action.url %}
+          {% assign action_button 	    = item.attic.action.button %}
+          {% assign action_icon	        = item.attic.action.icon %}
+          {% assign action_icon_family  = item.attic.action.icon_family %}
+          {% assign action_text 	      = item.attic.action.text %}
         {% endif %}
 
-        {% assign logo_enabled 	        = item.header.logo.enabled %}
+        {% assign logo_enabled 	        = item.attic.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 %}
+          {% assign logo_url 	          = item.attic.logo.url %}
+          {% assign logo_alt     	      = item.attic.logo.alt %}
+          {% assign logo_height         = item.attic.logo.height %}
+          {% assign logo_animate        = item.attic.logo.animate %}
         {% endif %}
 
      {% else %}
@@ -97,7 +96,7 @@
   {% assign logo_alt = default_logo_alt %}
 {% endunless %}
 
-{% comment %} Initialize header action (button)
+{% comment %} Initialize attic action (button)
 -------------------------------------------------------------------------------- {% endcomment %}
 {% unless action_text %}
  {% assign action_text = default_action_text %}
@@ -111,19 +110,19 @@
  {% assign action_icon = default_action_icon %}
 {% endunless %}
 
-{% comment %} Deactivate header action and logo (currently NOT supported)
+{% comment %} Deactivate attic action and logo (currently NOT supported)
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign action_enabled = false %}
-{% assign logo_enabled = false %}
+{% assign action_enabled  = false %}
+{% assign logo_enabled    = false %}
 
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-{% if header %}
+{% if attic %}
 
- {% comment %} Place header detected
+ {% comment %} Place attic detected
  ------------------------------------------------------------------------------- {% endcomment %}
-  <div id="{{header}}" class="j1-masthead">
+  <div id="{{attic}}" class="attic">
     <div class="container">
       {% if logo_enabled %}
       <div class="{{imageAnimate}}"> <h2 class="home-title"><img src="{{imageName}}" height="{{imageHeigth}}px" alt="{{imageAlt}}"></h2></div>
@@ -136,16 +135,16 @@
       </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 class="attic-caption text-emphasis-{{text_emphasis}}"></div -->
+      <div class="attic-caption"></div>
     </div>
   </div>
 
 {% else %}
 
- {% comment %} No header
+ {% comment %} No attic
  ------------------------------------------------------------------------------- {% endcomment %}
-  <div id="no_header" class="j1-masthead" style="margin-bottom: 120px;">
+  <div id="no_attic" class="attic" style="margin-bottom: 120px;">
     <div class="container"></div>
   </div>