linaro-jekyll-theme 1.3 → 4.0.1

data/_includes/flow/blocks.html

@@ -0,0 +1,73 @@
+<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 %}
+                {% if block.modal_content %}
+                <!-- Modal -->
+                <div class="modal fade" id="blockModal-{{forloop.index}}-{{block.title | slugify}}" tabindex="-1" role="dialog" aria-labelledby="blockModalLabel-{{forloop.index}}-{{block.title | slugify}}"
+                    aria-hidden="true">
+                    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+                        <div class="modal-content">
+                            <div class="modal-header">
+                                <h5 class="modal-title" id="blockModalLabel-{{forloop.index}}-{{block.title | slugify}}">{{block.title}}</h5>
+                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                    <span aria-hidden="true">&times;</span>
+                                </button>
+                            </div>
+                            <div class="modal-body text-left">
+                                {{block.modal_content | markdownify}}
+                            </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                {% endif %}
+                <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.style %}{{block.style}}{% endif %}">
+                        {% if block.image %}
+                            {% assign block_image = block.image %}
+                            {% 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.content_style %}{{block.content_style}}{% 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.modal_content %}
+                                <!-- Button trigger modal -->
+                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#blockModal-{{forloop.index}}-{{block.title | slugify}}">
+                                    More Info
+                                </button>
+                            {% else %}
+                                {% if block.buttons %}
+                                    {% for button in block.buttons %}
+                                        {% include flow/button.html object=button %}
+                                    {% endfor %}
+                                {% endif %}
+                            {% 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/flow/button.html

@@ -0,0 +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> 

data/_includes/flow/buttons.html

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

data/_includes/flow/call-to-action-banner.html

@@ -0,0 +1,8 @@
+<div class="row" id="call_to_action_banner">
+    {% if include.object.image %}
+        {% picture backgroundImage {{include.object.image.path}} alt=include.object.image.alt %}
+    {% endif %}
+    <div class="container">
+        {% if include.object.title %}<h1>{{include.object.title}}</h1>{% endif %}
+    </div>
+</div>

data/_includes/flow/collapse.html

@@ -0,0 +1,21 @@
+<div class="col col-12 blocks {% if include.object.style %}{{include.object.style}}{% endif %}">
+    <div id="collapseSection" role="tablist" aria-multiselectable="true">
+        {% for panel in include.object.panels %}
+            <div class="card mb-3 border-0">
+                <div class="card-header border" role="tab" id="section{{forloop.index}}Header">
+                    <h2 class="mb-0">
+                        <button class="btn btn-link btn-block text-left text-dark {% unless forloop.first %}collapsed{% endunless %}" type="button" data-toggle="collapse" data-target="#section{{forloop.index}}Content"
+                            aria-expanded="true" aria-controls="section{{forloop.index}}Content">
+                            {{panel.title}}
+                        </button>
+                    </h2>
+                </div>
+                <div id="section{{forloop.index}}Content" class="mt-3 collapse {% if forloop.first %}show{% endif %}" role="tabpanel" aria-labelledby="section{{forloop.index}}Header">
+                    <div class="card-body border">
+                        {{panel.content | markdownify}}
+                    </div>
+                </div>
+            </div>
+        {% endfor %}
+    </div>
+</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 %}
+    {% 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 %}
+                {% 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,29 @@
+{% 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 == "collapse" %}
+        {% include flow/collapse.html object=section %}
+    {% elsif section.format == "block" %}
+        {% include flow/blocks.html object=section %}
+    {% elsif section.format == "image" %}
+        {% include flow/image.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/flow/full_width_row.html

@@ -0,0 +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/flow_inner.html sections=include.object.sections %}
+</div>

data/_includes/flow/image.html

@@ -0,0 +1,12 @@
+<div class="col col-12 content_image {% if include.object.style %}{{include.object.style}}{% endif %}">
+    {% if include.object.size %}
+    <div class="row">
+        {% assign offset = 12 | minus: include.object.size | divided_by: 2 %}
+        <div class="col col-12 col-sm-{{include.object.size}} offset-sm-{{offset}} content_image__innner_col">
+            {% picture content_image {{include.object.path}} --alt {{include.object.alt}} %}
+        </div>
+    </div>
+    {% else %}
+        {% picture content_image {{include.object.path}} --alt {{include.object.alt}} %}
+    {% endif %}
+</div>

data/_includes/flow/members-section.html

@@ -0,0 +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 %}
+    {% 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/flow/slider.html

@@ -0,0 +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}}{% 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="{{page.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,29 @@
+<footer>
+    <div class="container-fluid">
+        <div class="row strip p-t-20 p-b-20">
+            <div class="container">
+                <div class="row">
+                    <div class="col col-12 text-center">
+                        {% include components/github_edit.html pagePath=page.path pagePermalink=page.permalink %}
+                    </div>
+                    <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 %}
+                        {% include_cached social_media_icons.html %}
+                    </div>
+                    {% if site.data.footer.footer_brand %}
+                    <div class="col col-12  text-white text-center m-t-10">
+                        <a href="{{site.url}}/">
+                            <img src="{{site.data.footer.footer_brand.logo}}" class="footer-logo mx-auto"
+                                alt="{{site.name}} Logo" />
+                        </a>
+                    </div>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>

data/_includes/image.html

@@ -1,6 +1,17 @@
-{% 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}}' %}"}
+{% if include.alt %}
+    {% capture image_alt %}{{include.alt}}{% endcapture %}
 {% 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-lightbox="{{include.name}}" data-title="{{include.alt}}"}{% endif %}{% endif %}
+    {% capture image_alt %}{{page.title}} content image{% endcapture %}
+{% endif %}
+{% if include.class %}
+    {% capture image_class %}{{include.class}}{% endcapture %}
+{% else %}
+    {% capture image_class %}{% endcapture %}
+{% endif %}
+{% if include.url %}
+<a href="{{include.url}}" target="_blank">
+{% endif %}
+{% picture blog_image {{include.path}} class="{{image_class}}"  --alt {{image_alt}} --class {{image_class}} %}
+{% if include.url %}
+</a>
 {% endif %}
-

data/_includes/js_bundles/app.html

@@ -0,0 +1,4 @@
+{% javascript_asset_tag app %}
+- assets/js/app/main.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/featherlight.js
+- /assets/js/vendor/clipboard.min.js
+- /assets/js/vendor/simple-jekyll-search.min.js
+{% endjavascript_asset_tag %}

data/_includes/media.html

@@ -1,11 +1,11 @@
 {% if include.media_url contains "https://youtu.be/" %}
     {% assign media_url = include.media_url | replace: 'https://youtu.be/','https://youtube.com/embed/'%}
-{% elsif include.media_url contains "https://www.youtube.com/watch?v="%}
+{% elsif include.media_url contains "https://www.youtube.com/watch?v=" %}
     {% assign media_url = include.media_url | replace: 'https://www.youtube.com/watch?v=','https://youtube.com/embed/'%}
 {% else %}
-    {% assign media_url = include.media_url%}
+    {% assign media_url = include.media_url %}
 {% endif %}
 
-<div class="embed-responsive embed-responsive-16by9">
-  <iframe src="" allowFullScreen="allowFullScreen" frameBorder="0" class="lazyload embed-responsive-item" data-src="{{media_url}}"></iframe>
+<div class="embed-responsive embed-responsive-16by9" {% if include.class %}{{include.class}}{% endif %}>
+  <iframe src='about:blank' allowFullScreen="allowFullScreen" frameBorder="0" class="lazyload embed-responsive-item" data-src="{{media_url}}"></iframe>
 </div>

data/_includes/nav/brand.html

@@ -0,0 +1,3 @@
+<a class="navbar-brand" href="/">
+    <img src="/assets/images/Linaro-Logo.svg" alt="Linaro Logo" width="30" height="30" class="d-inline-block align-top">
+</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" aria-label="Search dropdown" 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.search_label }}">
+                        </form>
+                    </div>
+                </li>
+                {% endif %}
+            </ul>
+
+        </div>
+    </div>
+</nav>