j1_template 2019.4.10 → 2019.4.11

data/lib/starter_web/assets/_data/_temp/banner.new.html.asciidoc

@@ -1,559 +0,0 @@
----
-regenerate:                             false
----
-{% capture cache %}
-
-{% comment %}
- # -----------------------------------------------------------------------------
- #  ~/assets/data/banner.html
- #  Liquid procedure to generate HTML (data) for all BANNER configured for
- #  (fragmented) AJAX load
- #
- #  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:
- #    {{ variable | debug }}
- #
- # -----------------------------------------------------------------------------
-{% endcomment %}
-
-{% 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 %}
-
-{% comment %} Set global settings
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment   = site.environment %}
-{% assign debug         = false %}
-
-
-{% comment %} Process YML config data
-================================================================================ {% endcomment %}
-
-{% comment %} Set config files
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign banner_config_defaults        = site.data.blocks.defaults.banner %}
-{% assign banner_config_settings        = site.data.blocks.banner %}
-
-{% comment %} Set config data
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign banner_config_defaults        = banner_config_defaults.defaults %}
-{% assign banner_config_settings        = banner_config_settings.settings %}
-
-{% capture banner_config_file_name %}~/_data/blocks/j1_banner.yml{% endcapture %}
-
-
-{% comment %} Main
--------------------------------------------------------------------------------- {% endcomment %}
-{% for items in banner_config_settings %}
-  {% assign key   = items[0] %}
-  {% assign value = items[1] %}
-
-  {% case key %}
-
-    {% comment %} Collect DIVIDER banner data
-    ---------------------------------------------------------------------------- {% endcomment %}
-    {% when 'divider' %}
-      {% assign banner_config  = value %}
-      {% for items in banner_config %}
-        {% for data in items %}
-          {% for banner_settings in data %}
-            {% assign data_type = banner_settings | is_type %}
-            {% if data_type == 'hash' %}
-            {% assign banner_options = banner_config_defaults.divider | merge: banner_settings %}
-      <!-- banner_options:    {{banner_options}} -->
-            {% endif %}
-          {% endfor %}
-        {% endfor %}
-      {% endfor %}
-
-    {% comment %} Collect TEASER banner data
-    ---------------------------------------------------------------------------- {% endcomment %}
-    {% when 'teaser' %}
-      {% assign banner_config  = value %}
-      {% for items in banner_config %}
-        {% for data in items %}
-          {% for banner_settings in data %}
-            {% assign data_type = banner_settings | is_type %}
-            {% if data_type == 'hash' %}
-      <!-- banner_defaults:  {{banner_config_defaults.teaser}}
-      <!-- banner_settings:  {{banner_settings}} -->
-            {% assign banner_options = banner_config_defaults.teaser | merge: banner_settings %}
-      <!-- banner_options:    {{banner_options}} -->
-            {% endif %}
-          {% endfor %}
-        {% endfor %}
-      {% endfor %}
-
-    {% comment %} Collect IMAGE banner data
-    ---------------------------------------------------------------------------- {% endcomment %}
-    {% when 'image' %}
-      {% assign banner_config  = value %}
-      {% for items in banner_config %}
-        {% for data in items %}
-          {% for banner_settings in data %}
-            {% assign data_type = banner_settings | is_type %}
-            {% if data_type == 'hash' %}
-            {% assign banner_options = banner_config_defaults.image | merge: banner_settings %}
-      <!-- banner_options:    {{banner_options}} -->
-            {% endif %}
-          {% endfor %}
-        {% endfor %}
-      {% endfor %}
-
-    {% comment %} Collect PARALLAX banner data
-    ---------------------------------------------------------------------------- {% endcomment %}
-    {% when 'parallax' %}
-      {% assign banner_config  = value %}
-      {% for items in banner_config %}
-        {% for data in items %}
-          {% for banner_settings in data %}
-            {% assign data_type = banner_settings | is_type %}
-            {% if data_type == 'hash' %}
-            {% assign banner_options = banner_config_defaults.parallax | merge: banner_settings %}
-      <!-- banner_options:    {{banner_options}} -->
-            {% endif %}
-          {% endfor %}
-        {% endfor %}
-      {% endfor %}
-
-    {% comment %} Collect NEWS banner data
-    ---------------------------------------------------------------------------- {% endcomment %}
-    {% when 'news' %}
-      {% assign banner_config  = value %}
-      {% for items in banner_config %}
-        {% for data in items %}
-          {% for banner_settings in data %}
-            {% assign data_type = banner_settings | is_type %}
-            {% if data_type == 'hash' %}
-            {% assign banner_options = banner_config_defaults.news | merge: banner_settings %}
-      <!-- banner_options:    {{banner_options}} -->
-            {% endif %}
-          {% endfor %}
-        {% endfor %}
-      {% endfor %}
-
-  {% endcase %} 
-
-
-  {% for items in banner_config %}
-    {% for banners in items %}
-
-      {% comment %} banners: {{ banners }} {% endcomment %}
-
-      {% for banner in banners %}
-        {% for item in banner %}
-          {% assign key = item[0] %}
-          {% assign value = item[1] %}
-
-          {% if key and debug %} item:value  {{key}}:{{value}}  {% endif %}
-
-          {% if key == 'id' %}          {% assign id          = value %}            {% endif %}
-          {% if key == 'enabled' %}     {% assign enabled     = value %}            {% endif %}
-          {% if key == 'type' %}        {% assign type        = value %}            {% endif %}
-          {% if key == 'icon_family' %} {% assign icon_family = value | downcase %} {% endif %}
-          {% if key == 'style' %}       {% assign style       = value %}            {% endif %}
-          {% if key == 'raised' %}      {% assign raised      = value %}            {% endif %}
-          {% if key == 'lane_span' %}   {% assign lane_span   = value %}            {% endif %}
-          {% if key == 'buttons' %}     {% assign buttons     = value %}            {% endif %}
-          {% if key == 'cards' %}       {% assign cards       = value %}            {% endif %}
-        {% endfor %}
-      {% endfor %}
-
-      {% if raised %}
-        {% capture card_raised %}raised-z{{raised}}{% endcapture %}
-      {% else %}
-        {% assign card_raised = 'raised-z3' %}
-      {% endif %}
-
-      {% if icon_family == 'fontawesome' %}
-        {% assign icon_family = 'fa' %}
-      {% elsif icon_family == 'mdi'%}
-        {% assign icon_family = 'mdi' %}
-      {% elsif icon_family == 'zmdi'%}
-        {% assign icon_family = 'zmdi' %}
-      {% endif %}
-
-      {% include {{select_icon_size}} family=icon_family size=icon_size %}
-      {% assign icon_size = size %}
-
-      {% if lane_span == 'fixed' %}
-        {% assign container_class = 'container' %}
-      {% elsif lane_span == 'fluid' %}
-        {% assign container_class = 'container-fluid' %}
-      {% else %}
-        {% assign container_class = 'container' %}
-      {% endif %}
-
-      {% if enabled %}
-      <!-- BANNER ID: {{id}} -->
-      <!-- +++++++++++++++++++++++++ -->
-      <div id="{{id}}">
-      {% case type %}
-
-        {% comment %} Collect DIVIDER banner
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% when 'divider_banner' %}
-        <div class="row banner-divider"></div>
-
-        {% comment %} DIVIDER banner - Reset element variables
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% assign id              = nil %}
-        {% assign enabled         = nil %}
-        {% assign type            = nil %}
-        {% assign comment         = nil %}
-        {% assign banner_config   = nil %}
-
-
-        {% comment %} Collect TEASER banner
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% when 'teaser_banner' %}
-
-        <div class="banner-teaser {{id}}-background">
-          <div class="{{container_class}} j1-banner-block">
-
-              {% assign card_items = cards | size %}
-              {% for card in cards %}
-
-                {% for items in card %}
-                  {% for item in items[1] %}
-                    {% assign key   = item[0] %}
-                    {% assign value = item[1] %}
-                    {% if key == 'enabled' %}     {% assign card_enabled      = value %}                   {% endif %}
-                    {% if key == 'width' %}       {% assign card_width        = value %}                   {% endif %}
-                    {% if key == 'type' %}        {% assign card_type         = value %}                   {% endif %}
-                    {% if key == 'icon' %}        {% assign icon             = value %}                   {% endif %}
-                    {% if key == 'icon_size' %}   {% assign icon_size        = value %}                   {% endif %}
-                    {% if key == 'icon_color' %}  {% assign icon_color       = value %}                   {% endif %}
-                    {% if key == 'image_path' %}  {% assign card_image_path   = value %}                   {% endif %}
-                    {% if key == 'animate' %}     {% assign card_animate      = value %}                   {% endif %}
-                    {% if key == 'title' %}       {% assign card_title        = value | strip_newlines%}   {% endif %}
-                    {% if key == 'description' %} {% assign card_description  = value | strip_newlines%}   {% endif %}
-                    {% if key == 'tagline' %}     {% assign card_tagline      = value | strip_newlines%}   {% endif %}
-                    {% if key == 'text' %}        {% assign card_text         = value | strip_newlines %}  {% endif %}
-                    {% if key == 'buttons' %}     {% assign card_buttons      = value %}                   {% endif %}
-                  {% endfor %}
-                  {% if card_enabled == false %} {% assign card_items = card_items | minus:1 %} {% endif %}
-                {% endfor %}
-
-                {% if card_icon_color %}
-                  {% include {{select_color}} color=card_icon_color fallback="#fff" %}
-                  {% assign card_icon_color = color %}
-                  {% capture card_icon_color %}style="color:{{card_icon_color}}" %}{% endcapture %}
-                {% else %}
-                  {% assign card_icon_color = '' %}
-                {% endif %}
-
-                {% include {{select_icon_size}} family=icon_family size=icon_size %}
-                {% assign icon_size = size %}
-
-                {% if card_width %}
-                  {% assign card_enabled = true %}
-                  {% assign card_width_md = card_width %}
-                {% else %}
-                  {% assign card_width_md = 12 | divided_by: card_items %}
-                {% endif %}
-
-                {% if card_animate %}
-                  {% assign card_animate = card_animate %}
-                {% else %}
-                  {% assign card_animate = '' %}
-                {% endif %}
-
-                {% assign patreon_enabled     = true %}
-                {% assign patreon_home        = 'https://www.patreon.com' %}
-                {% assign pledge_url          = 'join' %}
-                {% assign vanity              = 'jekyll_one' %}
-                {% assign pledge_button_text  = 'Become a Patron' %}
-
-                {% capture payment_url %}{{patreon_home}}/{{pledge_url}}/{{vanity}}{% endcapture %}
-
-                {% if card_type == 'text' and card_enabled %}
-                  {% if card_animate %} {% capture animate %}animated {{card_animate}}{% endcapture %} {% endif %}
-                  <div class="row">
-                    <div class="col-md-{{card_width_md}} col-md-offset-1 col-sm-{{card_width_md}} col-sm-offset-1 col-xs-{{card_width_md}} col-xs-offset-1 {{animate}}">
-                      <h3 class="title">{{card_title}}</h3>
-                      <p class="description">{{card_description}}</p>
-                      <p class="tagline mt-4">{{card_tagline}}</p>
-                      <div class="row btn-row mt-4">
-                        <div class="col-md-{{card_width_md}} col-md-offset-1 col-sm-{{card_width_md}} col-sm-offset-1 col-xs-{{card_width_md | plus:2}}">
-                          {% for button_hash in card_buttons %}
-                            {% include {{create_bs_button}} button_data=button_hash button_type="link" %}
-                            {{bs_button_html}}
-                          {% endfor %}
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                {% endif %}
-
-            {% endfor %}
-            {% comment %} END cards
-            -------------------------------------------------------------------- {% endcomment %}
-
-          </div>
-        </div>
-
-        {% comment %} TEASER banner - Reset element variables
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% assign id               = nil %}
-        {% assign enabled          = nil %}
-        {% assign type             = nil %}
-        {% assign comment          = nil %}
-        {% assign banner_config    = nil %}
-        {% assign card_enabled     = nil %}
-        {% assign card_width       = nil %}
-        {% assign card_type        = nil %}
-        {% assign card_icon        = nil %}
-        {% assign card_icon_color  = nil %}
-        {% assign card_icon_size   = nil %}
-        {% assign card_image_path  = nil %}
-        {% assign card_animate     = nil %}
-        {% assign card_title       = nil %}
-        {% assign card_tagline     = nil %}
-        {% assign card_text        = nil %}
-        {% assign card_buttons     = nil %}
-        {% assign card_width_md    = nil %}
-
-        {% comment %} END TEASER banner
-        ------------------------------------------------------------------------ {% endcomment %}
-
-        {% comment %} Collect IMAGE banner
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% when 'image_banner' %}
-
-          {% for card in cards %}
-
-            {% for items in card %}
-              {% for item in items[1] %}
-                {% assign key   = item[0] %}
-                {% assign value = item[1] %}
-                {% if key == 'enabled' %}               {% assign enabled           = value %}                   {% endif %}
-                {% if key == 'gridify' %}               {% assign gridify           = value %}                   {% endif %}
-                {% if key == 'gridifier' %}             {% assign gridifier         = value %}                   {% endif %}
-                {% if key == 'darken' %}                {% assign darken            = value %}                   {% endif %}
-                {% if key == 'size_y' %}                {% assign size_y            = value %}                   {% endif %}
-                {% if key == 'background_image' %}      {% assign background_image  = value %}                   {% endif %}
-              {% endfor %}
-            {% endfor %}
-
-            {% if enabled %}
-
-              {% capture darken %}0.{{darken}}{% endcapture %}
-
-              {% comment %} Set STYLE tags
-              ------------------------------------------------------------------ {% endcomment %}
-              $('head').append(
-                "<style>
-                  .{{id}}-image{background:url("{{background_image}}"); min-height: {{size_y}}px; background-position: center;  background-repeat: no-repeat; background-size: cover; }
-                </style>"
-              );
-
-              <div class="panel-fluid">
-                <div class="row no-gutters {{id}}-image"></div>
-              </div>
-
-            {% endif %}
-          {% endfor %}
-          {% comment %} END cards
-          ---------------------------------------------------------------------- {% endcomment %}
-
-          {% comment %} IMAGE banner - Reset element variables
-          ---------------------------------------------------------------------- {% endcomment %}
-          {% assign id                        = nil %}
-          {% assign enabled                   = nil %}
-          {% assign type                      = nil %}
-          {% assign comment                   = nil %}
-          {% assign banner_config             = nil %}
-          {% assign card_enabled              = nil %}
-          {% assign card_width                = nil %}
-          {% assign card_type                 = nil %}
-          {% assign card_icon                 = nil %}
-          {% assign card_icon_color           = nil %}
-          {% assign card_icon_size            = nil %}
-          {% assign card_image_path           = nil %}
-          {% assign card_animate              = nil %}
-          {% assign card_title                = nil %}
-          {% assign card_tagline              = nil %}
-          {% assign card_text                 = nil %}
-          {% assign card_buttons              = nil %}
-          {% assign card_width_md             = nil %}
-          {% assign card_cite                 = nil %}
-          {% assign card_gridifye             = nil %}
-          {% assign card_darken               = nil %}
-          {% assign card_background_size      = nil %}
-          {% assign card_background_image     = nil %}
-
-          {% comment %} END IMAGE banner
-          ---------------------------------------------------------------------- {% endcomment %}
-
-
-        {% comment %} Collect PARALLAX banner
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% when 'parallax_banner' %}
-
-          {% for card in cards %}
-
-            {% for items in card %}
-              {% for item in items[1] %}
-                {% assign key   = item[0] %}
-                {% assign value = item[1] %}
-                {% if key == 'enabled' %}               {% assign card_enabled               = value %}                   {% endif %}
-                {% if key == 'type' %}                  {% assign card_type                  = value %}                   {% endif %}
-                {% if key == 'cite_text' %}             {% assign card_text                  = value | strip_newlines %}  {% endif %}
-                {% if key == 'cite' %}                  {% assign card_cite                  = value | strip_newlines %}  {% endif %}
-                {% if key == 'text_color' %}            {% assign card_text_color            = value %}                   {% endif %}
-                {% if key == 'cite_color' %}            {% assign card_cite_color            = value %}                   {% endif %}
-                {% if key == 'gridify' %}               {% assign card_gridify               = value %}                   {% endif %}
-                {% if key == 'gridifier' %}             {% assign card_gridifier             = value %}                   {% endif %}
-                {% if key == 'darken' %}                {% assign card_darken                = value %}                   {% endif %}
-                {% if key == 'size_y' %}                {% assign card_background_size       = value %}                   {% endif %}
-                {% if key == 'background_image' %}      {% assign card_background_image      = value %}                   {% endif %}
-              {% endfor %}
-            {% endfor %}
-
-            {% if card_type == 'quote' and card_enabled %}
-
-              {% comment %} Set banner DEFAULTS
-              ------------------------------------------------------------------ {% endcomment %}
-              {% assign parallax_defaults     = site.data.modules.j1_parallax.parallax_quote %}
-              {% assign background_image      = parallax_defaults.background %}
-              {% assign gridify               = parallax_defaults.gridify %}
-              {% assign gridifier             = parallax_defaults.gridifier %}
-              {% assign text_color            = parallax_defaults.text_color %}
-              {% assign cite_color            = parallax_defaults.cite_color %}
-              {% assign darken                = parallax_defaults.darken %}
-
-              {% comment %} Set banner VALUES
-              ------------------------------------------------------------------ {% endcomment %}
-              {% if card_gridify %}               {% assign gridify           = card_gridify %}               {% endif %}
-              {% if card_gridifier %}             {% assign gridifier         = card_gridifier %}             {% endif %}
-              {% if card_darken %}                {% assign darken            = card_darken %}                {% endif %}
-              {% if card_text_color %}            {% assign text_color        = card_text_color %}            {% endif %}
-              {% if card_cite_color %}            {% assign cite_color        = card_cite_color %}            {% endif %}
-              {% if card_background_size %}       {% assign size_y            = card_background_size %}       {% endif %}
-              {% if card_background_image %}      {% assign background_image  = card_background_image %}      {% endif %}
-
-              {% capture darken %}0.{{darken}}{% endcapture %}
-
-              {% include {{select_color}} color=text_color fallback="#FAFAFA" %}
-              {% assign text_color = color %}
-
-              {% include {{select_color}} color=cite_color fallback="#FAFAFA" %}
-              {% assign cite_color = color %}
-
-              {% comment %} Set individual STYLE tags
-              ------------------------------------------------------------------ {% endcomment %}
-              $('head').append(
-                "<style>
-                  .{{id}}-parallaxBg{background:url("{{background_image}}"); min-height: {{size_y}}px; background-attachment: fixed; background-position: center;  background-repeat: no-repeat; background-size: cover; }
-                  .{{id}}-parallax-quote{color:#fff;padding:100px 0;position:relative;text-align:center}
-                  .{{id}}-parallax-quote:before{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;{% if gridify == true %}background: url("{{gridifier}}") repeat;{% endif %}}
-                  .{{id}}-parallax-quote:after{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:rgba(0,0,0,{{darken}})}
-                  .{{id}}-parallax-quote-in{z-index: 2;position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; padding: 20px; text-align: center; }
-                  .{{id}}-parallax-quote-in p{color:{{text_color}};font-size:200%;text-transform:uppercase;}
-                  {% if card_text %}
-                  .{{id}}-parallax-quote-in p:after,.{{id}}-parallax-quote-in p:before{content:' " ';}
-                  {% endif %}
-                  .{{id}}-parallax-quote-in small{color:{{cite_color}};font-size:100%;font-weight:600;}
-                  .{{id}}-parallax-quote:after{background: rgba(0,0,0,{{darken}})}
-                </style>"
-              );
-
-              <!-- div class="{{container_class}} j1-banner-block" -->
-                <div class="panel-fluid">
-                <div class="row no-gutters {{id}}-parallax-quote {{id}}-parallaxBg">
-                  <div class="col-md-12 col-xs-12 {{id}}-parallax-quote-in">
-                    {% if card_text %} <p>{{card_text}}</p>{% endif %}
-                    {% if card_text %}<i>{{card_cite}}</i>{% endif %}
-                  </div>
-                </div>
-              </div>
-
-            {% endif %}
-          {% endfor %}
-          {% comment %} END cards
-          ---------------------------------------------------------------------- {% endcomment %}
-
-          {% comment %} PARALLAX banner - Reset element variables
-          ---------------------------------------------------------------------- {% endcomment %}
-          {% assign id                        = nil %}
-          {% assign enabled                   = nil %}
-          {% assign type                      = nil %}
-          {% assign comment                   = nil %}
-          {% assign banner_config             = nil %}
-          {% assign card_enabled              = nil %}
-          {% assign card_width                = nil %}
-          {% assign card_type                 = nil %}
-          {% assign card_icon                 = nil %}
-          {% assign card_icon_color           = nil %}
-          {% assign card_icon_size            = nil %}
-          {% assign card_image_path           = nil %}
-          {% assign card_animate              = nil %}
-          {% assign card_title                = nil %}
-          {% assign card_tagline              = nil %}
-          {% assign card_text                 = nil %}
-          {% assign card_buttons              = nil %}
-          {% assign card_width_md             = nil %}
-          {% assign card_cite                 = nil %}
-          {% assign card_gridifye             = nil %}
-          {% assign card_darken               = nil %}
-          {% assign card_background_size      = nil %}
-          {% assign card_background_image     = nil %}
-
-          {% comment %} END PARALLAX banner
-          ---------------------------------------------------------------------- {% endcomment %}
-
-          {% comment %} Collect EXEPTION banner: given type NOT found
-          ---------------------------------------------------------------------- {% endcomment %}
-          {% else %}
-            <div class="row">
-              <div class="col-md-6 col-md-offset-3">
-                <div class="box raised-z10 mt-5">
-                  <div class="content content-danger">
-                    <h4 class="notoc">
-                      <i class="zmdi zmdi-alert-triangle zmdi-hc-3x pl-3"></i>
-                      Banner <i>{{type}}</i> not found
-                    </h4>
-                    <h4 class="notoc box-title">Check your configuration</h4>
-                    <div class="box-description">
-                      Don't worry about this. May you've a typo in the banner's configuration.
-                      Check the banner config file for the unknown type. A line contains
-                      something wrong like:
-                      <div class="mt-2 mb-2">
-                        <b>id: {{id}}</b><br />
-                        <b>type: {{type}}</b>
-                      </div>
-                      Have a look at:
-                      <div class="mb-5">
-                        <h5 class="notoc">{{banner_config_file_name}}</h5>
-                      </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          {% comment %} END EXEPTION banner
-          ---------------------------------------------------------------------- {% endcomment %}
-        {% endcase %}
-
-      </div> <!-- End banner {{ id }} -->
-      {% endif %} {% comment %} endif enabled {% endcomment %}
-
-    {% endfor %}  {% comment %} END banners {% endcomment %}
-  {% endfor %}  {% comment %} END banner_config {% endcomment %}
-{% endfor %}  {% comment %} END banner_config_settings {% endcomment %}
-
-{% endcapture %}
-
-{{ cache | strip_empty_lines }}
-{% assign cache = nil %}