jumbo-jekyll-theme 5.6.9.4 → 5.7.0

data/_includes/flow/blocks.html

@@ -0,0 +1,44 @@
+<div class="col col-12 blocks {% if include.object.style %}{{include.object.style}}{% endif %}">
+    <!-- <div class="row blocks"> -->
+        <div class="row justify-content-lg-center">
+            {% assign block_width = 3 %}
+            {% if include.object.item_width %}
+                {% assign block_width = include.object.item_width %}
+            {% endif %}
+            {% for block in include.object.block_section_content.blocks %}
+                <div class="col col-12 col-sm-6 col-lg-{{block_width}} block_column">
+                    <div class="card h-100 {% if block.background_image %}background_image text-white{% endif %}">
+                        {% if block.image %}
+                            {% assign block_image = block.image | remove_first: "/assets/images/" %}
+                            {% capture block_image_alt %}{{block.title}} image {% endcapture %}
+                            {% picture card_block_image {{block_image}} --alt {{block_image_alt}} %}
+                        {% endif %}
+                        <div class="card-body {% if block.background_image %}card-img-overlay{% else %}card-body{% endif %}">
+                            {% if block.title %}
+                            <h5 class="card-title">{{block.title}}</h5>
+                            {% endif %}
+                            {% if block.sub_title %}
+                            <h6 class="card-subtitle mb-2 text-muted">{{block.sub_title}}</h6>
+                            {% endif %}
+                            {% if block.description %}
+                            <p class="card-text">
+                                {{block.description | markdownify }}
+                            </p>
+                            {% endif %}
+                            {% if block.buttons %}
+                                {% for button in block.buttons %}
+                                    {% include flow/button.html object=button %}
+                                {% endfor %}
+                            {% endif %}
+                        </div>
+                        {% if block.footer_text %}
+                            <div class="card-footer">
+                                <small class="text-muted">{{block.footer_text}}</small>
+                            </div>
+                        {% endif %}
+                    </div>
+                </div>
+            {% endfor %}
+        </div>
+    <!-- </div> -->
+</div>

data/_includes/{core → flow}/button.html

@@ -1,6 +1,6 @@
-<a href="{{include.object.url}}" class="btn {% if include.object.style %}{{include.object.style}}{% else %}btn-primary{% endif %}">
-    {{include.object.title}}
-    {% if include.object.icon %}
-        <i class="{{include.object.icon}}" aria-hidden="true"></i>
-    {% endif %}
+<a href="{{include.object.url}}" class="btn {% if include.object.style %}{{include.object.style}}{% else %}btn-primary{% endif %}">
+    {{include.object.title}}
+    {% if include.object.icon %}
+        <i class="{{include.object.icon}}" aria-hidden="true"></i>
+    {% endif %}
 </a> 

data/_includes/flow/buttons.html

@@ -0,0 +1,5 @@
+<div class="col col-12 buttons no-padding {% if include.style %}{{include.style}}{% endif %}">
+    {% for button in include.object %}
+        {% include flow/button.html object=button %}
+    {% endfor %}
+</div>

data/_includes/flow/container_row.html

@@ -0,0 +1,11 @@
+<div class="row {% if include.object.style %}{{include.object.style}}{% endif %}
+{% if include.object.background_image %}background_image_row text-white{% endif %}">
+{% if include.object.background_image %}
+    {% assign row_background_image = include.object.background_image | remove_first: "/assets/images/" %}
+    {% capture row_background_image_alt %}background image{% endcapture %}
+    {% picture header_image {{row_background_image}} --alt {{block_image_alt}} %}
+{% endif %}
+    <div class="container">
+        {% include flow/flow_inner.html sections=include.object.sections %}
+    </div>
+</div>

data/_includes/flow/feature_block.html

@@ -0,0 +1,41 @@
+<div class="col col-12 feature_block">
+    <div class="row {% if include.object.style %}{{include.object.style}}{% endif %}">
+        <div class="col col-12 col-md-7 block__image {% if include.object.feature_block_content.position == "right" %}order-sm-2{% endif %}">
+            {% if include.object.feature_block_content.type == "image" %}
+                {% assign image_path = include.object.feature_block_content.image_content_path | remove_first: '/assets/images/' %}
+                {% capture image_alt %}
+                    {% if include.object.feature_block_content.title %}
+                        {{include.object.feature_block_content.title}} featured image
+                    {% else %}
+                        {{page.title}} feature block image
+                    {% endif %}
+                {% endcapture %}
+                {% picture feature_block_image {{image_path}} --alt {{image_alt}} %}
+            {% elsif include.object.feature_block_content.type == "slider" %}
+                {% include flow/slider.html object=include.object.feature_block_content.slider_content %}
+            {% elsif include.object.feature_block_content.type == "youtube_video" %}
+                {% include youtube.html url=include.object.feature_block_content.youtube.url title=include.object.feature_block_content.title poster_image=include.object.feature_block_content.youtube.poster_image %}
+            {% else %}
+                <p>Please verify the feature_block content "type" is correct</p>
+            {% endif %}
+        </div>
+        <div class="col col-12 col-md-5 block__text {% if include.object.feature_block_content.position == "right" %}order-sm-1{% endif %}">
+            {% if include.object.feature_block_content.title %}
+                <h2>{{include.object.feature_block_content.title}}</h2>
+            {% endif %}
+            {% if include.object.feature_block_content.highlight-text %}
+                <div class="font-weight-bold">
+                    {{include.object.feature_block_content.highlight-text | markdownify }}
+                </div>
+            {% endif %}
+            {% if include.object.feature_block_content.text == "page_content" %}
+                {{page.content | markdownify }}
+            {% else %}
+                {{include.object.feature_block_content.text | markdownify}}
+            {% endif %}
+            {% if include.object.feature_block_content.buttons %}
+                {% include flow/buttons.html object=include.object.feature_block_content.buttons %}
+            {% endif %}
+        </div>
+    </div>
+</div>

data/_includes/flow/flow_inner.html

@@ -0,0 +1,25 @@
+{% for section in include.sections %}
+    {% if section.format == "title" %}
+        {% include flow/title.html object=section %}
+    {% elsif section.format == "members" %}
+        {% include flow/members-section.html object=section %}
+    {% elsif section.format == "youtube" %}
+        <div class="col col-12 youtube_embed">
+            {% include youtube.html url=section.url title=section.title poster_image=section.poster_image %}
+        </div>
+    {% elsif section.format == "tabs" %}
+        {% include flow/tabbed_content.html object=section %}
+    {% elsif section.format == "block" %}
+        {% include flow/blocks.html object=section %}
+    {% elsif section.format == "buttons" %}
+        {% include flow/buttons.html object=section.buttons_content style=section.style  %}
+    {% elsif section.format == "text" %}
+        {% include flow/text.html object=section %}
+    {% elsif section.format == "custom_include" %}
+        {% include {{section.source}} object=section %}
+    {% elsif section.format == "slider" %}
+        {% include flow/slider_row.html object=section.slider_content %}
+    {% elsif section.format == "feature_block" %}
+        {% include flow/feature_block.html object=section %}
+    {% endif %}
+{% endfor %}

data/_includes/{core → flow}/full_width_row.html

@@ -1,5 +1,5 @@
-<div class="row {% if include.object.style %}{{include.object.style}}{% endif %}
-{% if include.object.background_image %}background_image_row overlay{% endif %}" 
-{% if include.object.background_image %}style="background-image: url({{include.object.background_image}}), linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));"{% endif %}>
-    {% include flow_inner.html sections=include.object.sections %}
-</div>
+<div class="row {% if include.object.style %}{{include.object.style}}{% endif %}
+{% if include.object.background_image %}background_image_row overlay{% endif %}"
+{% if include.object.background_image %}style="background-image: url({{include.object.background_image}}), linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));"{% endif %}>
+    {% include flow/flow_inner.html sections=include.object.sections %}
+</div>

data/_includes/{core → flow}/members-section.html

@@ -1,32 +1,24 @@
-{% if include.object.members_content.members_content.source %}
-    {% assign members = site.data[include.object.members_content.source] %}
-{% else %}
-    {% assign members = include.object.members_content.items %}
-{% endif %}
-<div class="members_section {% if include.object.style %}{{include.object.style}}{% endif %}">
-{% for member in members %}
-    {% if member.url %}<a href="{{member.url}}">{% endif %}
-    {% if member.image.path contains "http" %}
-    <div class="col-xs-6 col-sm-{{include.object.members_content.item_width}}">
-        <img class="lazyload img-responsive" alt="{{member.image.alt}}"
-        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
-        data-src="{{member.image.path}}"/>
-    </div>
-    {% else %}
-    {% assign image_path = member.image.path | remove_first: '/' %}
-    {% assign full_path = member.image.path %}
-    <div class="col-xs-6 col-sm-{{include.object.members_content.item_width}}">
-        {% responsive_image_block %}
-        template: _includes/thumbnail_image.html
-        path: {{ image_path }}
-        fullpath: {{ full_path }}
-        {% if member.alt %}
-        title: {{ member.alt | slugify: "ascii"}}
-        alt: {{ member.alt | slugify: "ascii"}}
-        {% endif %}
-        {% endresponsive_image_block %}
-    </div>
-    {% endif %}
-    {% if member.url %}</a>{% endif %}
-{% endfor %}
-</div>
+{% if include.object.members_content.members_content.source %}
+    {% assign members = site.data[include.object.members_content.source] %}
+{% else %}
+    {% assign members = include.object.members_content.items %}
+{% endif %}
+<div class="members_section {% if include.object.style %}{{include.object.style}}{% endif %}">
+{% for member in members %}
+    {% if member.url %}<a href="{{member.url}}">{% endif %}
+    {% if member.image.path contains "http" %}
+    <div class="col-xs-6 col-sm-{{include.object.members_content.item_width}}">
+        <img class="lazyload img-responsive" alt="{{member.image.alt}}"
+        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+        data-src="{{member.image.path}}"/>
+    </div>
+    {% else %}
+    {% assign image_path = member.image.path | remove_first: '/' %}
+    {% assign full_path = member.image.path %}
+    <div class="col-xs-6 col-sm-{{include.object.members_content.item_width}}">
+        <!--TODO picture-->
+    </div>
+    {% endif %}
+    {% if member.url %}</a>{% endif %}
+{% endfor %}
+</div>

data/_includes/{core → flow}/slider.html

@@ -1,33 +1,25 @@
-<div class="owl-carousel slider-block owl-theme" data-size="{{include.object.items | size }}"
-{% if include.object.xs_items %}data-xs-number="{{include.object.xs_items}}"{% endif %}
-{% if include.object.sm_items %}data-sm-number="{{include.object.sm_items}}"{% endif %}
-{% if include.object.md_items %}data-md-number="{{include.object.md_items}}"{% endif %}
-{% if include.object.lg_items %}data-lg-number="{{include.object.lg_items}}"{% endif %}
-{% if include.object.dots %}data-dots="true"{% endif %}
-{% if include.object.nav %}data-nav="true"{% endif %}
-{% if include.object.seconds_per_slide %}data-seconds-per-slide="{{include.object.seconds_per_slide}}"{% endif %}>
-    {% if include.object.items %}
-        {% assign carousel_items = include.object.items %}
-    {% elsif include.object.data_source %}
-        {% assign carousel_items = site.data[include.object.source] %}
-    {% endif %}
-    {% for item in carousel_items %}
-        {% if include.object.lightbox_enabled %}<a data-featherlight="{{item.image}}">{% endif %}
-        <div class="item">
-            {% if item.image %}
-                {% capture image_path %}{{item.image | remove_first: "/" }}{% endcapture %}
-                {% capture full_path %}{{item.image}}{% endcapture %}
-                {% responsive_image_block %}
-                template: _includes/thumbnail_image.html
-                path: {{ image_path }}
-                fullpath: {{ full_path }}
-                {% if item.title %}
-                title: {{ item.title | slugify: "ascii"}}
-                alt: {{ item.title | slugify: "ascii"}}
-                {% endif %}
-                {% endresponsive_image_block %}
-            {% endif %}
-        </div>
-        {% if include.object.lightbox_enabled %}</a>{% endif %}
-    {% endfor %}
-</div>
+<div class="owl-carousel slider_block owl-theme" data-size="{{include.object.items | size }}"
+{% if include.object.xs_items %}data-xs-number="{{include.object.xs_items}}"{% endif %}
+{% if include.object.sm_items %}data-sm-number="{{include.object.sm_items}}"{% endif %}
+{% if include.object.md_items %}data-md-number="{{include.object.md_items}}"{% endif %}
+{% if include.object.lg_items %}data-lg-number="{{include.object.lg_items}}"{% endif %}
+{% if include.object.dots %}data-dots="true"{% endif %}
+{% if include.object.nav %}data-nav="true"{% endif %}
+{% if include.object.seconds_per_slide %}data-seconds-per-slide="{{include.object.seconds_per_slide}}"{% endif %}>
+    {% if include.object.items %}
+        {% assign carousel_items = include.object.items %}
+    {% elsif include.object.data_source %}
+        {% assign carousel_items = site.data[include.object.source] %}
+    {% endif %}
+    {% for item in carousel_items %}
+        {% if include.object.lightbox_enabled %}<a data-featherlight="{{item.image}}">{% endif %}
+        <div class="item">
+            {% if item.image %}
+                {% capture image_path %}{{item.image | remove_first: "/assets/images/" }}{% endcapture %}
+                {% capture image_alt %}Slider block image {{forloop.index}}{% endcapture %}
+                {% picture slider_block_image {{image_path}} --alt {{image_alt}} %}
+            {% endif %}
+        </div>
+        {% if include.object.lightbox_enabled %}</a>{% endif %}
+    {% endfor %}
+</div>

data/_includes/flow/slider_row.html

@@ -0,0 +1,3 @@
+<div class="col col-12 slider_row">
+    {% include flow/slider.html object=include.object %}
+</div>

data/_includes/flow/tabbed_content.html

@@ -0,0 +1,21 @@
+<div class="col col-12 tabbed_content {% if include.object.style %}{{include.object.style}}{% endif %}">
+    <nav>
+        <div class="nav nav-tabs" id="{{tab.title | slugify}}{{forloop.index}}" role="tablist">
+            {% for tab in include.object.tabs %}
+             <a class="nav-item nav-link {% if forloop.first %}active{% endif %}" href="#{{tab.title | slugify}}{{forloop.index}}" id="{{tab.title | slugify}}{{forloop.index}}-tab"
+                data-toggle="tab" href="#{{tab.title | slugify}}{{forloop.index}}" role="tab"
+                aria-controls="{{tab.title | slugify}}{{forloop.index}}" aria-selected="true">
+                {{tab.title}}
+            </a>
+            {% endfor %}
+        </div>
+    </nav>
+    <div class="tab-content" id="nav-tabContent">
+        {% for tab in include.object.tabs %}
+            <div class="tab-pane fade {% if forloop.first %}show active{% endif %}" id="{{tab.title | slugify}}{{forloop.index}}"
+            role="tabpanel" aria-labelledby="{{tab.title | slugify}}{{forloop.index}}-tab">
+                {{tab.content | markdownify }}
+            </div>
+        {% endfor %}
+    </div>
+</div>

data/_includes/flow/text.html

@@ -0,0 +1,3 @@
+<div class="col col-12 text_block {% if include.object.style %}{{include.object.style}}{% endif %}">
+    {{include.object.text_content.text | markdownify }}
+</div>

data/_includes/flow/title.html

@@ -0,0 +1,3 @@
+<div class="col col-12 title {% if include.object.style %}{{include.object.style}}{% endif %}">
+    <{{include.object.title_content.size}} {% if include.object.title_content.style %}class="{{include.object.title_content.style}}"{% endif %}>{{include.object.title_content.text}}</{{include.object.title_content.size}}>
+</div>

data/_includes/footer/footer.html

@@ -0,0 +1,73 @@
+<footer>
+    <div class="container-fluid">
+        <div class="row main">
+            <div class="container">
+                <div class="row">
+                    {% if site.data.footer.display_contact_details %}
+                    <div class="col col-12 col-lg-4 contact-details">
+                        <a class="email" href="mailto:{{site.email}}?subject={{site.url}}">
+                            <h3>{{site.email}}</h3>
+                        </a>
+                        <address>
+                            {% for address-line in site.address %}
+                            {{address-line}}<br>
+                            {% endfor %}
+                        </address>
+                        <h3>Follow us</h3>
+                        {% include_cached social_media_icons.html %}
+                    </div>
+                    {% endif %}
+                    {% if site.data.footer.middle_column %}
+                    <div class="col col-12 col-lg-4 footer-column">
+                        <h3>{{site.data.footer.middle_column.title}}</h3>
+                        <ul class="list-group">
+                            {% if site.data.footer.middle_column.latest_posts %}
+                            {% include_cached blog/latest_posts.html %}
+                            {% else %}
+                            {% for item in site.data.footer.middle_column.items %}
+                            <li class="list-group-item">
+                                <a href="{{item.url}}">{{item.name}}</a>
+                            </li>
+                            {% endfor %}
+                            {% endif %}
+                        </ul>
+                    </div>
+                    {% endif %}
+                    {% if site.data.footer.third_column %}
+                    <div class="col col-12 col-lg-4 footer-column">
+                        <h3>{{site.data.footer.third_column.title}}</h3>
+                        <ul class="list-group">
+                            {% for item in site.data.footer.third_column.items %}
+                            <li class="list-group-item">
+                                <a href="{{item.url}}">{{item.name}}</a>
+                            </li>
+                            {% endfor %}
+                        </ul>
+                    </div>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+        <div class="row strip p-t-20 p-b-20">
+            <div class="container">
+                <div class="row">
+                    <div class="col col-12 text-white text-center">
+                        <span class="copyright">Copyright &copy; {{ 'now' | date: "%Y" }} {{site.data.footer.copyright_text}}</span>
+                        {% for link in site.data.footer.company_links %}
+                        <span class="coloured-bp">&bull;</span>
+                        <a href="{{link.url}}">{{link.name}}</a>
+                        {% endfor %}
+                    </div>
+                    <div class="col col-12  text-white text-center m-t-10">
+                        {% if site.data.footer.footer_brand %}
+                            <a href="{{site.url}}/">
+                                <img src="{{site.data.footer.footer_brand.logo}}" class="footer-logo mx-auto"
+                                    alt="{{site.name}} Logo" />
+                            </a>
+                        {% endif %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>

data/_includes/image.html

@@ -1,6 +1,5 @@
-{% if include.lightbox_disabled %}
-![{{include.alt}}](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==){:class="img-responsive lazyload {% if include.class %}{{include.class}}{% endif %}" data-src="{% asset_path  '{{include.name}}'  %}"}
-{% else %}
-[![{{include.alt}}](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==){:class="img-responsive lazyload {% if include.class %}{{include.class}}{% endif %}" data-src="{% asset_path '{{include.name}}' %}"}]({% if include.url %}{{include.url}}{% elsif include.lightbox_disabled %}{% else %}{% asset_path "{{include.name}}"  %}{% endif %}){% if include.lightbox_disabled %}{% else %}{% if include.url %}{% else %}{: data-featherlight="{% asset_path '{{include.name}}' %}" data-title="{{include.alt}}"}{% endif %}{% endif %}
-{% endif %}
-
+{% if include.path %}
+{% picture blog_image {{include.path | remove_first: "/assets/images/" }} %}
+{% else %}
+Image path not specified...
+{% endif %}

data/_includes/js_bundles/app.html

@@ -0,0 +1,5 @@
+{% javascript_asset_tag app %}
+- assets/js/app/main.js
+- assets/js/app/sticky-tab-bar.js
+- assets/js/app/custom.js
+{% endjavascript_asset_tag %}

data/_includes/js_bundles/vendor.html

@@ -0,0 +1,13 @@
+{% javascript_asset_tag vendor %}
+- /assets/js/vendor/jquery.js
+- /assets/js/vendor/_popper.js
+- /assets/js/vendor/bootstrap.js
+- /assets/js/vendor/jquery.cookie.js
+- /assets/js/vendor/jquery.ihavecookies.js
+- /assets/js/vendor/lazysizes.js
+- /assets/js/vendor/owl.carousel.js
+- /assets/js/vendor/ls.unveilhooks.js
+- /assets/js/vendor/jquery.doubleScroll.js
+- /assets/js/vendor/featherlight.js
+- /assets/js/vendor/clipboard.min.js
+{% endjavascript_asset_tag %}

data/_includes/nav/brand.html

@@ -0,0 +1,3 @@
+<a class="navbar-brand" href="/">
+    <img src="/assets/images/Linaro-Logo.svg" width="30" height="30" class="d-inline-block align-top" alt="">
+</a>

data/_includes/nav/nav.html

@@ -0,0 +1,133 @@
+{% if site.data.nav.universal_nav %}
+    {% include_cached nav/universal_nav.html %}
+{% endif %}
+{% assign page_base = include.pageUrl | split: "/" %}
+ {% assign current_page_url = include.pageUrl | replace: "index.html", "" %}
+{% if current_page_url == "/" %}
+    {% assign current_page_url  = "do-no-set"%}
+{% endif %}
+<nav class="navbar navbar-expand-md navbar-light bg-light" id="main-navigation">
+    <div class="container">
+        {% include nav/brand.html %}
+        <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbar-collapse"
+            aria-controls="navbar-collapse " aria-expanded="false" aria-label="Toggle navigation">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="sr-only">Toggle navigation</span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbar-collapse">
+            <ul class="navbar-nav ml-auto">
+                {% for section in site.data.nav.pages %}
+                    {% if section.options %}
+                        {% assign active = "" %}
+                        {% if section.active_paths %}
+                            {% for active_path in section.active_paths %}
+                                {% if current_page_url contains active_path %}
+                                        {% assign active = "active" %}
+                                    {% break %}
+                                {% endif %}
+                            {% endfor %}
+                        {% endif %}
+                        {% for menu-item in section.options %}
+                            {% if menu-item.options %}
+                                {% for sub-item in menu-item.options %}
+                                    {% if current_page_url contains sub-item.url or sub-item.url == current_page_url %}
+                                        {% unless sub-item.url contains "http" %}
+                                            {% assign active = "active" %}
+                                            {% break %}
+                                        {% endunless %}
+                                    {% endif %}
+                                {% endfor %}
+                            {% elsif current_page_url contains menu-item.url or menu-item.url == current_page_url %}
+                                {% unless menu-item.url contains "http" %}
+                                    {% assign active = "active" %}
+                                    {% break %}
+                                {% endunless %}
+                            {% endif %}
+                        {% endfor %}
+
+                        <li  class="nav-item dropdown {{active}}">
+                            <a class="nav-link dropdown-toggle" href="#" id="dropdown-{{forloop.index}}" role="button" data-toggle="dropdown"
+                                aria-haspopup="true" aria-expanded="false">
+                                {{section.title}}
+                            </a>
+                            <ul class="dropdown-menu" aria-labelledby="dropdown-{{forloop.index}}">
+                                {% for menu_option in section.options %}
+                                    {% if menu_option.options %}
+                                    <li class="dropdown-item dropdown {% if section.left %} pull-left {% endif %}">
+                                        <a href="#" id="dropdown1-{{forloop.index}}" data-toggle="dropdown" aria-haspopup="true"
+                                            aria-expanded="false" class="dropdown-toggle">
+                                            {{menu_option.text}}
+                                        </a>
+                                        <ul class="dropdown-menu" aria-labelledby="dropdown1-{{forloop.index}}">
+                                        {% for sub-option in menu_option.options %}
+                                            {% if sub-option.options %}
+                                                <li class="dropdown-item dropdown">
+                                                    <a href="#" class="dropdown-toggle" id="dropdown1-1-{{forloop.index}}"
+                                                    data-toggle="dropdown" aria-haspopup="true"
+                                                    aria-expanded="false">
+                                                        {{sub-option.text}}
+                                                    </a>
+                                                    <ul class="dropdown-menu" aria-labelledby="dropdown1-1-{{forloop.index}}">
+                                                        {% for sub-sub-option in sub-option.options %}
+                                                            <li >
+                                                                <a href="{{sub-sub-option.url}}">{{sub-sub-option.text}}</a>
+                                                            </li>
+                                                        {% endfor %}
+                                                    </ul>
+                                                </li>
+                                            {% else %}
+                                                <li><a href="{{sub-option.url}}">{{sub-option.text}}</a></li>
+                                            {% endif %}
+                                        {% endfor %}
+                                        </ul>
+                                        </li>
+                                    {% else %}
+                                        <li>
+                                            <a href="{{menu_option.url}}">
+                                            {{menu_option.text}}
+                                            {% if menu_option.external %}<i class="glyphicon glyphicon-new-window pull-right"></i>{% endif %}
+                                            </a>
+                                        </li>
+                                    {% endif %}
+                                {% endfor %}
+                            </ul>
+                        </li>
+                    {% else %}
+                            {% assign active = "" %}
+                            {% if section.url == current_page_url or current_page_url contains section.url %}
+                                {% assign active = "active" %}
+                            {% elsif section.active_paths %}
+                                {% for active_path in section.active_paths %}
+                                    {% if current_page_url contains active_path %}
+                                        {% assign active = "active" %}
+                                        {% break %}
+                                    {% endif %}
+                                {% endfor %}
+                            {% endif %}
+                        <li class="nav-item {{active}}">
+                            <a class="nav-link" href="{{section.url}}">{{section.title}} {% if active == "active" %}<span class="sr-only">(current)</span>{% endif %}</a>
+                        </li>
+                    {% endif %}
+                {% endfor %}
+                {% if site.data.nav.search.enabled %}
+                <li class="nav-item dropdown search">
+                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
+                        aria-haspopup="true" aria-expanded="false">
+                        <i class="icon-search"></i>
+                    </a>
+                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                        <form class="form-inline flex-nowrap" action="/search/" method="GET" target="_self" id="search_form">
+                            <input class="form-control border-0" name="q" type="search" placeholder="Search..." aria-label="Search">
+                            <button class="btn btn-outline-primary border-0" type="submit">Search</button>
+                            <input type="hidden" name="fields.label" value="{{ site.data.settings.search-label }}">
+                        </form>
+                    </div>
+                </li>
+                {% endif %}
+            </ul>
+
+        </div>
+    </div>
+</nav>