j1-template 2020.0.13 → 2020.0.14

data/_includes/themes/j1/procedures/layouts/module_writer.proc

@@ -128,18 +128,8 @@ NO need to load this again
         <script>
           $(document).ready(function() {
             var logger = log4javascript.getLogger("j1.module_loader");
-
-            {% if resource_settings.id == 'log4javascript' %}
-              var start = moment();
-              var finished = '';
-              var elapsed = '';
-              var log_text = '[' +start.format("HH:mm:ss.SSS")+ '] [INFO ] [j1.layout.module_writer.proc          ] [ {{resource_settings.comment|strip}} is being initialized ]';
-              console.info(log_text);
-            {% else %}
-              var log_text = '{{resource_settings.comment|strip}} is being initialized';
-              logger.info(log_text);
-            {% endif %}
-
+            var log_text = '{{resource_settings.comment|strip}} is being initialized';
+            logger.info(log_text);
 
             {% comment %} place initializer|s
             -------------------------------------------------------------------- {% endcomment %}
@@ -241,7 +231,7 @@ NO need to load this again
                 {% endif %}
               {% endif %}
             {% endfor %}
-        });
+           });
         </script>
       {% endif %}
 

data/_includes/themes/j1/procedures/posts/collate_timeline.proc

@@ -145,8 +145,8 @@
               </div>
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
-                   class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   class="btn btn-primary btn-raised btn-flex mb-0">
+                   <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> Read · {{post.tagline}}
                 </a>
               </div>
@@ -166,8 +166,8 @@
               </div>
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
-                   class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   class="btn btn-primary btn-raised btn-flex mb-0">
+                   <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> Read · {{post.tagline}}
                 </a>
               </div>
@@ -184,8 +184,8 @@
               </div>
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
-                   class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   class="btn btn-primary btn-raised btn-flex mb-0">
+                   <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> Read · {{post.tagline}}
                 </a>
               </div>
@@ -201,16 +201,16 @@
 
           <div class="timeline-footer">
             <ul class="timeline-list-unstyled list-inline blog-info">
-              <li><i class="fa fa-calendar mr-1"></i> {{post.date | date: "%Y %B, %e"}}</li>
+              <li><i class="mdi mdi-calendar-blank mr-1"></i> {{post.date | date: "%Y %B, %e"}}</li>
               {% if comment_count %}
                 <!-- comment_count enabled  -->
-                <!-- <li><i class="fa fa-comments-o"></i> <a href="#"> 7 Comments</a></li> -->
-                <li><a href="#"><i class="fa fa-comments-o"></i> 7 Comments</a></li>
+                <!-- <li><i class="mdi mdi-comment"></i> <a href="#"> 7 Comments</a></li> -->
+                <li><a href="#"><i class="mdi mdi-comment"></i> 7 Comments</a></li>
               {% endif %}
             </ul>
             {% if likes_count %}
               <!-- likes_count enabled  -->
-              <a class="likes" href="#"><i class="fa fa-heart"></i> 239</a>
+              <a class="likes" href="#"><i class="mdi mdi-heart"></i> 239</a>
             {% endif %}
           </div>
         </div>

data/_layouts/default.html

@@ -62,24 +62,24 @@ layout:                                 compress
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign consent_defaults  = modules.defaults.cookie_consent.defaults %}
-{% assign consent_settings  = modules.cookie_consent.settings %}
+{% assign cookiebar_settings  = modules.cookiebar.settings %}
+{% assign cookiebar_defaults  = modules.defaults.cookiebar.defaults %}
 
 {% comment %} Webhooks disabled
 --------------------------------------------------------------------------------
-{% assign webhook_defaults  = modules.defaults.webhooks.defaults %}
-{% assign webhook_settings  = modules.webhooks.settings %}
+{% assign webhook_defaults    = modules.defaults.webhooks.defaults %}
+{% assign webhook_settings    = modules.webhooks.settings %}
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign consent_options   = consent_defaults | merge: consent_settings %}
-{% assign tooltips_options  = template_config.bootstrap.tooltips %}
-{% assign popovers_options  = template_config.bootstrap.popovers %}
+{% assign cookiebar_options   = cookiebar_defaults | merge: cookiebar_settings %}
+{% assign tooltips_options    = template_config.bootstrap.tooltips %}
+{% assign popovers_options    = template_config.bootstrap.popovers %}
 
 {% comment %} Webhooks disabled
 --------------------------------------------------------------------------------
-{% assign webhook_options   = webhook_defaults | merge: webhook_settings %}
+{% assign webhook_options     = webhook_defaults | merge: webhook_settings %}
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% assign lanes_collate     = data.layouts.default.lanes %}
@@ -159,71 +159,76 @@ layout:                                 compress
 
   </body>
 
-  {% comment %} Place|Initialize J1 Module components
+  {% comment %} Place|Initialize module components
   ------------------------------------------------------------------------------ {% endcomment %}
 
-  {% comment %} Place container for Cookie Consent Modals
+  {% comment %} Place container for Cookiebar modals
   ------------------------------------------------------------------------------ {% endcomment %}
-  {% if consent_options.enabled %}
-  <!-- [INFO   ] [j1.layout.default.html                ] [ place container for Cookie Consent Modals ] -->
-  <div id="{{consent_options.consent_modal_id}}"></div>
+  {% if cookiebar_options.enabled %}
+  <!-- [INFO   ] [j1.layout.default.html                ] [ place container for Cookiebar modals ] -->
+  <div id="{{cookiebar_options.xhr_container_id}}"></div>
   {% endif %}
 
-  {% comment %} Place container for Web Hook Modals
+  {% comment %} Place container for WebHook modals
   ------------------------------------------------------------------------------ {% endcomment %}
   {% if webhook_options.enabled %}
   <!-- [INFO   ] [j1.layout.default.html                ] [ place container for WebHook Modals ] -->
   <div id="{{webhook_options.xhr_container_id}}"></div>
   {% endif %}
 
-  {% comment %} Place container for Modal R-Text Resizer
-  ------------------------------------------------------------------------------ {% endcomment %}
-  <div class="modal fade right" id="fluidModalRTextResizer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-side modal-top-right modal-notify modal-success" role="document">
-      <!-- Content -->
-      <div class="modal-content">
-        <!--Header-->
-        <div class="modal-header">
-          <p class="lead">Text Resizer</p>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-            <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-          </button>
-        </div>
-        <!-- Body -->
-        <div class="modal-body">
-          <div class="text align-left">
-            <p>
-              Change the text size for the main window by the switches from below:
-            </p>
+  {% comment %} Place container for R-Text resizer modals (deactivated)
+  ------------------------------------------------------------------------------
+  <!-- [INFO   ] [j1.layout.default.html                ] [ place container for R-Text resizer modals ] -->
+  <div id="rtext_resizer">
+    <div class="modal fade right" id="fluidModalRTextResizer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-side modal-top-right modal-notify modal-success" role="document">
+        <!-- Content -->
+        <div class="modal-content">
+          <!--Header-->
+          <div class="modal-header">
+            <p class="lead">Text Resizer</p>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <i class="mdi mdi-close mdi-dark mdi-48px"></i>
+            </button>
           </div>
-          <div class="ml-3 mt-5 mb-5">
-            <div class="switch">
-              <label>
-                <input id="textsize-300" name="textsize-300" type="checkbox" checked>
-                300 - Default Size
-              </label>
+          <!-- Body -->
+          <div class="modal-body">
+            <div class="text align-left">
+              <p>
+                Change the text size for the main window by the switches from below:
+              </p>
             </div>
-            <div class="switch">
-              <label>
-                <input id="textsize-400" name="textsize-400" type="checkbox">
-                400 - Larger Size
-              </label>
-            </div>
-            <div class="switch">
-              <label>
-                <input id="textsize-500" name="textsize-500" type="checkbox">
-                500 - Largest Size
-              </label>
+            <div class="ml-3 mt-5 mb-5">
+              <div class="switch">
+                <label>
+                  <input id="textsize-300" name="textsize-300" type="checkbox" checked>
+                  300 - Default Size
+                </label>
+              </div>
+              <div class="switch">
+                <label>
+                  <input id="textsize-400" name="textsize-400" type="checkbox">
+                  400 - Larger Size
+                </label>
+              </div>
+              <div class="switch">
+                <label>
+                  <input id="textsize-500" name="textsize-500" type="checkbox">
+                  500 - Largest Size
+                </label>
+              </div>
             </div>
           </div>
-        </div>
-      <!-- END Content -->
+        <!-- END Content -->
+      </div>
     </div>
   </div>
-  <!-- END Modal R-Text Resizer -->
+  <!-- [INFO   ] [j1.layout.default.html                ] [ end modals for r-text resizer ] -->
+  ------------------------------------------------------------------------------ {% endcomment %}
 
-  {% comment %} Deactivated JS for R-Text
+  {% comment %} JS for R-Text (deactivated)
   ------------------------------------------------------------------------------
+  <!-- [INFO   ] [j1.layout.default.html                ] [ place JS for R-Text resizer modals ] -->
   <script>
     // Set global variables
     var environment     = '{{environment}}';
@@ -290,6 +295,7 @@ layout:                                 compress
       e.stopPropagation();
     });
   </script>
+  <!-- [INFO   ] [j1.layout.default.html                ] [ end JS for r-text resizer ] -->
   ------------------------------------------------------------------------------ {% endcomment %}
 
   {% comment %} Initialize Tooltips|Popovers

data/apps/public/cc/index.adoc

@@ -21,7 +21,7 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/banner/admin-dashboard-bootstrap-1280x800-bw.jpg
+        - url:                          /assets/images/modules/attics/banner/admin-dashboard-bootstrap-1280x800-bw.webp
           alt:                          admin-dashboard-bootstrap-1280x800-bw
 ---
 
@@ -71,7 +71,7 @@ resource_options:
   var bg_primary                = j1.getStyleValue('bg-primary', 'background-color');
 
   // $('head').append('<style>div#nc-root { background-color: ' +bg_primary+ ' !important; }</style>');
-  
+
   if (!user_state.cc_authenticated) {
     // Remove GitHub credentials to enforce explicit login
     localStorage.removeItem('netlify-cms-user');
@@ -101,7 +101,3 @@ resource_options:
 
 </script>
 ++++
-
-
-
-

data/assets/data/authclient.html

@@ -58,7 +58,7 @@ regenerate: true
 {% comment %} Liquid var initialization
 -------------------------------------------------------------------------------- {% endcomment %}
 
-{% assign production = '' %}
+{% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
 {% endif %}
@@ -139,7 +139,7 @@ regenerate: true
 {% comment %} Modal SignIn
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.authclient.html                    ] [START: Modal signin|signup] -->
-<div class="modal fade" id="modalOmniSignIn" tabindex="-1" role="dialog" aria-labelledby="modalOmniSignIn" aria-hidden="true">
+<div class="modal fade partial" id="modalOmniSignIn" tabindex="-1" role="dialog" aria-labelledby="modalOmniSignIn" aria-hidden="true">
   <div class="modal-dialog modal-lg modal-notify modal-info" role="document">
 
     <!-- Content -->
@@ -267,7 +267,7 @@ regenerate: true
 {% comment %} Modal SignOut
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.authclient.html                    ] [START: Modal signout] -->
-<div class="modal fade top" id="modalOmniSignOut" tabindex="-1" role="dialog" aria-labelledby="modalOmniSignOut" aria-hidden="true" data-backdrop="false">
+<div class="modal fade top partial" id="modalOmniSignOut" tabindex="-1" role="dialog" aria-labelledby="modalOmniSignOut" aria-hidden="true" data-backdrop="false">
   <div class="modal-dialog modal-lg modal-notify modal-warning" role="document">
     <!-- Content -->
     <div class="modal-content">
@@ -327,7 +327,7 @@ regenerate: true
 {% comment %} Modal UserStateInfo
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.authclient.html                    ] [START: Modal SIDE INFO signed in] -->
-<div class="modal fade right" id="sideModalAlreadySigneIn" tabindex="-1" role="dialog" aria-labelledby="sideModalAlreadySigneIn" aria-hidden="true" data-backdrop="false">
+<div class="modal fade right partial" id="sideModalAlreadySigneIn" tabindex="-1" role="dialog" aria-labelledby="sideModalAlreadySigneIn" aria-hidden="true" data-backdrop="false">
   <div class="modal-dialog modal-side modal-top-right modal-notify modal-success" role="document">
     <!-- Content -->
     <div class="modal-content">
@@ -355,7 +355,7 @@ regenerate: true
 {% comment %} Modal TOP INFO signed in
 --------------------------------------------------------------------------------
 <!-- [INFO   ] [j1.authclient.html                    ] [START: Modal TOP INFO signed in] -->
-<div class="modal fade top" id="modalTopInfoSignedIn" tabindex="-1" role="dialog" aria-labelledby="modalTopInfoSignedIn" aria-hidden="true" data-backdrop="false">
+<div class="modal fade top partial" id="modalTopInfoSignedIn" tabindex="-1" role="dialog" aria-labelledby="modalTopInfoSignedIn" aria-hidden="true" data-backdrop="false">
   <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
     <!-- Content -->
     <div class="modal-content">

data/assets/data/banner.html

@@ -59,7 +59,7 @@ regenerate: true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% capture banner_config_file_name %}~/_data/blocks/banner.yml{% endcapture %}
 
-{% assign production = '' %}
+{% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
 {% endif %}
@@ -193,7 +193,7 @@ regenerate: true
             <div class="row">
               <div class="{{animate}}">
                 <h1 class="g-font-weight-500 g-mb-0">{{card_title}}</h1>
-                <p class="tagline">{{card_tagline}}</p>
+                <p class="tagline mb-0">{{card_tagline}}</p>
                 <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
               </div>
             </div>

data/assets/data/{cookie_consent.html → cookiebar.html}

@@ -6,9 +6,9 @@ regenerate: true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/data/cookie_consent.html
+ # ~/assets/data/cookiebar_modals.html
  # Liquid PROCEDURE to generate the HTML (data) portion of all modals used
- # by J1 Cookie Consent module
+ # by J1 Cookiebar module
  #
  # Product/Info:
  # https://jekyll.one
@@ -26,37 +26,44 @@ regenerate: true
 
 {% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
-{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
 
 {% comment %} Set global settings
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment                   = site.environment %}
+{% assign environment     = site.environment %}
 
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign modules         = site.data.modules %}
 
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign consent_defaults              = site.data.modules.defaults.cookie_consent.defaults %}
-{% assign consent_settings              = site.data.modules.cookie_consent.settings %}
+{% assign cookie_defaults = modules.defaults.cookiebar.defaults %}
+{% assign cookie_settings = modules.cookiebar.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign consent_options               = consent_defaults | merge: consent_settings %}
+{% assign cookie_options  = cookie_defaults | merge: cookie_settings %}
 
-{% assign production = '' %}
+{% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
 {% endif %}
 
+
 {% comment %} Main
 ================================================================================ {% endcomment %}
 
 {% comment %} Modal cookie consent dialog
 -------------------------------------------------------------------------------- {% endcomment %}
-<div class="modal fade top" id="topFullCookieConsent" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false" style="display: none;">
+<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-info" role="document">
 
     <!-- Content -->
@@ -64,7 +71,7 @@ regenerate: true
 
       <!--Header-->
       <div class="modal-header">
-        <p class="lead">{{consent_options.consent_modals_title}}</p>
+        <p class="lead">{{cookie_options.consent_modals_title}}</p>
       </div>
 
       <!-- Body -->
@@ -72,40 +79,48 @@ regenerate: true
 
         <!-- About cookies -->
         <div class="px-2">
-          <p class="pt-1 pr-2">{{consent_options.policy_about}}</p>
+          <p class="pt-1 pr-2">{{cookie_options.policy_about}}</p>
         </div>
       </div> <!-- END Body -->
 
       <!-- Footer -->
       <div class="modal-footer justify-content-center">
-        {% if consent_options.buttons.policy_button %}
-        <a type="button" id="policyButton" class="btn btn-raised btn-flex btn-secondary g-mr-5 mb-3"> <i class="mdi mdi-18px mdi-dark mdi-read"></i>
-          {{consent_options.buttons.policy_button_text}}
+        {% if cookie_options.buttons.policy_button %}
+        <a id="policyButton" type="button"
+           class="btn btn-raised btn-flex btn-secondary mr-3">
+           <i class="mdi mdi-18px mdi-dark mdi-read mr-2"></i>
+           {{cookie_options.buttons.policy_button_text}}
         </a>
         {% endif %}
-        <a type="button" id="acceptButton" class="btn btn-raised btn-flex btn-info g-mr-5 mb-3" data-dismiss="modal"> <i class="mdi mdi-18px mdi-dark mdi-check"></i>
-          {{consent_options.buttons.accept_button_text}}
+        <a id="acceptButton" type="button"
+           class="btn btn-raised btn-flex btn-info mr-3"
+           data-dismiss="modal">
+           <i class="mdi mdi-18px mdi-dark mdi-check mr-2"></i>
+           {{cookie_options.buttons.accept_button_text}}
         </a>
-        {% if consent_options.buttons.decline_button %}
-        <a type="button" id="declineButton" class="btn btn-raised btn-flex btn-secondary g-mr-5 mb-3" data-dismiss="modal"> <i class="mdi mdi-18px mdi-dark mdi-close"></i>
-          {{consent_options.buttons.decline_button_text}}
+        {% if cookie_options.buttons.decline_button %}
+        <a id="declineButton" type="button"
+           class="btn btn-raised btn-flex btn-secondary"
+           data-dismiss="modal">
+           <i class="mdi mdi-18px mdi-dark mdi-close mr-2"></i>
+           {{cookie_options.buttons.decline_button_text}}
         </a>
         {% endif %}
       </div> <!-- END Footer -->
 
       <!-- Hidden Content -->
       <div class="cookie-policy">
-        {% if consent_options.buttons.policy_button_text %}
+        {% 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">{{consent_options.cookie_policy_title}}</h4>
-              <h6 class="notoc category text-gray">{{consent_options.cookie_policy_tagline | asciidocify}}</h6>
+              <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 consent_options.categories.enabled %}
+              {% if cookie_options.categories.enabled %}
               <div class="px-2">
-                <h6 class="card-subtitle text-muted mb-2">{{consent_options.categories.category_title}}</h6>
+                <h6 class="card-subtitle text-muted mb-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%;">
@@ -122,53 +137,53 @@ regenerate: true
                   <tbody>
                     <tr>
                       <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{consent_options.categories.category_session}}</p>
+                        <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">{{consent_options.categories.category_description_text}}</p>
+                        <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
                       </td>
                     </tr>
                     <tr>
                       <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{consent_options.categories.category_persistent}}</p>
+                        <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">{{consent_options.categories.category_description_text}}</p>
+                        <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
                       </td>
                     </tr>
                     <tr>
                       <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{consent_options.categories.category_first_party}}</p>
+                        <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">{{consent_options.categories.category_description_text}}</p>
+                        <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
                       </td>
                     </tr>
                     <tr>
                       <td class="tableblock halign-left valign-top">
-                        <p class="tableblock">{{consent_options.categories.category_second_party}}</p>
+                        <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">{{consent_options.categories.category_description_text}}</p>
+                        <p class="tableblock">{{cookie_options.categories.category_description_text}}</p>
                       </td>
                     </tr>
                   </tbody>
                 </table>
               </div>
               {% endif %}
-              <div class="card-description">{{ consent_options.cookie_policy_text | asciidocify}}</div>
+              <div class="card-description">{{ cookie_options.cookie_policy_text | asciidocify}}</div>
             </div>
           </div>
         </div>
@@ -182,16 +197,21 @@ regenerate: true
 
 {% comment %} Modal revoke cookies dialog
 -------------------------------------------------------------------------------- {% endcomment %}
-<div class="modal fade" id="cookieRevokeCentralDanger" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <div class="modal-dialog modal-notify modal-danger" role="document">
-      <!-- Content -->
-      <div class="modal-content">
-
+<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-->
-
+      </div>
+      <!--END Header-->
       <!-- Body -->
       <div class="modal-body">
         <div class="text-left">
@@ -226,17 +246,23 @@ regenerate: true
                 <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 mr-3"
+             data-dismiss="modal">Yes, please revoke cookie consent
+          </a>
+          <a id="remainCookies" type="button"
+             class="btn btn-raised btn-flex btn-secondary mr-3"
+             data-dismiss="modal">No, please do nothing
+          </a>
+        </div> <!-- END Footer -->
       </div> <!-- END Body -->
-
-      <!-- Footer -->
-      <div class="modal-footer justify-content-center">
-        <a type="button" id="revokeCookies" class="btn btn-raised btn-flex btn-md btn-red g-mr-5 mb-3" data-dismiss="modal">Yes, please revoke cookie consent</a>
-        <a type="button" id="remainCookies" class="btn btn-raised btn-flex btn-md btn-secondary mb-3" data-dismiss="modal">No, please do nothing</a>
-      </div>
-    </div> <!-- END Footer -->
-
-  </div> <!-- END Content -->
+    </div> <!-- END Content -->
+  </div>
 </div> <!-- END Modal -->
 {% comment %} END Modal revoke cookies dialog
 -------------------------------------------------------------------------------- {% endcomment %}