j1-template 2020.0.18 → 2020.0.24

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6b43f7ac06fb0cbf9ac00ab1e1de1be2dd10e2f4f1999c927be6d3cef47eb63b
-  data.tar.gz: c5921d13f57b0c2e314c3fd5b480c90c00df81cea9a33c30991305d5d0f11c2c
+  metadata.gz: be75a6c17cc47d3a5fae2dbde123e54fce4290e054ca7d81c0dc4e27aaaf2999
+  data.tar.gz: 9dea389c555853d67884fdf91fe7f8984b3dada8c57bdd3a456f6436a1157e71
 SHA512:
-  metadata.gz: 21b9dbb68e77835f79cdc10d2c340fec5d3120faaa03e7d922117f919b948edfe20a79c6f2a3695e1ae963cc18af31aa31b05e26a0730fb1262f557ad04dd8ae
-  data.tar.gz: 4c2c386858b786dd75efcddc67814f17b57187b3bd3709f12f35fad9a9b7c915ca38b3e138380615fb90ea3ac9a04560f01e9c3dbf04ee7048bb3ea3240d75d0
+  metadata.gz: 2af9b4326bd29387947eac424bc507c5eb7619b100df0aa60221fbeec2bc034169f16872d49adc928e8f17a3ff783b8ab23749e8204f4dd1f0185c0dd0e3dc64
+  data.tar.gz: 9606fe354203585146cb6d9c86d6d31dd2572ff7ca733e0afef90fb66a7b166c9c605d0fb4debb93c88848c5d0579fbafc999087083d5d0d7bb84e3c9467f64c

data/_includes/themes/j1/blocks/ads/ad.html

@@ -21,8 +21,8 @@
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign advertising           = site.data.template_settings.advertising.enabled %}
-{% assign advertising_provider  = site.data.template_settings.advertising.provider %}
+{% assign advertising           = site.data.j1_config.advertising.enabled %}
+{% assign advertising_provider  = site.data.j1_config.advertising.provider %}
 
 
 {% comment %} Main

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

@@ -33,11 +33,11 @@
 <!-- [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>
+  <h2 class="text-uppercase g-color-white-opacity-0_6 g-font-size-18 mb-0">{{title}}</h2>
   <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-1"></div>
   {% if justify %}
     <p class="lead text-justify">{{text}}</p>
   {% else %}

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

@@ -32,18 +32,18 @@
 <!-- [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 -->
-  <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
+  <h2 class="text-uppercase g-color-white-opacity-0_6 g-font-size-18 mb-0">{{title}}</h2>
   <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-1"></div>
 
-  <ul class="list-unstyled footer-link-list">
+  <ul class="list-unstyled link-news">
     {% for property in links %}
       {% comment %} <!-- proc - property.link: {{ property.link }} --> {% endcomment %}
       <li>
         <a href="{{property.link.href}}" target="_blank" rel="noopener noreferrer">{{property.link.title}}</a>
-        <div style="color: #555;"><small>{{property.link.tagline}}</small></div>
+        <div class="text-uppercase"><small>{{property.link.tagline}}</small></div>
       </li>
     {% endfor %}
   </ul>

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

@@ -39,11 +39,11 @@
 <!-- [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 -->
-  <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
+  <h2 class="text-uppercase g-color-white-opacity-0_6 g-font-size-18 mb-0">{{title}}</h2>
   <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-1"></div>
 
     <ul class="list-unstyled link-news">
     {% for post in posts %}

data/_includes/themes/j1/blocks/footer/generator.html

@@ -1,4 +1,4 @@
-{% comment %} 
+{% comment %}
  # -----------------------------------------------------------------------------
  # ~/_includes/templates/j1/blocks/footer/generator.html
  # Liquid TEMPLATE to create the footer for all pages
@@ -47,7 +47,7 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign footer_options        = footer_defaults | merge: footer_settings %}
 
-{% if data.template_settings.analytics.enabled %}
+{% if data.j1_config.analytics.enabled %}
   {% include analytics %}
 {% endif %}
 

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

@@ -49,14 +49,14 @@
 
 {% assign previewer            = site.data.builder.blog_navigator.previewer %}
 {% assign paginate             = paginator_options.pagination.enabled %}
-{% assign rtext                = site.data.template_settings.typography.rtext %}
+{% assign rtext                = site.data.j1_config.typography.rtext %}
 {% assign page_rtext           = page.rtext %}
 {% assign page_rtext_size      = page.rtext_size %}
 
 {% comment %} rtext|size detection
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if rtext %}
-  {% assign rtext_size = site.data.template_settings.typography.rtext_size %}
+  {% assign rtext_size = site.data.j1_config.typography.rtext_size %}
 {% else %}
   {% assign rtext_size = 0 %}
 {% endif %}
@@ -68,17 +68,18 @@
   <!-- split page to place a sidebar e.g. the document TOC -->
   <!-- no sidebar, mr-* disabled -->
   <!-- div class="container mr-5 mb-5" -->
-  <div class="container mb-5">
-    <div class="row">
+  <!-- div class="container mb-5" -->
+    <!-- div class="row" -->
 
       <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <main class="container r-text-{{rtext_size}} js-toc-content mb-5">
 
         {% comment %} Blog Navigator
         ------------------------------------------------------------------------ {% endcomment %}
-        <!-- Content placed by blog_archive_content.html -->
-        <div id="blog_navigator" class="row">
-          <div class="col-md-12" role="main">
+        <!-- Content placed by layouts/content_generator_blog_archive.html -->
+        <!-- div id="blog_navigator" class="row" -->
+        <div id="blog_navigator">
+          <!-- div class="col-md-12" role="main" -->
 
             <div id="article_navigator">
 
@@ -99,7 +100,8 @@
                   <h2 id="post-headline" class="mt-4">Navigator</h2>
                 </div> -->
 
-                <nav class="paginator ml-3">
+                <!-- nav class="paginator ml-3" -->
+                <nav class="paginator">
                   <ul class="pagination raised-z0">
 
                     <li class="page-item"><a class="page-link" href="{{category_view}}" title="View by Category">By Category</a></li>
@@ -134,7 +136,8 @@
                 {% comment %} Display pagination links if any
                 ---------------------------------------------------------------- {% endcomment %}
                 {% if paginator.total_pages > 1 %}
-                <nav class="paginator ml-3">
+                <!-- nav class="paginator ml-3" -->
+                <nav class="paginator">
                   <ul class="pagination raised-z0">
                     {% if paginator.previous_page %}
                       {% if paginator.previous_page > 1 %}
@@ -160,7 +163,8 @@
                 </nav>
                 {% endif %}
 
-                <div class="view-description ml-3 mb-3">
+                <!-- div class="view-description ml-3 mb-3" -->
+                <div class="view-description mb-3">
                   {{article_previewer_description}}
                 </div>
 
@@ -189,7 +193,7 @@
             {% comment %} End Article Previewer
             -------------------------------------------------------------------- {% endcomment %}
 
-          </div> <!-- end col-md-12 -->
+          <!-- /div --> <!-- end col-md-12 -->
         </div> <!-- end row blog_navigator -->
 
         <!-- End Content placed by blog_archive_content.html -->
@@ -222,6 +226,7 @@
 
         var dependencies_blog_generator = setInterval(function() {
           if ( j1.adapter.themer.getState() == 'finished' ) {
+            // [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ]
             var cookie_names                = j1.getCookieNames();
             const user_state_cookie_name    = cookie_names.user_session;
             var user_state                  = j1.readCookie(user_state_cookie_name);
@@ -231,10 +236,6 @@
               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);
             }
@@ -242,6 +243,8 @@
       });
       </script>
 
-    </div> <!-- end row -->
-  </div> <!-- end container -->
+    <!-- /div --> <!-- end row -->
+  <!-- /div --> <!-- end container -->
+
+
   <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [ end content ] -->

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

@@ -25,7 +25,7 @@
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config   = site.data.template_settings %}
+{% assign template_config   = site.data.j1_config %}
 {% assign blocks            = site.data.blocks %}
 {% assign modules           = site.data.modules %}
 
@@ -52,7 +52,7 @@
 {% endif %}
 
 {% if rtext %}
-  {% assign rtext_size = site.data.template_settings.typography.rtext_size %}
+  {% assign rtext_size = site.data.j1_config.typography.rtext_size %}
 {% else %}
   {% assign rtext_size = 0 %}
 {% endif %}
@@ -70,7 +70,7 @@
     ---------------------------------------------------------------------------- {% endcomment %}
     {% if sidebar == false %}
       <!-- FULL page - no sidebar for page toc -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <main class="r-text-{{rtext_size}} js-toc-content">
 
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
@@ -93,7 +93,7 @@
     {% else %}
       <!-- SPLIT page. Place a sidebar e.g. for the document toc -->
       <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <main class="r-text-{{rtext_size}} js-toc-content">
 
         <!-- Include a pager at top position -->
         {% include {{pager}} %}

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

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
  # ~/_includes/themes/j1/layouts/content_generator_page.html
- # Liquid template to create the content portion for pages of type PAGE
+ # Liquid template to create the content portion for pages
  #
  # Product/Info:
  # https://jekyll.one
@@ -29,79 +29,31 @@
 
 {% 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 %}
+{% assign template_config   = site.data.j1_config %}
 
 {% comment %} set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign toccer_options    = toccer_defaults | merge: toccer_settings %}
-{% assign tocbot_enabled    = toccer_options.enabled %}
-
-{% assign rtext             = site.data.template_settings.typography.rtext %}
+{% assign rtext             = site.data.j1_config.typography.rtext %}
 {% assign page_rtext        = page.rtext %}
 {% assign page_rtext_size   = page.rtext_size %}
 {% assign page_toccer       = page.toccer %}
 {% assign page_toc          = page.toc %}
 
-{% if tocbot_enabled and page_toc or page_toccer %}
-  {% assign sidebar  = true %}
-{% else %}
-  {% assign sidebar  = false %}
-{% endif %}
-
 {% if rtext %}
-  {% assign rtext_size = site.data.template_settings.typography.rtext_size %}
+  {% assign rtext_size = site.data.j1_config.typography.rtext_size %}
 {% else %}
   {% assign rtext_size = 0 %}
 {% endif %}
 
-
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin content ] -->
-<!-- div class="container mr-5 mb-5" -->
-<!-- no sidebar, mr-* disabled -->
-  <div class="container mb-5">
-  <div class="row">
-
-    {% if sidebar == false %}
-      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ start main for full page ] -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
-        <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] -->
-        {{content}}
-      </main>
-      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for full page ] -->
-    {% else %}
-      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ start main for split page (TOC) ] -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
-      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
-        <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] -->
-        {{ content }}
-
-        {% comment %} Place additional headline for comments
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% if page.comments %}
-        <h2 id="comments_leave_comment"> Leave a Comment </h2>
-        {% endif %}
-      </main>
-      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for split page (TOC) ] -->
-      {% comment %} Place Sidebar|Tocbot
-      -------------------------------------------------------------------------- {% endcomment %}
-      <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
-      {% comment %} tocbot and page_navigation (not used anymore)
-      --------------------------------------------------------------------------
-      <aside class="col-md-3 d-none d-md-block sticky">
-        <div id="sidebar">
-          <div id="j1-toc-mgr" class="toc js-toc"></div>
-        </div>
-      </aside>
-      -------------------------------------------------------------------------- {% endcomment %}
-    {% endif %} <!-- endif sidebar -->
-
-  </div> <!-- end row -->
-</div> <!-- end container -->
-<!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end place content ] -->
+<!-- [INFO   ] [j1.layout.content_generator_page.html ] [ start main for full page ] -->
+<main class="r-text-{{rtext_size}} js-toc-content">
+  <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] -->
+  {{content}}
+  <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end place content ] -->
+</main>
+<!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for full page ] -->
 
 {% comment %} Calc|Write the Back URL
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -111,7 +63,7 @@
   {% capture browser_page_url %}{{page.url}}{% endcapture %}
 {% endif %}
 
-<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current ArticleBrowser page to UserState cookie] -->
+<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current page to UserState cookie] -->
 <!-- script>
         var logger   = log4javascript.getLogger("j1.page.{{page.title|downcase}}.init");
         var cookieUserState = 'j1.user.state'

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

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
  # ~/_includes/themes/j1/layouts/content_generator_post.html
- # Liquid template to create the content portion for pages of type POST
+ # Liquid template to create the content portion for posts
  #
  # Product/Info:
  # https://jekyll.one
@@ -27,37 +27,25 @@
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config   = site.data.template_settings %}
+{% assign template_config   = site.data.j1_config %}
 {% assign blocks            = site.data.blocks %}
 {% assign modules           = site.data.modules %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign toccer_defaults   = modules.defaults.toccer.defaults %}
-{% assign toccer_settings   = modules.toccer.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign toccer_options    = toccer_defaults | merge: toccer_settings %}
-{% assign tocbot_enabled    = toccer_options.enabled %}
 
- {% assign rtext            = site.data.template_settings.typography.rtext %}
- {% assign page_rtext       = page.rtext %}
- {% assign page_rtext_size  = page.rtext_size %}
- {% assign page_toccer      = page.toccer %}
- {% assign page_toc         = page.toc %}
+{% assign rtext            = site.data.j1_config.typography.rtext %}
+{% assign page_rtext       = page.rtext %}
+{% assign page_rtext_size  = page.rtext_size %}
 
- {% if page_toc and tocbot_enabled %}
-   {% assign sidebar  = true %}
- {% else %}
-   {% assign sidebar  = false %}
- {% endif %}
-
- {% if rtext %}
-   {% assign rtext_size = site.data.template_settings.typography.rtext_size %}
- {% else %}
-   {% assign rtext_size = 0 %}
- {% endif %}
+{% if rtext %}
+ {% assign rtext_size = site.data.j1_config.typography.rtext_size %}
+{% else %}
+ {% assign rtext_size = 0 %}
+{% endif %}
 
 
 {% comment %} Main
@@ -75,149 +63,63 @@
 
   {% comment %} Blog post CONTENT
   ------------------------------------------------------------------------------ {% endcomment %}
-
-  {% if sidebar == false %}
-    <!-- FULL page - no sidebar for page toc -->
-    <div class="row">
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
-        <!-- Include a pager at top position -->
-        {% include {{pager}} %}
-        <!-- div class="featured-headline" -->
-        <div class="post-headline mt-4">
-          <h2 class="notoc">{{ page.date | date_to_long_string }}</h2>
+  <!-- FULL page - no sidebar for page toc -->
+  <div class="row">
+    <main class="r-text-{{rtext_size}} js-toc-content">
+      <!-- Include a pager at top position -->
+      {% include {{pager}} %}
+      <!-- div class="featured-headline" -->
+      <div class="post-headline mt-4">
+        <h2 class="notoc">{{ page.date | date_to_long_string }}</h2>
+      </div>
+
+      {% comment %} Place Blog post SERIES Navigation
+      ------------------------------------------------------------------------ {% endcomment %}
+      {% if page.series %}
+      <header class="bmd-layout-header">
+        <!-- div class="navbar navbar-dark bg-primary raised-z2 mb-4" -->
+        <div class="navbar navbar-dark bg-primary raised-z2">
+          <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
+            <span class="mdi mdi-menu mdi-2x"></span>
+          </button>
+          <ul class="nav navbar-nav">
+            <li class="nav-item">
+              <span class="navbar-text">Series: {{page.series}}</span>
+            </li>
+          </ul>
         </div>
-
-        {% comment %} Place Blog post SERIES Navigation
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% if page.series %}
-        <nav class="nav bmd-layout-container custom-size-350 bmd-drawer-f-l">
-
-          <header class="bmd-layout-header">
-            <!-- div class="navbar navbar-dark bg-primary raised-z2 mb-4" -->
-            <div class="navbar navbar-dark uno-bg-primary raised-z2 mb-4">
-              <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
-                <span class="mdi mdi-menu mdi-2x"></span>
-              </button>
-              <ul class="nav navbar-nav">
-                <li class="nav-item">
-                  <span class="navbar-text">Series: {{page.series}}</span>
-                </li>
-              </ul>
-            </div>
-          </header>
-
-          <!-- Drawer content -->
-          <div id="post_navigator" class="bmd-layout-drawer bg-faded">
-            <header><a class="navbar-brand ml-3 mb-3">{{page.title}}</a></header>
-            <!--  Series Navigator -->
-            {% comment %}{% include {{create_series_header}} page=page post=post readmore=page.readmore %}{% endcomment %}
-            {% include {{create_series_header}} page=page post=post readmore=false %}
-          </div>
-        {% endif %}
-        {% comment %} END SERIES Navigation
-        ------------------------------------------------------------------------ {% endcomment %}
-
-        {% comment %} Inherit CONTENT
-        ------------------------------------------------------------------------ {% endcomment %}
-        <!-- Content placed by post_content.html -->
-        <main class="bmd-layout-content">
-        {{content}}
-
-        {% comment %} Place additional headline for comments
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% if page.comments %}
-        <h2 id="comments_leave_comment"> Leave a Comment </h2>
-        {% endif %}
-        </main>
-        <!-- End Content placed by post_content.html -->
-
-      {% if page.series %}</nav>{% endif %}
-
-      </div> <!-- end col-md-12 -->
-    </div> <!-- end row -->
-  {% else %}
-    <!-- SPLIT page. Place a sidebar e.g. for the document toc -->
-    <div class="row">
-      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
-
-        <!-- Include a pager at top position -->
-        {% include {{pager}} %}
-        <div class="post-headline mt-4">
-          <h2 id="blog_article_navigator" class="notoc">{{ page.date | date_to_long_string }}</h2>
+      </header>
+
+      <nav class="nav bmd-layout-container custom-size-350 bmd-drawer-f-l">
+        <!-- Drawer content -->
+        <div id="post_navigator" class="bmd-layout-drawer bg-faded">
+          <!-- header><a class="navbar-brand ml-3 mb-3">{{page.title}}</a></header -->
+          <header><a class="navbar-brand mb-3">{{page.title}}</a></header>
+          <!--  Series Navigator -->
+          {% comment %}{% include {{create_series_header}} page=page post=post readmore=page.readmore %}{% endcomment %}
+          {% include {{create_series_header}} page=page post=post readmore=false %}
         </div>
+      {% endif %}
+      {% comment %} END SERIES Navigation
+      ------------------------------------------------------------------------ {% endcomment %}
 
-        {% comment %} Place Blog post SERIES Navigation
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% if page.series %}
-        <nav class="nav bmd-layout-container custom-size-350 bmd-drawer-f-l">
-
-          <header class="bmd-layout-header">
-            <!-- div class="navbar navbar-dark bg-primary raised-z2 mb-4" -->
-            <div class="navbar navbar-dark uno-bg-primary raised-z2 mb-4">
-              <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
-                <span class="mdi mdi-menu mdi-2x"></span>
-              </button>
-              <ul class="nav navbar-nav">
-                <li class="nav-item">
-                  <span class="navbar-text">Series: {{page.series}}</span>
-                </li>
-              </ul>
-            </div>
-          </header>
-
-          <script>
-          // See: https://jsfiddle.net/prathviraj080/vbbbw46a/1/
-          $('button.drawer-toggler').click(function(){
-            $('button.drawer-toggler span.mdi').toggleClass('mdi-menu mdi-close');
-          });
-          $('button.drawer-toggler').click(function(){
-            $('button.drawer-toggler').toggleClass('fadeIn rotateIn');
-          });
-          </script>
-
-          <!-- Drawer content -->
-          <div id="post_navigator" class="bmd-layout-drawer bg-faded">
-            <span class="navbar-brand mt-2 ml-3" style="font-weight: 500;">{{page.series|upcase}}</span>
-            <!--  Series Navigator -->
-            {% comment %}{% include {{create_series_header}} page=page post=post readmore=page.readmore %}{% endcomment %}
-            {% include {{create_series_header}} page=page post=post readmore=false %}
-          </div>
-        {% endif %}
-        {% comment %} END SERIES Navigation
-        ------------------------------------------------------------------------ {% endcomment %}
-
-        {% comment %} Inherit CONTENT
-        ------------------------------------------------------------------------ {% endcomment %}
-        <!-- Content placed by post_content.html -->
-        <main class="bmd-layout-content">
-        {{content}}
-
-        {% comment %} Place additional headline for comments
-        ------------------------------------------------------------------------ {% endcomment %}
-        {% if page.comments %}
-        <h2 id="comments_leave_comment"> Leave a Comment </h2>
-        {% endif %}
-        </main>
-        <!-- End Content placed by post_content.html -->
-
-        {% if page.series %}</nav>{% endif %}
-
-      </main> <!-- end col-md-9 -->
-
-      {% comment %} Place Sidebar|Tocbot
-      -------------------------------------------------------------------------- {% endcomment %}
-      <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
-      {% comment %} tocbot and page_navigation (not used anymore)
-      --------------------------------------------------------------------------
-      <aside class="col-md-3 d-none d-md-block sticky">
-        <div id="sidebar">
-          <div id="j1-toc-mgr" class="toc js-toc"></div>
-        </div>
-      </aside>
-      -------------------------------------------------------------------------- {% endcomment %}
-    </div> <!-- end row -->
-  {% endif %} <!-- endif sidebar -->
+      {% comment %} Inherit CONTENT
+      ------------------------------------------------------------------------ {% endcomment %}
+      <!-- Content placed by post_content.html -->
+
+      {{content}}
+
+      {% comment %} Place additional headline for comments
+      ------------------------------------------------------------------------ {% endcomment %}
+      {% if page.comments %}
+      <h2 id="comments_leave_comment"> Leave a comment </h2>
+      {% endif %}
+      <!-- End Content placed by post_content.html -->
+
+    {% if page.series %}</nav>{% endif %}
+
+    </div> <!-- end col-md-12 -->
+  </div> <!-- end row -->
 
   {% comment %} END Blog post CONTENT
   ------------------------------------------------------------------------------ {% endcomment %}