j1-template 2021.0.8 → 2021.0.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4b2ff92ccb589e2d651e39978eaacca4ed60ac3878a5c9ad7ceee5e3b675649c
-  data.tar.gz: 6c8f6fec4297206ccef50fdd8f9999c04ef04c8f159b8266a593f7dd6049b118
+  metadata.gz: 13942b6ec78f4425ae17a92e9e1dd974feaf522e85f652d9317ebf3d31d71a64
+  data.tar.gz: fcdd9cd6204c104cb1954c8fe18f7a54b45c36b384a07172686bc4480f6f59dc
 SHA512:
-  metadata.gz: b6e8dbc800b0ca3daaf8d8e1ef22e45b1bdaf484bbe9f26a02f0ce9854cfcc809e9ad10df2901de3845184d4019a6dfc0c90aa9ba1452acf097ea0ce55f8afac
-  data.tar.gz: cf4e31463bf4cc95ea5e1ce8e18f523a18d173e9eb979e0cbbc1a98c15242d6705bb58b08d30fe2c31a49fdc77e1bf2d6dd15fee12c763f4dd18c2bb447df56e
+  metadata.gz: 56f549fdacfec56b84e8f08c8b4282595f055ccefe679c9544edf785b1b2ca3cc949023f2c39574bb26ae146e50b30263c651db54e3e221a7c61767878b6faa5
+  data.tar.gz: 351c453b4b4fd28f3be47ebfd6e609e6b798e56d6cd6c54bff74c5230c8bcb24c6431737084bd3840f775cd797274e0a5c87b87562ee91c277d0590a843bbf61

data/_includes/themes/j1/procedures/global/create_bs_button.proc

@@ -75,7 +75,7 @@
     {% endfor %}
 
     {% if button_href and button_target %}
-      {% capture bs_button_html %}<a href="{{button_href}}" target="{{ button_target }}" class="{{button_class}}" style="{{button_style}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
+      {% capture bs_button_html %}<a href="{{button_href}}" target="{{ button_target }}" rel="noopener" class="{{button_class}}" style="{{button_style}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
     {% elsif button_href %}
       {% capture bs_button_html %}<a href="{{button_href}}" class="{{button_class}}" style="{{button_style}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
     {% else %}

data/assets/data/menu.html

@@ -192,13 +192,13 @@ regenerate:                             true
               {% if level_1.target == null %}
                 <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}">{{ level_1.title }}</a></li>
               {% else %}
-                <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}" target="{{ level_1.target }}">{{ level_1.title }}</a></li>
+                <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}" target="{{ level_1.target }}" rel="noopener">{{ level_1.title }}</a></li>
               {% endif %}
             {% else %}
               {% if level_1.target == null %}
                 <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_1.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_1.title }}</a></li>
               {% else %}
-                <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}" target="{{ level_1.target }}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_1.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_1.title }}</a></li>
+                <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}" target="{{ level_1.target }}" rel="noopener"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_1.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_1.title }}</a></li>
               {% endif %}
             {% endif %}
           {% endif %}
@@ -219,13 +219,13 @@ regenerate:                             true
                       {% if level_2.target == null %}
                         <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}">{{ level_2.title }}</a></li>
                       {% else %}
-                        <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}" target="{{ level_2.target }}">{{ level_2.title }}</a></li>
+                        <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}" target="{{ level_2.target }}" rel="noopener">{{ level_2.title }}</a></li>
                       {% endif %}
                     {% else %}
                       {% if level_2.target == null %}
                         <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_2.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_2.title }}</a></li>
                       {% else %}
-                        <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}" target="{{ level_2.target }}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_2.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_2.title }}</a></li>
+                        <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}" target="{{ level_2.target }}" rel="noopener"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_2.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_2.title }}</a></li>
                       {% endif %}
                     {% endif %}
                   {% endif %}
@@ -245,13 +245,13 @@ regenerate:                             true
                           {% if level_3.target == null %}
                             <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}">{{ level_3.title }}</a></li>
                           {% else %}
-                            <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}" target="{{ level_3.target }}">{{ level_3.title }}</a></li>
+                            <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}" target="{{ level_3.target }}" rel="noopener">{{ level_3.title }}</a></li>
                           {% endif %}
                         {% else %}
                           {% if level_3.target == null %}
                             <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_3.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_3.title }}</a></li>
                           {% else %}
-                            <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}" target="{{ level_3.target }}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_3.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_3.title }}</a></li>
+                            <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}" target="{{ level_3.target }}" rel="noopener"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_3.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_3.title }}</a></li>
                           {% endif %}
                         {% endif %}
                         {% if level_3.divider %} <li class="divider"></li> {% endif %}
@@ -299,9 +299,9 @@ regenerate:                             true
                 <ul class="menu-col">
                 {% for links in megabox.column %}
                   {% if links.icon == null %}
-                    <li class="dropdown-megamenu-item"><a href="{{links.href}}{{ext}}" target="{{ links.target }}">{{links.title}}</a></li>
+                    <li class="dropdown-megamenu-item"><a href="{{links.href}}{{ext}}" target="{{ links.target }}" rel="noopener">{{links.title}}</a></li>
                   {% else %}
-                    <li class="dropdown-megamenu-item"><a href="{{links.href}}{{ext}}" target="{{ links.target }}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{links.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{links.title}}</a></li>
+                    <li class="dropdown-megamenu-item"><a href="{{links.href}}{{ext}}" target="{{ links.target }}" rel="noopener"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{links.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{links.title}}</a></li>
                   {% endif %}
                 {% endfor %}
                 </ul>
@@ -327,14 +327,14 @@ regenerate:                             true
           {% if menu.target == null %}
             <li class="nav-item"> <a class="nav-link" href="{{ menu.href }}{{ext}}">{{ menu.item }}</a> </li>
           {% else %}
-            <li class="nav-item"> <a class="nav-link" href="{{ menu.href }}{{ext}}" target="{{ menu.target }}">{{ menu.item }}</a> </li>
+            <li class="nav-item"> <a class="nav-link" href="{{ menu.href }}{{ext}}" target="{{ menu.target }}" rel="noopener">{{ menu.item }}</a> </li>
           {% endif %}
         {% elsif menu.icon %}
           <!-- [INFO   ] [j1.modules.navigator.menu.html  ] [no icon for menu-item found -->
           {% if menu.target == null %}
             <li> <a class="nav-link" href="{{ menu.href }}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{menu.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i> {{ menu.item }}</a> </li>
           {% else %}
-            <li> <a class="nav-link" href="{{ menu.href }}{{ext}}" target="{{ menu.target }}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{menu.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i> {{ menu.item }}</a> </li>
+            <li> <a class="nav-link" href="{{ menu.href }}{{ext}}" target="{{ menu.target }}" rel="noopener"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{menu.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i> {{ menu.item }}</a> </li>
           {% endif %}
         {% else %}
           <!-- [FATAL ] [nav_menu.menu-top-level-only       ] [processing menu item failed] -->
@@ -465,35 +465,6 @@ regenerate:                             true
   {% endfor %}
   <!-- [INFO   ] [j1.modules.navigator.menu.html  ] [nav_menu_settings: end menu] -->
   </ul>
-
-  <style>
-  /* jadams, 2021-02-16: unclear why global styles defined in CSS file */
-  /* (bootsttrap.css) not applied. For that reason, given locally for now */
-  .scrollable-menu {
-      height: auto;
-      max-height: 300px;
-      overflow-x: hidden;
-  }
-
-  .scrollable-menu::-webkit-scrollbar {
-      -webkit-appearance: none;
-      width: 12px;
-      background-color: #f5f5f5;
-  }
-
-  .scrollable-menu::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
-    background-color: #424242;
-  }
-
-  .scrollable-menu::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-    border-radius: 0px;
-    background-color: #f5f5f5;
-  }
-  </style>
-
   <!-- [INFO   ] [j1.modules.navigator.menu.html  ] [nav_menu_settings: end navbar] -->
   <!-- [INFO   ] [j1.modules.navigator.menu.html  ] [nav_menu_settings: end processing] -->
 {% endcapture %}

data/assets/themes/j1/adapter/js/fam.js

@@ -396,16 +396,39 @@ j1.adapter['fam'] = (function (j1, window) {
       var currentNode;
       var prev_node;
       var anchor_id;
+      var index                = 0;
+      var maxNode              = $(nodes).length-1;
+      var $toc                 = $('#sidebar');
+      var current_header_id    = $toc.find('.is-active-link').attr('href');
+      var toccerScrollDuration = {{toccer_options.scrollSmoothDuration}};
+      var toccerScrollOffset   = {{toccer_options.scrollSmoothOffset}};
+
+      // Scroll offset correction if mobile or window width <= 992
+      // For smaller window sizes, the height of the menubar changes
+      //
+      // if (j1.core.isMobile() || $(window).width() <= 992) { scrollOffset += 30; }
+
+      // calculate offset for correct (smooth) scroll position
+      //
+      var $pagehead       = $('.attic');
+      var $navbar         = $('nav.navbar');
+      var $adblock        = $('#adblock');
+
+      var navbarType      = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
+      var fontSize        = $('body').css('font-size').replace('px','');
+      var start           = window.pageYOffset;
+
+      var l               = parseInt(fontSize);
+
+      var h               = $pagehead.length ? $pagehead.height() : 0;
+      var n               = $navbar.length ? $navbar.height() : 0;
+      var a               = $adblock.length ? $adblock.height() : 0;
 
-      var index             = 0;
-      var maxNode           = $(nodes).length - 1;
-      var $toc              = $('#sidebar');
-      var current_header_id = $toc.find('.is-active-link').attr('href');
-      var scrollDuration    = {{toccer_options.scrollSmoothDuration}};
-      var scrollOffset      = {{toccer_options.scrollSmoothOffset}};
+      var scrollOffset    = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
 
-      // Correction if mobile (offset: desktop -90px, mobile -80px)
-      scrollOffset          = j1.core.isMobile() ? scrollOffset + 10 : scrollOffset;
+      // static offset, to be checked why this is needed
+      //
+      scrollOffset        = scrollOffset + toccerScrollOffset;
 
       nodes.each(function () {
         currentNode = $(this).find(current_header_id);
@@ -418,7 +441,7 @@ j1.adapter['fam'] = (function (j1, window) {
             anchor_id           = '#' + previous_header_id;
 
             j1.core.scrollSmooth.scroll( anchor_id, {
-              duration: scrollDuration,
+              duration: toccerScrollDuration,
               offset: scrollOffset,
               callback: null
             });
@@ -439,12 +462,12 @@ j1.adapter['fam'] = (function (j1, window) {
       var nextNode;
       var next_header_id;
       var next_anchor_id;
-      var index             = 0;
-      var maxNode           = $(nodes).length-1;
-//    var maxNode           = $(nodes).length;
-      var $toc              = $('#sidebar');
-      var scrollDuration    = {{toccer_options.scrollSmoothDuration}};
-      var scrollOffset      = {{toccer_options.scrollSmoothOffset}};
+      var index                 = 0;
+      var maxNode               = $(nodes).length-1;
+      var $toc                  = $('#sidebar');
+      var scrollDuration        = {{toccer_options.scrollSmoothDuration}};
+      var toccerScrollDuration  = {{toccer_options.scrollSmoothDuration}};
+      var toccerScrollOffset    = {{toccer_options.scrollSmoothOffset}};
 
       current_header_id = $toc.find('.is-active-link').attr('href');
       nodes.each(function () {
@@ -453,28 +476,37 @@ j1.adapter['fam'] = (function (j1, window) {
           if (index == maxNode) {
             return false;
           } else {
-//          nextNode              = nodes[index];
-//          next_header_id        = $(nextNode).find(':header').first()[0].id;
-//          anchor_id             = '#' + next_header_id;
             nextNode              = nodes[index+1];
             next_header_id        = $(nextNode).find(':header').first()[0].id;
             next_anchor_id        = '#' + next_header_id;
 
-            // Correction if mobile (offset: desktop -90px, mobile -80px)
-            scrollOffset          = j1.core.isMobile() ? scrollOffset + 10 : scrollOffset;
+            // calculate offset for correct (smooth) scroll position
+            //
+            var $pagehead       = $('.attic');
+            var $navbar         = $('nav.navbar');
+            var $adblock        = $('#adblock');
+
+            var navbarType      = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
+            var fontSize        = $('body').css('font-size').replace('px','');
+            var start           = window.pageYOffset;
+
+            var l               = parseInt(fontSize);
 
-            // j1.core.scrollSmooth.scroll( next_anchor_id, {
-            //   duration: scrollDuration,
-            //   offset: scrollOffset,
-            //   callback: tocbot.refresh()
-            // });
+            var h               = $pagehead.length ? $pagehead.height() : 0;
+            var n               = $navbar.length ? $navbar.height() : 0;
+            var a               = $adblock.length ? $adblock.height() : 0;
+
+            var scrollOffset    = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
+
+            // static offset, to be checked why this is needed
+            //
+            scrollOffset        = scrollOffset + toccerScrollOffset;
 
             j1.core.scrollSmooth.scroll( next_anchor_id, {
-              duration: scrollDuration,
+              duration: toccerScrollDuration,
               offset: scrollOffset,
               callback: null
             });
-
           }
         }
         index < maxNode ? index++ : index;

data/assets/themes/j1/adapter/js/mmenu.js

@@ -311,10 +311,15 @@ j1.adapter['mmenu'] = (function (j1, window) {
 
             // jadams, 2020-09-30: loading the menues (themes) if enabled
             if (themerEnabled) {
-              // from Bootswatch API (set localFeed EMPTY)
-              $('#remote_themes_mmenu').bootstrapThemeSwitcher({localFeed: ''});
-              // load (local) J1 themes (default settings) from JSON data
-              $('#local_themes_mmenu').bootstrapThemeSwitcher();
+              // load REMOTE themes from Bootswatch API (localFeed EMPTY!)
+              $('#remote_themes_mmenu').bootstrapThemeSwitcher({
+                localFeed: '',
+                bootswatchApiVersion: themerOptions.bootswatchApiVersion
+              });
+              // load LOCAL themes from JSON data
+              $('#local_themes_mmenu').bootstrapThemeSwitcher({
+                localFeed: themerOptions.localThemes
+              });
             }
 
             $('#{{item.menu.content.id}}').show();

data/assets/themes/j1/adapter/js/navigator.js

@@ -347,14 +347,21 @@ j1.adapter['navigator'] = (function (j1, window) {
                 logText = 'theme switcher detect: enabled';
                 logger.info(logText);
 
-                // load remote themes (Bootswatch API)
-                logText = 'load remote themes (Bootswatch API)';
+                logText = 'load themes';
                 logger.info(logText);
-                $('#remote_themes').bootstrapThemeSwitcher({localFeed: ''});
-                // load local themes (json file)
+
+                // load REMOTE themes from Bootswatch API (localFeed EMPTY!)
+                $('#remote_themes').bootstrapThemeSwitcher({
+                  localFeed: '',
+                  bootswatchApiVersion: themerOptions.bootswatchApiVersion
+                });
+
+                // load LOCAL themes from JSON data
                 logText = 'load local themes (json file)';
                 logger.info(logText);
-                $('#local_themes').bootstrapThemeSwitcher({localFeed: themerOptions.localThemes});
+                $('#local_themes').bootstrapThemeSwitcher({
+                  localFeed: themerOptions.localThemes
+                });
                 clearInterval(dependencies_met_page_finished);
               }
               _this.setState('initialized');

data/assets/themes/j1/adapter/js/themer.js

@@ -187,7 +187,8 @@ j1.adapter['themer'] = (function (j1, window) {
 
       j1.writeCookie({
         name: cookie_user_state_name,
-        data: user_state
+        data: user_state,
+        expires: 365                                                            // was missing
       });
 
       // jadams, 2021-01-03: dependency has to be checked in more detail
@@ -196,10 +197,19 @@ j1.adapter['themer'] = (function (j1, window) {
         if (j1.getState() == 'finished') {
           if (themerOptions.enabled) {
             // enable BS ThemeSwitcher
+            //
             logger.info('themes detected as: enabled');
             logger.info('theme is being initialized: ' + user_state.theme_name);
 
+            // jadams, 2021-02-22: make sure that remote themes are loaded
+            // max retries = max_count
+
+            // load list of remote themes
+            //
             if ( $('#remote_themes').length ) {
+              var interval_count = 0;
+              var max_count      = themerOptions.retries;
+
               /* eslint-disable */
               // initialize Bootswatch Theme Switcher
               $('#remote_themes').bootstrapThemeSwitcher.defaults = {
@@ -223,6 +233,46 @@ j1.adapter['themer'] = (function (j1, window) {
               }
               /* eslint-enable */
 
+              // jadams, 2021-02-16: load checking disabled. Seem does NOT
+              // solve the problem
+
+              // var dependencies_met_remote_themes_loaded = setInterval(function() {
+              //   interval_count += 1;
+              //   if ( document.getElementById("remote_themes").getElementsByTagName("li").length == 0  ) {
+              //     /* eslint-disable */
+              //     // initialize Bootswatch Theme Switcher
+              //     $('#remote_themes').bootstrapThemeSwitcher.defaults = {
+              //       debug:                    themerOptions.debug,
+              //       saveToCookie:             themerOptions.saveToCookie,
+              //       cssThemeLink:             themerOptions.cssThemeLink,
+              //       cookieThemeName:          themerOptions.cookieThemeName,
+              //       cookieDefaultThemeName:   themerOptions.cookieDefaultThemeName,
+              //       cookieThemeCss:           themerOptions.cookieThemeCss,
+              //       cookieThemeExtensionCss:  themerOptions.cookieThemeExtensionCss,
+              //       cookieExpiration:         themerOptions.cookieExpiration,
+              //       cookiePath:               themerOptions.cookiePath,
+              //       defaultCssFile:           themerOptions.defaultCssFile,
+              //       bootswatchApiUrl:         themerOptions.bootswatchApiUrl,
+              //       bootswatchApiVersion:     themerOptions.bootswatchApiVersion,
+              //       loadFromBootswatch:       themerOptions.loadFromBootswatch,
+              //       localFeed:                themerOptions.localThemes,
+              //       excludeBootswatch:        themerOptions.excludeBootswatch,
+              //       includeBootswatch:        themerOptions.includeBootswatch,
+              //       skipIncludeBootswatch:    themerOptions.skipIncludeBootswatch
+              //     }
+              //     /* eslint-enable */
+              //   } else {
+              //     logger.info('remote themes loaded: successfully');
+              //     logger.debug('remote themes loaded: successfully after: ' + interval_count * 25 + ' ms');
+              //     clearInterval(dependencies_met_remote_themes_loaded);
+              //   }
+              //   if (interval_count > max_count) {
+              //     logger.warn('remote themes loading: failed');
+              //     logger.warn('continue processing');
+              //     clearInterval(dependencies_met_remote_themes_loaded);
+              //   }
+              // }, 25);
+
               logger.info('theme loaded: ' + user_state.theme_name);
               logger.info('theme css file: ' + user_state.theme_css);
               _this.setState('finished');

data/assets/themes/j1/adapter/js/toccer.js

@@ -194,23 +194,23 @@ j1.adapter['toccer'] = (function () {
             // calculate (tocbot page) offset DYMICALLY for correct
             // smoothscroll position
             //
-            var $pagehead       = $('.attic');
-            var $navbar         = $('nav.navbar');
-            var $adblock        = $('#adblock');
-
-            var navbarType      = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
-            var fontSize        = $('body').css('font-size').replace('px','');
-            var start           = window.pageYOffset;
-
-            var l               = parseInt(fontSize);
-
-            var h               = $pagehead.length ? $pagehead.height() : 0;
-            var n               = $navbar.length ? $navbar.height() : 0;
-            var a               = $adblock.length ? $adblock.height() : 0;
-
-            var o               = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
-
-            settings.scrollSmoothOffset = o;
+            // var $pagehead       = $('.attic');
+            // var $navbar         = $('nav.navbar');
+            // var $adblock        = $('#adblock');
+            //
+            // var navbarType      = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
+            // var fontSize        = $('body').css('font-size').replace('px','');
+            // var start           = window.pageYOffset;
+            //
+            // var l               = parseInt(fontSize);
+            //
+            // var h               = $pagehead.length ? $pagehead.height() : 0;
+            // var n               = $navbar.length ? $navbar.height() : 0;
+            // var a               = $adblock.length ? $adblock.height() : 0;
+            //
+            // var o               = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
+            //
+            // settings.scrollSmoothOffset = o;
 
             _this.initToccerCore(settings);
 
@@ -228,6 +228,7 @@ j1.adapter['toccer'] = (function () {
     // Set Toccer options
     // -------------------------------------------------------------------------
     initToccerCore: function (options) {
+      var scrollOffset;
 
       if (options  !== undefined) {
         var settings = $.extend({}, options);
@@ -235,10 +236,33 @@ j1.adapter['toccer'] = (function () {
         var settings = false;
       }
 
+      // calculate offset for correct (smooth) scroll position
+      //
+      var $pagehead       = $('.attic');
+      var $navbar         = $('nav.navbar');
+      var $adblock        = $('#adblock');
+
+      var navbarType      = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
+      var fontSize        = $('body').css('font-size').replace('px','');
+      var start           = window.pageYOffset;
+
+      var l               = parseInt(fontSize);
+
+      var h               = $pagehead.length ? $pagehead.height() : 0;
+      var n               = $navbar.length ? $navbar.height() : 0;
+      var a               = $adblock.length ? $adblock.height() : 0;
+
+      scrollOffset        = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
+
+      // static offset, to be checked why this is needed
+      //
+      scrollOffset        = scrollOffset + moduleOptions.scrollSmoothOffset
+
       _this.setState('running');
       logger.info('state: ' + _this.getState());
 
       // tocbot get fired if HTML portion is loaded (AJAX load finished)
+      //
       var dependencies_met_ajax_load_finished = setInterval (function () {
         if ($('#toc_mmenu').length) {
           /* eslint-disable */
@@ -267,7 +291,7 @@ j1.adapter['toccer'] = (function () {
             scrollContainer:        null,
             scrollSmooth:           moduleOptions.scrollSmooth,
             scrollSmoothDuration:   moduleOptions.scrollSmoothDuration,
-            scrollSmoothOffset:     moduleOptions.scrollSmoothOffset,
+            scrollSmoothOffset:     scrollOffset,
             headingsOffset:         1,
             throttleTimeout:        moduleOptions.throttleTimeout
           });
@@ -276,6 +300,61 @@ j1.adapter['toccer'] = (function () {
           clearInterval(dependencies_met_ajax_load_finished);
         } // END AJAX load finished
       }, 25); // END dependencies_met_ajax_load_finished
+
+      $(window).on('resize', function() {
+        var scrollOffset;
+        // re-calculate offset for correct (smooth) scroll position
+        //
+        var $pagehead       = $('.attic');
+        var $navbar         = $('nav.navbar');
+        var $adblock        = $('#adblock');
+
+        var navbarType      = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
+        var fontSize        = $('body').css('font-size').replace('px','');
+        var start           = window.pageYOffset;
+
+        var l               = parseInt(fontSize);
+
+        var h               = $pagehead.length ? $pagehead.height() : 0;
+        var n               = $navbar.length ? $navbar.height() : 0;
+        var a               = $adblock.length ? $adblock.height() : 0;
+
+        scrollOffset        = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
+
+        // static offset, to be checked why this is needed
+        //
+        scrollOffset        = scrollOffset + moduleOptions.scrollSmoothOffset
+
+        tocbot.refresh({
+          log:                    moduleOptions.log,
+          activeLinkColor:        moduleOptions.activeLinkColor,
+          tocSelector:            moduleOptions.tocSelector,
+          headingSelector:        moduleOptions.headingSelector,
+          ignoreSelector:         moduleOptions.ignoreSelector,
+          contentSelector:        moduleOptions.contentSelector,
+          collapseDepth:          moduleOptions.collapseDepth,
+          throttleTimeout:        moduleOptions.throttleTimeout,
+          hasInnerContainers:     false,
+          includeHtml:            false,
+          linkClass:              'toc-link',
+          extraLinkClasses:       '',
+          activeLinkClass:        'is-active-link',
+          listClass:              'toc-list',
+          extraListClasses:       '',
+          isCollapsedClass:       'is-collapsed',
+          collapsibleClass:       'is-collapsible',
+          listItemClass:          'toc-list-item',
+          positionFixedSelector:  '',
+          positionFixedClass:     'is-position-fixed',
+          fixedSidebarOffset:     'auto',
+          scrollContainer:        null,
+          scrollSmooth:           moduleOptions.scrollSmooth,
+          scrollSmoothDuration:   moduleOptions.scrollSmoothDuration,
+          scrollSmoothOffset:     scrollOffset,
+          headingsOffset:         1,
+          throttleTimeout:        moduleOptions.throttleTimeout
+        });
+      });
     }, // END initToccerCore
 
     // -------------------------------------------------------------------------