RubyGems - j1-template - Versions diffs - 2021.0.15 → 2021.1.3 - Mend

j1-template 2021.0.15 → 2021.1.3

Files changed (438) hide show

data/assets/data/banner.html CHANGED Viewed

@@ -66,6 +66,11 @@ regenerate:                             true
   {% assign production = true %}
 {% endif %}
+<!-- [INFO   ] [j1.assets.data.banner.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
 {% comment %} Main
 ================================================================================ {% endcomment %}
 {% for items in banner_config_settings %}
@@ -93,6 +98,7 @@ regenerate:                             true
           {% assign lane_span       = banner_settings.lane_span %}
           {% assign buttons         = banner_settings.buttons %}
           {% assign cards           = banner_settings.cards %}
+          {% assign properties      = banner_settings.properties %}
         {% endif %}
       {% endfor %}
@@ -129,8 +135,8 @@ regenerate:                             true
         {% when 'teaser' %}
         {% assign banner_options = banner_config_defaults.teaser | merge: banner_settings %}
         {% if debug %}<!-- banner_options:  {{banner_options}} -->{% endif %}
-        <section id="{{banner_settings.id}}">
-          <div class="container">
+        <section id="{{banner_settings.id}}" class="container">
+          <div class="row {{banner_settings.properties}}">
           {% assign card_items = cards | size %}
           {% for card in cards %}
@@ -203,7 +209,7 @@ regenerate:                             true
             <!-- Body -->
             <div class="row {{animate}}">
-              <div>{{card_description}}</div>
+              <div class="{{properties}}">{{card_description}}</div>
               {% if card_buttons %}
               <!-- Footer -->
               <div class="mt-1">
@@ -291,26 +297,24 @@ regenerate:                             true
           {% 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_size' %}        {% assign card_cite_text_size        = value %}                   {% endif %}
-                {% if key == 'cite_text_quotes' %}      {% assign card_cite_text_quotes      = value %}                   {% endif %}
-                {% if key == 'cite_text' %}             {% assign card_text                  = value | strip_newlines %}  {% endif %}
-                {% if key == 'cite_size' %}             {% assign card_cite_size             = value %}                   {% 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 %}
+            {% 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_size' %}        {% assign card_cite_text_size        = value %}                   {% endif %}
+              {% if key == 'cite_text_quotes' %}      {% assign card_cite_text_quotes      = value %}                   {% endif %}
+              {% if key == 'cite_text' %}             {% assign card_text                  = value | strip_newlines %}  {% endif %}
+              {% if key == 'cite_size' %}             {% assign card_cite_size             = value %}                   {% 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 %}
@@ -341,26 +345,24 @@ regenerate:                             true
               {% include {{select_color}} color=cite_color fallback="#FAFAFA" %}
               {% assign cite_color = color %}
-              {% comment %} Set individual STYLE tags
+              {% comment %} Add individual STYLE tags
               ------------------------------------------------------------------ {% endcomment %}
-              $('head').append(
-                "<style>
+              <!-- [INFO   ] [/assets/data/banner.html                   ] [ Add individual styles for the parallax banner ] -->
+              <style>
                   .{{banner_settings.id}}-parallaxBg{background:url("{{background_image}}"); min-height: {{size_y}}px; background-attachment: fixed; background-position: center;  background-repeat: no-repeat; background-size: cover; }
                   .{{banner_settings.id}}-parallax-quote{color:#fff;padding:100px 0;position:relative;text-align:center}
                   .{{banner_settings.id}}-parallax-quote:before{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;{% if gridify == true %}background: url("{{gridifier}}") repeat;{% endif %}}
                   .{{banner_settings.id}}-parallax-quote:after{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:rgba(0,0,0,{{darken}})}
                   .{{banner_settings.id}}-parallax-quote-in{z-index: 2;position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; padding: 20px; text-align: center; }
-                  .{{banner_settings.id}}-parallax-quote-in p{color:{{text_color}};font-size:{{card_cite_text_size}};text-transform:uppercase;}
+                  .{{banner_settings.id}}-parallax-quote-in p{color:{{text_color}};font-size:{{card_cite_text_size}};text-transform:uppercase;line-height: 1.25;}
                   {% if card_text and card_cite_text_quotes %}
                   .{{banner_settings.id}}-parallax-quote-in p:after,.{{banner_settings.id}}-parallax-quote-in p:before{content:' " ';}
                   {% endif %}
                   .{{banner_settings.id}}-parallax-quote-in small{color:{{cite_color}};font-size:{{card_cite_size}};font-weight:600;}
                   .{{banner_settings.id}}-parallax-quote:after{background: rgba(0,0,0,{{darken}})}
-                </style>"
-              );
+              </style>
-                <div class="panel-fluid">
+              <div class="panel-fluid {{banner_settings.properties}}">
                 <div class="row no-gutters {{banner_settings.id}}-parallax-quote {{banner_settings.id}}-parallaxBg">
                   <div class="col-md-12 col-xs-12 {{banner_settings.id}}-parallax-quote-in">
                     {% if card_text %} <p>{{card_text}}</p>{% endif %}
@@ -368,6 +370,7 @@ regenerate:                             true
                   </div>
                 </div>
               </div>
             </div> <!-- End banner {{ id }} -->
             {% endif %}
           {% endfor %}

data/assets/data/cookiebar.html CHANGED Viewed

@@ -55,221 +55,228 @@ regenerate:                             true
 {% comment %} Main
 ================================================================================ {% endcomment %}
+<!-- [INFO   ] [j1.assets.data.cookiebar.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
-{% comment %} Modal cookie consent dialog
--------------------------------------------------------------------------------- {% endcomment %}
-<div id="topFullCookieConsent" class="modal fade top"
-  tabindex="-1"
-  role="dialog"
-  data-backdrop="false"
-  aria-labelledby="myModalLabel"
-  aria-hidden="true">
-  <div class="modal-dialog modal-frame modal-top modal-notify modal-primary" role="document">
-    <!-- Content -->
-    <div class="modal-content">
+<div id="{{cookie_options.xhr_data_element}}">
-      <!--Header-->
-      <div class="modal-header">
-        <p class="lead">{{cookie_options.consent_modals_title}}</p>
-      </div>
+  {% comment %} Modal cookie consent dialog
+  -------------------------------------------------------------------------------- {% endcomment %}
+  <div id="topFullCookieConsent" class="modal fade top"
+    tabindex="-1"
+    role="dialog"
+    data-backdrop="false"
+    aria-labelledby="myModalLabel"
+    aria-hidden="true">
+    <div class="modal-dialog modal-frame modal-top modal-notify modal-primary" role="document">
-      <!-- Body -->
-      <div class="modal-body">
+      <!-- Content -->
+      <div class="modal-content">
-        <!-- About cookies -->
-        <div class="px-2">
-          <p class="pt-1 pr-2">{{cookie_options.policy_about}}</p>
+        <!--Header-->
+        <div class="modal-header">
+          <p class="lead">{{cookie_options.consent_modals_title}}</p>
         </div>
-      </div> <!-- END Body -->
-      <!-- Footer -->
-      <div class="modal-footer justify-content-center">
-        {% if cookie_options.buttons.policy_button %}
-        <a id="policyButton" type="button"
-           class="btn btn-raised btn-flex btn-primary mb-2 mr-2" style="width: 20rem">
-           <i class="mdi mdi-18px mdi-white mdi-read mr-2"></i>
-           {{cookie_options.buttons.policy_button_text}}
-        </a>
-        {% endif %}
-        <a id="acceptButton" type="button"
-           class="btn btn-raised btn-flex btn-primary mb-2 mr-2" style="width: 20rem"
-           data-dismiss="modal">
-           <i class="mdi mdi-18px mdi-white mdi-check mr-2"></i>
-           {{cookie_options.buttons.accept_button_text}}
-        </a>
-        {% if cookie_options.buttons.decline_button %}
-        <a id="declineButton" type="button"
-           class="btn btn-raised btn-flex btn-primary mb-2 mr-2" style="width: 20rem"
-           data-dismiss="modal">
-           <i class="mdi mdi-18px mdi-white mdi-close mr-2"></i>
-           {{cookie_options.buttons.decline_button_text}}
-        </a>
-        {% endif %}
-      </div> <!-- END Footer -->
+        <!-- Body -->
+        <div class="modal-body">
-      <!-- Hidden Content -->
-      <div class="cookie-policy">
-        {% if cookie_options.buttons.policy_button_text %}
-        <div id="modal-footer" class="modal-footer-hidden">
-          <div id="cookiePolicyInfo" class="card card-flat" style="display: none">
-            <div class="content">
-              <h4 class="notoc card-title">{{cookie_options.cookie_policy_title}}</h4>
-              <h6 class="notoc category text-gray">{{cookie_options.cookie_policy_tagline | asciidocify}}</h6>
+          <!-- About cookies -->
+          <div class="px-2">
+            <p class="pt-1 pr-2">{{cookie_options.policy_about}}</p>
+          </div>
+        </div> <!-- END Body -->
-              <!-- Cookie categories -->
-              {% if cookie_options.categories.enabled %}
-              <div class="px-2">
-                <h6 class="card-subtitle text-muted mb-2 mr-2">{{cookie_options.categories.category_title}}</h6>
-                <table class="tableblock frame-all grid-all stretch table-responsive-stacked-lg">
-                  <colgroup>
-                    <col style="width: 33.3333%;">
-                    <col style="width: 16.6666%;">
-                    <col style="width: 50.0001%;">
-                  </colgroup>
-                  <thead>
-                    <tr>
-                      <th class="tableblock halign-left valign-top">Cookie</th>
-                      <th class="tableblock halign-left valign-top">Usage</th>
-                      <th class="tableblock halign-left valign-top">Description</th>
-                    </tr>
-                  </thead>
+        <!-- Footer -->
+        <div class="modal-footer justify-content-center">
+          {% if cookie_options.buttons.policy_button %}
+          <a id="policyButton" type="button"
+             class="btn btn-raised btn-flex btn-primary mb-2 mr-2" style="width: 20rem">
+             <i class="mdi mdi-18px mdi-white mdi-read mr-2"></i>
+             {{cookie_options.buttons.policy_button_text}}
+          </a>
+          {% endif %}
+          <a id="acceptButton" type="button"
+             class="btn btn-raised btn-flex btn-primary mb-2 mr-2" style="width: 20rem"
+             data-dismiss="modal">
+             <i class="mdi mdi-18px mdi-white mdi-check mr-2"></i>
+             {{cookie_options.buttons.accept_button_text}}
+          </a>
+          {% if cookie_options.buttons.decline_button %}
+          <a id="declineButton" type="button"
+             class="btn btn-raised btn-flex btn-primary mb-2 mr-2" style="width: 20rem"
+             data-dismiss="modal">
+             <i class="mdi mdi-18px mdi-white mdi-close mr-2"></i>
+             {{cookie_options.buttons.decline_button_text}}
+          </a>
+          {% endif %}
+        </div> <!-- END Footer -->
+        <!-- Hidden Content -->
+        <div class="cookie-policy">
+          {% if cookie_options.buttons.policy_button_text %}
+          <div id="modal-footer" class="modal-footer-hidden">
+            <div id="cookiePolicyInfo" class="card card-flat" style="display: none">
+              <div class="content">
+                <h4 class="notoc card-title">{{cookie_options.cookie_policy_title}}</h4>
+                <h6 class="notoc category text-gray">{{cookie_options.cookie_policy_tagline | asciidocify}}</h6>
+                <!-- Cookie categories -->
+                {% if cookie_options.categories.enabled %}
+                <div class="px-2">
+                  <h6 class="card-subtitle text-muted mb-2 mr-2">{{cookie_options.categories.category_title}}</h6>
+                  <table class="tableblock frame-all grid-all stretch table-responsive-stacked-lg">
+                    <colgroup>
+                      <col style="width: 33.3333%;">
+                      <col style="width: 16.6666%;">
+                      <col style="width: 50.0001%;">
+                    </colgroup>
+                    <thead>
+                      <tr>
+                        <th class="tableblock halign-left valign-top">Cookie</th>
+                        <th class="tableblock halign-left valign-top">Usage</th>
+                        <th class="tableblock halign-left valign-top">Description</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td class="tableblock halign-left valign-top">
+                          <p class="tableblock">{{cookie_options.categories.category_session}}</p>
+                        </td>
+                        <td class="tableblock halign-left valign-top">
+                          <div class="content"><i class="fa md-green fa-check"></i></div>
+                        </td>
+                        <td class="tableblock halign-left valign-top">
+                          <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td class="tableblock halign-left valign-top">
+                          <p class="tableblock">{{cookie_options.categories.category_persistent}}</p>
+                        </td>
+                        <td class="tableblock halign-left valign-top">
+                          <div class="content"><i class="fa md-green fa-check"></i></div>
+                        </td>
+                        <td class="tableblock halign-left valign-top">
+                          <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td class="tableblock halign-left valign-top">
+                          <p class="tableblock">{{cookie_options.categories.category_first_party}}</p>
+                        </td>
+                        <td class="tableblock halign-left valign-top">
+                          <div class="content"><i class="fa md-green fa-check"></i></div>
+                        </td>
+                        <td class="tableblock halign-left valign-top">
+                          <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td class="tableblock halign-left valign-top">
+                          <p class="tableblock">{{cookie_options.categories.category_second_party}}</p>
+                        </td>
+                        <td class="tableblock halign-left valign-top">
+                          <div class="content"><i class="fa md-green fa-check"></i></div>
+                        </td>
+                        <td class="tableblock halign-left valign-top">
+                          <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                {% endif %}
+                <div class="card-description">{{ cookie_options.cookie_policy_text | asciidocify}}</div>
+              </div>
+            </div>
+          </div>
+        {% endif %}
+        </div> <!-- END Hidden Content -->
+      </div> <!-- END Content -->
+    </div>
+  </div> <!-- END Modal -->
+  {% comment %} END Modal cookie consent dialog
+  -------------------------------------------------------------------------------- {% endcomment %}
+  {% comment %} Modal revoke cookies dialog
+  -------------------------------------------------------------------------------- {% endcomment %}
+  <div id="cookieRevokeCentralDanger"
+       class="modal fade top"
+       tabindex="-1"
+       role="dialog"
+       data-backdrop="false"
+       aria-modal="true"
+       aria-labelledby="RevokeCookieConsent">
+    <div class="modal-dialog modal-frame modal-top modal-notify modal-danger" role="document">
+      <!-- Content -->
+      <div class="modal-content">
+        <!--Header-->
+        <div class="modal-header">
+          <p class="lead">Revoke Cookie Consent</p>
+        </div>
+        <!--END Header-->
+        <!-- Body -->
+        <div class="modal-body">
+          <div class="text-left">
+            <div class="sectionbody">
+              <div class="paragraph">
+                <p>If you do <strong>not</strong> wish to receive <strong>cookies</strong> anymore from <strong>this site</strong>, you can
+                  revoke the cookie consent you’ve given. Furthermore, you may be able to refuse
+                  them by adjusting your <strong>browser</strong> settings to <strong>reject on cookies</strong>.
+                </p>
+              </div>
+              <!-- div class="admonitionblock caution">
+                <table>
                   <tbody>
                     <tr>
-                      <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{cookie_options.categories.category_session}}</p>
-                      </td>
-                      <td class="tableblock halign-left valign-top">
-                        <div class="content"><i class="fa md-green fa-check"></i></div>
-                      </td>
-                      <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{cookie_options.categories.category_persistent}}</p>
-                      </td>
-                      <td class="tableblock halign-left valign-top">
-                        <div class="content"><i class="fa md-green fa-check"></i></div>
-                      </td>
-                      <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{cookie_options.categories.category_first_party}}</p>
-                      </td>
-                      <td class="tableblock halign-left valign-top">
-                        <div class="content"><i class="fa md-green fa-check"></i></div>
+                      <td class="icon">
+                        <i class="fa icon-caution" title="Caution"></i>
                       </td>
-                      <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{cookie_options.categories.category_second_party}}</p>
-                      </td>
-                      <td class="tableblock halign-left valign-top">
-                        <div class="content"><i class="fa md-green fa-check"></i></div>
-                      </td>
-                      <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
+                      <td class="content">
+                        If you have previously visited our website&thinsp;—&thinsp;or any pages this
+                        session&thinsp;—&thinsp;<strong>and</strong> agreed on the use of cookies, you may also have to
+                        <strong>delete</strong> already existing <strong>cookies</strong> by your <strong>browser</strong> in order to clean
+                        all cookies left.
                       </td>
                     </tr>
                   </tbody>
                 </table>
-              </div>
-              {% endif %}
-              <div class="card-description">{{ cookie_options.cookie_policy_text | asciidocify}}</div>
+              </div -->
+              <!-- div class="paragraph">
+                <p>
+                  You are about to <strong>disagree</strong> on cookies used by this site.
+                  If you do so, this site is <strong>unable</strong> to offer you any of our
+                  <strong>functionalities</strong>, <strong>services</strong> or <strong>support</strong>.
+                </p>
+              </div -->
             </div>
           </div>
-        </div>
-      {% endif %}
-      </div> <!-- END Hidden Content -->
-    </div> <!-- END Content -->
-  </div>
-</div> <!-- END Modal -->
-{% comment %} END Modal cookie consent dialog
--------------------------------------------------------------------------------- {% endcomment %}
-{% comment %} Modal revoke cookies dialog
--------------------------------------------------------------------------------- {% endcomment %}
-<div id="cookieRevokeCentralDanger"
-     class="modal fade top"
-     tabindex="-1"
-     role="dialog"
-     data-backdrop="false"
-     aria-modal="true"
-     aria-labelledby="RevokeCookieConsent">
-  <div class="modal-dialog modal-frame modal-top modal-notify modal-danger" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!--Header-->
-      <div class="modal-header">
-        <p class="lead">Revoke Cookie Consent</p>
-      </div>
-      <!--END Header-->
-      <!-- Body -->
-      <div class="modal-body">
-        <div class="text-left">
-          <div class="sectionbody">
-            <div class="paragraph">
-              <p>If you do <strong>not</strong> wish to receive <strong>cookies</strong> anymore from <strong>this site</strong>, you can
-                revoke the cookie consent you’ve given. Furthermore, you may be able to refuse
-                them by adjusting your <strong>browser</strong> settings to <strong>reject on cookies</strong>.
-              </p>
-            </div>
-            <!-- div class="admonitionblock caution">
-              <table>
-                <tbody>
-                  <tr>
-                    <td class="icon">
-                      <i class="fa icon-caution" title="Caution"></i>
-                    </td>
-                    <td class="content">
-                      If you have previously visited our website&thinsp;—&thinsp;or any pages this
-                      session&thinsp;—&thinsp;<strong>and</strong> agreed on the use of cookies, you may also have to
-                      <strong>delete</strong> already existing <strong>cookies</strong> by your <strong>browser</strong> in order to clean
-                      all cookies left.
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div -->
-            <!-- div class="paragraph">
-              <p>
-                You are about to <strong>disagree</strong> on cookies used by this site.
-                If you do so, this site is <strong>unable</strong> to offer you any of our
-                <strong>functionalities</strong>, <strong>services</strong> or <strong>support</strong>.
-              </p>
-            </div -->
-          </div>
-        </div>
-        <!-- END Body -->
-        <!-- Footer -->
-        <div class="modal-footer justify-content-center">
-          <a id="revokeCookies" type="button"
-            class="btn btn-raised btn-flex btn-danger mb-2 mr-2" style="width: 25rem"
-            data-dismiss="modal">
-            <i class="mdi mdi-18px mdi-white mdi-check mr-2"></i>
-            {{cookie_options.buttons.revoke_button_text}}
-          </a>
-          <a id="remainCookies" type="button"
-            class="btn btn-raised btn-flex btn-primary mb-2 mr-2" style="width: 25rem"
-            data-dismiss="modal">
-            <i class="mdi mdi-18px mdi-white mdi-close mr-2"></i>
-            {{cookie_options.buttons.do_nothing_button_text}}
-          </a>
-        </div> <!-- END Footer -->
-      </div> <!-- END Body -->
-    </div> <!-- END Content -->
-  </div>
-</div> <!-- END Modal -->
-{% comment %} END Modal revoke cookies dialog
--------------------------------------------------------------------------------- {% endcomment %}
+          <!-- END Body -->
+          <!-- Footer -->
+          <div class="modal-footer justify-content-center">
+            <a id="revokeCookies" type="button"
+              class="btn btn-raised btn-flex btn-danger mb-2 mr-2" style="width: 25rem"
+              data-dismiss="modal">
+              <i class="mdi mdi-18px mdi-white mdi-check mr-2"></i>
+              {{cookie_options.buttons.revoke_button_text}}
+            </a>
+            <a id="remainCookies" type="button"
+              class="btn btn-raised btn-flex btn-primary mb-2 mr-2" style="width: 25rem"
+              data-dismiss="modal">
+              <i class="mdi mdi-18px mdi-white mdi-close mr-2"></i>
+              {{cookie_options.buttons.do_nothing_button_text}}
+            </a>
+          </div> <!-- END Footer -->
+        </div> <!-- END Body -->
+      </div> <!-- END Content -->
+    </div>
+  </div> <!-- END Modal -->
+  {% comment %} END Modal revoke cookies dialog
+  -------------------------------------------------------------------------------- {% endcomment %}
+</div>
 {% endcapture %}