j1m_nav 0.0.1

data/_data/resources/default/j1_nav-0.0.1/resource.yml

@@ -0,0 +1,25 @@
+
+  # -----------------------------------------------------------
+  # BS Bootsnav (NAV Module)
+  #
+  - resource:
+      enabled:                      true
+      version:                      0.0.1
+      id:                           j1_bootsnav
+      comment:                      Resources for BS Bootsnav
+      layout:                       [ home, page, post, app ]
+      region:                       head
+      required:                     always
+      script_load:                  sync
+      data:
+        css:                        [
+                                      bs_bootsnav/css/bootsnav
+                                    ]
+        files:                      [
+                                      bs_bootsnav/css/skins/j1_template.css,
+                                      j1/js/adapters/bs_bootsnav.js
+                                    ]
+        js:                         [
+                                      bs_bootsnav/js/bootsnav
+                                    ]
+        init_function:              J1BsBootsnav.init

data/_includes/themes/j1/modules/adapter/bootsnav/bootsnav.html

@@ -0,0 +1,102 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  J1: ~/_includes/templates/j1/modules/adapter/bootsnav/bootsnav.html
+ #  Liquid HTML template to create the navigation system for J1 Template
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2017 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #
+ # -----------------------------------------------------------------------------
+ #  Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures (J1 Template)                   {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% include themes/{{site.template.name}}/procedures/global/setup.proc %}
+{% capture select_color %}themes/{{site.template.name}}/procedures/components/select_color.proc{% endcapture %}
+
+{% comment %} Liquid procedures (HTML Adapter)                  {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% capture topsearch_create %}themes/{{site.template.name}}/modules/adapter/bootsnav/procedures/topsearch.proc{% endcapture %}
+{% capture sidebar_create %}themes/{{site.template.name}}/modules/adapter/bootsnav/procedures/sidebar.proc{% endcapture %}
+{% capture quicklinks_create %}themes/{{site.template.name}}/modules/adapter/bootsnav/procedures/quicklinks.proc{% endcapture %}
+{% capture mainmenu_create %}themes/{{site.template.name}}/modules/adapter/bootsnav/procedures/mainmenu.proc{% endcapture %}
+
+{% comment %} Liquid var initialization                         {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% assign bootsnav_config  = site.data.modules.j1_bootsnav %}
+{% assign mainmenu_config  = site.data.modules.j1_bootsnav_mainmenu %}
+{% assign navID            = "bootsnav_nav" %}
+
+<!-- Initialize navigation classes -->
+{% capture nav_defaults %}navbar navbar-default bootsnav {% endcapture %}
+{% assign nav_fixed = '' %}
+{% assign nav_style = 'no-background' %}
+{% assign nav_color = 'dark' %}
+
+{% if bootsnav_config.navbar.fixed %}
+  {% assign nav_fixed = 'navbar-fixed' %}
+  {% if bootsnav_config.navbar.style == 'overlay' %}
+    {% assign nav_style = 'navbar-transparent' %}
+  {% endif %}
+{% endif %}
+
+{% if bootsnav_config.navbar.color == 'light' %}
+  {% assign nav_color = 'white' %}
+{% endif %}
+
+{% comment %} Main                                              {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+<!-- START NavBar -->
+<nav id="{{navID}}" class="{{nav_defaults}} {{nav_color}} {{nav_fixed}} {{nav_style}}">
+
+  <!-- CHECK if TopSearch is enabled -->
+  {% if bootsnav_config.top_search.enabled %}
+    <!-- Include TopSearch -->
+    {% include {{ topsearch_create }} bootsnav_config=bootsnav_config %}
+  {% endif %}
+
+  <!-- CHECK if Sidebar is enabled -->
+  {% if bootsnav_config.sidebar.enabled %}
+  <!-- Include Sidebar -->
+    {% include {{ sidebar_create }} bootsnav_config=bootsnav_config %}
+  {% endif %}
+
+  <!-- CHECK if Quicklinks are enabled -->
+  {% if bootsnav_config.quicklinks.enabled %}
+    <!-- Include Quicklinks -->
+    {% include {{ quicklinks_create }} bootsnav_config=bootsnav_config %}
+  {% endif %}
+
+  <!-- START Header Navigation -->
+  <div class="navbar-header">
+    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
+      <i class="mdi mdi-menu mdi-48px" style="color:#FFF"></i>
+    </button>
+    {% if site.brand.image %}
+    <a class="navbar-brand" href="{{ home_path }}"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image-height }}" alt="{{ site.brand.text }}"></a>
+    {% else %}
+    <a class="navbar-brand" href="{{ home_path }}"> <b><font color="{{ site.brand.text-color }}">{{ site.brand.text }}</font></b></a>
+    {% endif %}
+  </div>
+  <!-- END Header Navigation -->
+
+  <!-- START the main menue -->
+  {% include {{ mainmenu_create }} bootsnav_config=bootsnav_config mainmenu_config=mainmenu_config %}
+  <!-- END main menue -->
+
+  <!-- End NavBar -->
+</nav>
+<!-- End Main Navigation -->

data/_includes/themes/j1/modules/adapter/bootsnav/procedures/mainmenu.proc

@@ -0,0 +1,268 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  J1: ~/_includes/themes/j1/modules/adapter/nav_module/mainmenu.proc
+ #  Liquid PROCEDURE to create the main menu (within the NavBar)
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2017 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #
+ # -----------------------------------------------------------------------------
+ #  Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures                                 {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% capture select_color     %}themes/{{site.template.name}}/procedures/components/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/components/select_icon_size.proc{% endcapture %}
+
+{% comment %} Liquid var initialization                         {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% assign bootsnav_config           = include.bootsnav_config %}
+{% assign mainmenu_config           = include.mainmenu_config %}
+{% assign theme_switcher_config     = site.data.modules.j1_bs_theme_switcher %}
+{% assign bs_theme_switcher_preview = '/bs_theme_switcher/preview' %}
+
+{% if bootsnav_config.mainmenu.dropdown_animate != null %}
+  {% assign dropdown_animate  = bootsnav_config.mainmenu.dropdown_animate %}
+{% else %}
+  {% assign dropdown_animate  = false %}
+{% endif %}
+
+<!-- Initialize menu icon properties -->
+{% assign icon_family         = bootsnav_config.mainmenu.icon_family %}
+{% assign icon_color          = bootsnav_config.mainmenu.icon_color %}
+{% assign icon_size           = bootsnav_config.mainmenu.icon_size %}
+
+{% if icon_family == 'FontAwesome' %}
+  {% assign icon_family = 'fa' %}
+{% endif %}
+
+{% include {{select_color}} color=icon_color fallback="#9E9E9E" %}
+{% assign icon_color = {{color}} %}
+
+{% include {{select_icon_size}} family=icon_family size=icon_size %}
+{% assign icon_size = {{size}} %}
+
+{% comment %} Main                                              {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+<!-- Collect the nav links, forms, and other content for toggling -->
+<div class="collapse navbar-collapse" id="navbar-menu">
+  {% if dropdown_animate %}
+  <ul class="nav navbar-nav navbar-{{ bootsnav_config.navbar.position }}" data-in="{{dropdown_animate}}" data-out="{{dropdown_animate}}">
+  {% else %}
+  <ul class="nav navbar-nav navbar-{{ bootsnav_config.navbar.position }}" data-in="none" data-out="none">
+  {% endif %}
+
+  {% for menu in mainmenu_config %}
+    <!-- check if item has a sub-menu -->
+    {% if menu.sublevel != null %}
+      <!-- submenu level 1 detected -->
+      <li class="dropdown">
+        {% if menu.icon == null %}
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">{{ menu.item }} </a>
+        {% else %}
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"> <i class="{{icon_family}} {{icon_family}}-{{menu.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{ menu.item }} </a>
+        {% endif %}
+
+        <ul class="dropdown-menu">
+        {% for level_1 in menu.sublevel %}
+          {% if level_1.dropdown == null %}
+            {% if level_1.icon == null %}
+              {% if level_1.target == null %}
+                <li><a href="{{ level_1.href }}">{{ level_1.title }}</a></li>
+              {% else %}
+                <li><a href="{{ level_1.href }}" target="{{ level_1.target }}">{{ level_1.title }}</a></li>
+              {% endif %}
+            {% else %}
+              {% if level_1.target == null %}
+                <li><a href="{{ level_1.href }}"><i class="{{icon_family}} {{icon_family}}-{{level_1.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{ level_1.title }}</a></li>
+              {% else %}
+                <li><a href="{{ level_1.href }}" target="{{ level_1.target }}"><i class="{{icon_family}} {{icon_family}}-{{level_1.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{ level_1.title }}</a></li>
+              {% endif %}
+            {% endif %}
+          {% endif %}
+          {% if level_1.divider %} <li class="divider"></li> {% endif %}
+          {% if level_1.dropdown != null %}
+            <!-- submenu level 2 (dropdown) detected -->
+            <li class="dropdown">
+              {% if level_1.icon == null %}
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ level_1.title }}</a>
+              {% else %}
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="{{icon_family}} {{icon_family}}-{{level_1.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{ level_1.title }}</a>
+              {% endif %}
+              <ul class="dropdown-menu">
+                {% for level_2 in level_1.dropdown %}
+                  {% if level_2.dropdown == null %}
+                    {% if level_2.icon == null %}
+                      {% if level_2.target == null %}
+                        <li><a href="{{ level_2.href }}">{{ level_2.title }}</a></li>
+                      {% else %}
+                        <li><a href="{{ level_2.href }}" target="{{ level_2.target }}">{{ level_2.title }}</a></li>
+                      {% endif %}
+                    {% else %}
+                      {% if level_2.target == null %}
+                        <li><a href="{{ level_2.href }}"><i class="{{icon_family}} {{icon_family}}-{{level_2.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{ level_2.title }}</a></li>
+                      {% else %}
+                        <li><a href="{{ level_2.href }}" target="{{ level_2.target }}"><i class="{{icon_family}} {{icon_family}}-{{level_2.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{ level_2.title }}</a></li>
+                      {% endif %}
+                    {% endif %}
+                  {% endif %}
+                  {% if level_2.divider %} <li class="divider"></li> {% endif %}
+                  {% if level_2.dropdown != null %}
+                    <!-- submenu level 3 detected (last level supported) -->
+                    <li class="dropdown">
+                      {% if level_2.icon == null %}
+                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ level_2.title }}</a>
+                      {% else %}
+                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="{{icon_family}} {{icon_family}}-{{level_2.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{ level_2.title }}</a>
+                      {% endif %}
+                      <ul class="dropdown-menu">
+                      {% for level_3 in level_2.dropdown %}
+                        {% if level_2.icon == null %}
+                          {% if level_3.target == null %}
+                            <li><a href="{{ level_3.href }}">{{ level_3.title }}</a></li>
+                          {% else %}
+                            <li><a href="{{ level_3.href }}" target="{{ level_3.target }}">{{ level_3.title }}</a></li>
+                          {% endif %}
+                        {% else %}
+                          {% if level_3.target == null %}
+                            <li><a href="{{ level_3.href }}"><i class="{{icon_family}} {{icon_family}}-{{level_3.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{ level_3.title }}</a></li>
+                          {% else %}
+                            <li><a href="{{ level_3.href }}" target="{{ level_3.target }}"><i class="{{icon_family}} {{icon_family}}-{{level_3.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{ level_3.title }}</a></li>
+                          {% endif %}
+                        {% endif %}
+                        {% if level_3.divider %} <li class="divider"></li> {% endif %}
+                      {% endfor %} <!-- endfor level_3 -->
+                      </ul>
+                    </li>
+                  {% endif %}  <!-- endif level_2.dropdown -->
+              {% endfor %} <!-- endfor level_2 -->
+              </ul>
+            </li>
+          {% endif %}  <!-- endif level_1.dropdown -->
+        {% endfor %} <!-- endfor level_1 -->
+        </ul>
+      </li>
+    {% else %}
+      <!-- check if top-level item is a megamenu -->
+      {% if menu.megamenu != null %}
+        <!-- Calculate size of mm_columns -->
+        {% assign columns = menu.megamenu | size %}
+        {% assign columns_width_md = 12 | divided_by:columns %}
+        {% comment %} {{ columns_width_md | debug }} {% endcomment %}
+        {% comment %} {{ menu.megamenu | debug }} {% endcomment %}
+
+        <li class="dropdown megamenu-fw">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{menu.item}} </a>
+          <ul class="dropdown-menu megamenu-content" role="menu">
+            <li>
+              <div class="row">
+              {% for megabox in menu.megamenu %}
+              <div class="col-menu col-md-{{columns_width_md}} col-sm-6">
+                {% if megabox.icon == null %}
+                  <h4 class="title">{{megabox.title}}</h4>
+                {% else %}
+                  <h4 class="title"><i class="{{icon_family}} {{icon_family}}-{{megabox.icon}}" style="color:{{icon_color}}"></i> {{megabox.title}}</h4>
+                {% endif %}
+                <div class="content">
+                  <ul class="menu-col">
+                  {% for links in megabox.column %}
+                    {% if links.icon == null %}
+                      <li><a href="{{links.href}}" target="{{ links.target }}">{{links.title}}</a></li>
+                    {% else %}
+                      <li><a href="{{links.href}}" target="{{ links.target }}"><i class="{{icon_family}} {{icon_family}}-{{links.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{links.title}}</a></li>
+                    {% endif %}
+                  {% endfor %}
+                  </ul>
+                </div>
+              </div> <!-- end megabox -->
+              {% endfor %}
+              </div> <!-- end row -->
+            </li>
+          </ul>
+        </li>  <!-- end MegaMenu -->
+      {% endif %}
+
+      <!-- check if top-level item is the BS Theme Switcher -->
+      {% if menu.theme_select != null and theme_switcher_config.enabled %}
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">{{menu.item}} </a>
+          {% if dropdown_animate %}
+          <ul class="dropdown-menu">
+          <!-- ul class="dropdown-menu data-in="{{dropdown_animate}}" data-out="{{dropdown_animate}}" -->
+          {% else %}
+          <ul class="dropdown-menu">
+          {% endif %}
+            {% assign item_found = 'false' %}
+            {% for item in menu.theme_select %}
+              <!-- check for J1 Theme selector -->
+              {% if item.local_themes and item.local_themes == 'enabled' %}
+                <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="{{icon_family}} {{icon_family}}-{{item.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{item.title}}</a>
+                  <ul class="dropdown-menu" id="ThemeSelect"> </ul>
+                </li>
+                {% assign item_found = 'true' %}
+              {% endif %} <!-- end J1 theme selector -->
+              <!-- check for BootSwatch theme selector -->
+              {% if item.bootswatch_themes and item.bootswatch_themes == 'enabled' %}
+                <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="{{icon_family}} {{icon_family}}-{{item.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{item.title}}</a>
+                  <ul class="dropdown-menu" id="ThemeList"> </ul>
+                </li>
+                {% assign item_found = 'true' %}
+              {% endif %} <!-- end BootSwatch theme selector -->
+              {% if item.preview and item.preview == 'enabled' %}
+                <li>
+                  <a href="{{ bs_theme_switcher_preview }}" ><i class="{{icon_family}} {{icon_family}}-{{item.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{item.title}}</a>
+                </li>
+                {% assign item_found = 'true' %}
+                {% endif %} <!-- end theme preview -->
+                 <!-- fallback if no valid config found -->
+                {% if item_found == 'false' %}
+                <li>
+                  {% if item.title %}
+                    <a href="#" >Invalid: {{item.title}}</a>
+                  {% else %}
+                    <a href="#" >Item invalid</a>
+                  {% endif %}
+                </li>
+              {% endif %} <!-- end fallback -->
+            {% endfor %}
+          </ul>
+        </li>
+      {% endif %}<!-- end ThemeSwitcher -->
+
+      <!-- display the top-level items (level 0 has no submenu) -->
+      {% if menu.icon == null and menu.megamenu == null and menu.theme_select == null %}
+        {% if menu.target == null %}
+          <li> <a href="{{ menu.href }}">{{ menu.item }}</a> </li>
+        {% else %}
+          <li> <a href="{{ menu.href }}" target="{{ menu.target }}">{{ menu.item }}</a> </li>
+        {% endif %}
+      {% endif %}
+
+      {% if menu.icon != null and menu.megamenu == null and menu.theme_select == null %}
+        {% if menu.target == null %}
+          <li> <a href="{{ menu.href }}"><i class="{{icon_family}} {{icon_family}}-{{menu.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{ menu.item }}</a> </li>
+        {% else %}
+          <li> <a href="{{ menu.href }}" target="{{ menu.target }}"><i class="{{icon_family}} {{icon_family}}-{{menu.icon}}{{icon_size}}" style="color:{{icon_color}}"></i> {{ menu.item }}</a> </li>
+        {% endif %}
+      {% endif %}
+
+    {% endif %}
+  {% endfor %} <!-- endfor nav in site.data.j1_nav -->
+
+  </ul>   <!-- end NavBar -->
+</div>    <!-- end collection for nav links, forms etc. -->
+

data/_includes/themes/j1/modules/adapter/bootsnav/procedures/quicklinks.proc

@@ -0,0 +1,93 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  J1: ~/_includes/templates/j1/modules/nav_module/quicklinks.html
+ #  Liquid PROCEDURE template to create the QuickLinks Bar for J1 Template
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2017 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #
+ # -----------------------------------------------------------------------------
+ #  Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% assign bootsnav_config     = include.bootsnav_config %}
+
+{% comment %} Liquid procedures                                 {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% capture select_color     %}themes/{{site.template.name}}/procedures/components/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/components/select_icon_size.proc{% endcapture %}
+
+
+{% comment %} Liquid var initialization                         {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% assign top_search_enabled  = bootsnav_config.top_search.enabled %}
+{% assign sidebar_enabled     = bootsnav_config.sidebar.enabled %}
+
+{% comment %} Set sidebar ressources {% endcomment %}
+{% assign search_icon         = bootsnav_config.quicklinks.top_search_icon %}
+{% assign sidebar_icon        = bootsnav_config.quicklinks.sidebar_icon %}
+{% assign facebook_icon       = bootsnav_config.quicklinks.facebook_icon %}
+{% assign twitter_icon        = bootsnav_config.quicklinks.twitter_icon %}
+{% assign google_plus_icon    = bootsnav_config.quicklinks.google_plus_icon %}
+
+{% assign facebook_url        = bootsnav_config.quicklinks.facebook_url %}
+{% assign twitter_url         = bootsnav_config.quicklinks.twitter_url %}
+{% assign google_plus_url     = bootsnav_config.quicklinks.google_plus_url %}
+
+{% if bootsnav_config.icon_family == 'FontAwesome' %}
+  {% assign icon_family = 'fa' %}
+{% endif %}
+
+{% if bootsnav_config.quicklinks.icon_color != null %}
+  {% include {{select_color}} color=bootsnav_config.quicklinks.icon_color fallback="#9E9E9E" %}
+  {% assign my_icon_color = {{color}} %}
+  {% capture icon_color %}style="color:{{my_icon_color}}"{% endcapture %}
+{% else %}
+  {% assign icon_color = '' %}
+{% endif %}
+
+{% include {{select_icon_size}} family=bootsnav_config.icon_family size=bootsnav_config.quicklinks.icon_size %}
+{% assign icon_size = {{size}} %}
+
+
+{% comment %} Fallback configs                                  {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% unless icon_family %}
+  {% assign icon_family = 'mdi' %}
+  {% assign icon_size = 'mdi-18px' %}
+{% endunless %}
+
+{% unless search_icon %}
+  {% assign search_icon = 'magnify' %}
+{% endunless %}
+
+{% unless sidebar_icon %}
+  {% assign sidebar_icon = 'menu' %}
+{% endunless %}
+
+
+{% comment %} Main                                              {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+<!-- Start QuickLink Navigation -->
+<div class="attr-nav">
+  <ul>
+    {% if facebook_url %}<li><a href="{{facebook_url}}"><i class="{{icon_family}} {{icon_family}}-{{facebook_icon}} {{icon_size}}" {{icon_color}}></i></a></li>{% endif %}
+    {% if twitter_url %}<li><a href="{{twitter_url}}"><i class="{{icon_family}} {{icon_family}}-{{twitter_icon}} {{icon_size}}" {{icon_color}}></i></a></li>{% endif %}
+    {% if google_plus_url %}<li><a href="{{google_plus_url}}"><i class="{{icon_family}} {{icon_family}}-{{google_plus_icon}} {{icon_size}}" {{icon_color}}></i></a></li>{% endif %}
+    {% if top_search_enabled %}<li class="search"><a href="#"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}" {{icon_color}}></i></a></li>{% endif %}
+    {% if sidebar_enabled %}<li class="side-menu"><a href="#"><i class="{{icon_family}} {{icon_family}}-{{sidebar_icon}} {{icon_size}}" {{icon_color}}></i></a></li>{% endif %}
+  </ul>
+</div>
+<!-- End QuickLink Navigation -->