linaro-jekyll-theme 0.2.0.1 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 5cb77e2d7b0e2f4a88bc2ccc18d46914415b0ddb
-  data.tar.gz: ddf0b8cb7c66f8056f4cdbc1b44ed251b1d8d280
+  metadata.gz: 0c44e3b72bfbeae7c2690bdf85b59ae5cfafea4f
+  data.tar.gz: 66e218800d19357f2896fa186fa6b54b6a83a68f
 SHA512:
-  metadata.gz: 8c9550b903f4772d56b22efe72f516ba7bb791d72646d0c74e242ac4fc7b916f14594f1f6d52dd0306979898fb209c5376750e97d4229ca79e5483dc4ad11303
-  data.tar.gz: b3fc5fb750f086fe7cb751d93bcea6d6bec5485f82b2dd38c77bbcd23815e0e76e9b2ae7abad3332dccc201a977a20225873cdd0165df495014177fa5d057c87
+  metadata.gz: 6f08a2e09ff09d83a1511ee4edca3f2b490fbd26e0810048a9242082d3231d0deef9f6a8093b4c2cc6bbdb858c9cc76823caebd395fa6d6ae401e6471c5b0736
+  data.tar.gz: a7607a78bce35d0c6892425017cbe8c4168885ff539759fe2b1cde5a8a6f98fc40c94887e6fb082b876d417def091b6dc441dc02c1b2ccb143c6a73bcf029911

data/README.md

@@ -4,48 +4,18 @@ Welcome to your new Jekyll theme! In this directory, you'll find the files you n
 
 TODO: Delete this and the text above, and describe your gem
 
-## Contributing
-
-Bug reports and pull requests are welcome on GitHub at https://github.com/kylekirkby/LinaroJekyllTheme. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
-
-## Development
-
-To set up your environment to develop this theme, run `bundle install`.
-
-Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
-
-When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
-
-## License
-
-The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
-=======
-# LinaroJekyllTheme
-
-A Jekyll theme for Linaro Static Websites.
-
 ## Installation
 
-In order to setup up a new jekyll site with the Linaro Jekyll Theme you must do the following:
+Add this line to your Jekyll site's `Gemfile`:
 
+```ruby
+gem "LinaroHyperBlipTheme"
 ```
-jekyll new NameOfYourSite
-```
-Look for for the default Jekyll Minima Theme include in your `_config.yml` file. Changed this:
 
-```yaml
-theme: minima
-```
-to this:
+And add this line to your Jekyll site's `_config.yml`:
 
 ```yaml
-theme: linaro-jekyll-theme
-```
-
-Add this line to your Jekyll site's `Gemfile`:
-
-```ruby
-gem "linaro-jekyll-theme"
+theme: LinaroHyperBlipTheme
 ```
 
 And then execute:
@@ -54,30 +24,27 @@ And then execute:
 
 Or install it yourself as:
 
-    $ gem install linaro-jekyll-theme
+    $ gem install LinaroHyperBlipTheme
 
+## Usage
 
-Once you have done this make sure the theme has installed correctly by running the following command:
+TODO: Write usage instructions here. Describe your available layouts, includes, and/or sass.
 
-```
-jekyll serve
-```
-
-## Theme Usage
+## Contributing
 
-The Linaro Jekyll Theme comes with a many features/layouts that you can use in your theme implementation to make your theme look the best it possibly can.
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
 
-    1. Generated breadcrumb
-    2. Responsive image and media includes.
+## Development
 
-# Images
-If you are using custom images in your static site then put them in /assets/images. Your images will be included with any that are needed included with the Theme.
+To set up your environment to develop this theme, run `bundle install`.
 
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
 
-# Social Media Share Image
+When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
 
-To add a social media share image create the following file in your site folder to replace the default share image that is used by open graph and twitter cards in the jekyll-seo-tag plugin.
+## License
 
-```
-/assets/images/social-media-image.png
-```
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+=======
+# LinaroJekyllTheme
+A Jekyll theme for Linaro Static Websites.

data/_data/footer.yml

@@ -1,4 +1,3 @@
-
 columns:
     - title: Column 1
       url: /

data/_includes/_theme-includes/_blog/pagination.html

@@ -1,5 +1,5 @@
 {% if paginator.total_pages > 1 %}
-<div class="text-center" id="pagination_panel">
+<div class="text-center">
     <ul class="pagination pagination-sm">
       {% if paginator.previous_page %}
         <li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a></li>

data/_includes/_theme-includes/_footer/backup.html

@@ -0,0 +1,71 @@
+<!-- <div class="col-lg-2  col-md-2 col-sm-4 col-xs-6">
+    <h3>Store</h3>
+    <ul class="list-unstyled ">
+      <li><a href="/product/hikey/">HiKey Board</a></li>
+      <li><a href="/product/dragonboard410c/">DragonBoard™ 410c</a></li>
+      <li><a href="/product/bubblegum-96/">Bubblegum-96</a></li>
+      <li><a href="/product/mediatek-x20/">Mediatek X20</a></li>
+      <li><a href="/product/carbon/">Carbon</a></li>
+      <li><a href="/product/uarts/">UART Serial Adapter</a></li>
+      <li><a href="/products/">View All</a></li>
+    </ul>
+</div>
+<div class="col-lg-2  col-md-2 col-sm-4 col-xs-6">
+    <h3>Products</h3>
+    <ul class="list-unstyled ">
+      <li><a href="/products/ce/">Consumer Edition</a></li>
+      <li><a href="/products/ee/">Enterprise Edition</a></li>
+      <li><a href="/products/iote/">IoT Edition</a></li>
+      <li><a href="/products/mezzanine/">Mezzanine Products</a></li>
+      <li><a href="/products/accessories/">Accessories</a></li>
+      <li><a href="/products/">View All</a></li>
+    </ul>
+</div>
+<div class="col-lg-2  col-md-2 col-sm-4 col-xs-6">
+    <h3>Specification</h3>
+    <ul class="list-unstyled ">
+      <li><a href="/ce-specification">Consumer Edition (CE)</a></li>
+      <li><a href="/ee-specification">Enterprise Edition (EE)</a></li>
+      <li><a href="/ie-specification">IoT Edition (IE)</a></li>
+      <li><br /></li>
+      <li><b>Addenda</b></li>
+      <li><a href="/camera-spec">Camera Module Interface</a></li>
+      <li><a href="/tv-specification">96Boards TV Platform</a></li>
+    </ul>
+</div>
+<div class="col-lg-2  col-md-2 col-sm-4 col-xs-6">
+    <h3>About</h3>
+    <ul class="list-unstyled ">
+      <li><a href="/specifications/">Specification</a></li>
+      <li><a href="/news/">Newsroom</a></li>
+      <li><a href="https://www.linaro.org/careers/">Careers</a></li>
+      <li><a href="/press/">Press Info</a></li>
+      <li><a href="/membership/">Membership</a></li>
+      <li><a href="/compliance/">Compliance</a></li>
+      <li><a href="/contact/">Contact 96Boards</a></li>
+    </ul>
+</div>
+<div class="col-lg-2  col-md-2 col-sm-4 col-xs-6">
+    <h3>Support</h3>
+    <ul class="list-unstyled ">
+      <li><a href="https://discuss.96boards.org/c/products/hikey">Lemaker Hikey</a></li>
+      <li><a href="https://discuss.96boards.org/c/products/dragonboard410c">DragonBoard410c</a></li>
+      <li><a href="https://discuss.96boards.org/c/products/mediatek-x20">MediaTek-X20</a></li>
+      <li><a href="https://discuss.96boards.org/c/products/bubblegum96">Bubblegum-96</a></li>
+      <li><a href="https://discuss.96boards.org/c/products/carbon">Carbon</a></li>
+      <li><a href="https://discuss.96boards.org/c/products/poplar">Poplar</a></li>
+      <li><a href="https://discuss.96boards.org/c/products/mezzanine">Mezzanine Support</a></li>
+    </ul>
+</div>
+<div class="col-lg-2  col-md-2 col-sm-4 col-xs-6">
+    <h3>Social Media</h3>
+    <ul class="list-unstyled ">
+      <li><a href="https://github.com/96boards">Github</a></li>
+      <li><a href="https://www.facebook.com/96Boards">Facebook</a></li>
+      <li><a href="https://www.youtube.com/channel/UCjawhk_W1QnJs3pKIsKLJNg">Youtube</a></li>
+      <li><a href="https://twitter.com/96Boards">Twitter</a></li>
+      <li><a href="https://www.linkedin.com/company/6637095">Linkedin</a></li>
+      <li><a href="http://slideshare.com/96boards">Slideshare</a></li>
+      <li><a href="https://plus.google.com/106009833460292139774/posts">Google +</a></li>
+    </ul>
+</div> -->

data/_includes/_theme-includes/_footer/footer.html

@@ -1,25 +1,8 @@
-{% if site.data.company.members %}
-    {% assign included = true %}
-
-    {% if site.data.company.members.excludes %}
-        {% for excluded_page in site.data.company.members.excludes %}
-            {% if page.url == excluded_page %}
-                {% assign included = false %}
-            {% endif %}
-        {% endfor %}
-    {% endif %}
-
-    {% if included %}
-        {% include _theme-includes/members.html %}
-    {% endif %}
-
+{% if page.url == "/about/" or page.url == "/compliance/" or page.url == "/specifications/" or page.url == "/membership/" or page.url == "/news/" %}
+    {% include _theme-includes/members.html %}
 {% endif %}
-
-
-{% if site.data.company.newsletter.enabled == true %}
-    {% if page.url != "/search/" %}
-        {% include _theme-includes/_third-party/mailchimp-homepage.html %}
-    {% endif %}
+{% if page.url != "/search/" %}
+    {% include _theme-includes/_third-party/mailchimp-homepage.html %}
 {% endif %}
 </div>
 <div class="row">
@@ -27,59 +10,45 @@
     <div class="footer" id="footer">
         <div class="container">
             <div class="row main-footer-content">
-                {% for column in site.data.footer.columns %}
+                {% for column in site.footer.columns %}
                 <div class="col-xs-6 col-md-2">
                     <ul class="list-unstyled ">
-                        <li><b><a class="footer-heading" href="{% if column.url %}{{column.url}}{% else %}#{% endif %}">{{column.title}}</a></b></li>
-                        {% if column.items %}
-                            {% for item in column.items %}
-                                <li><a class="footer-element" href="{{item.url}}">{{item.text}}</a></li>
-                            {% endfor %}
-                        {% endif %}
+                        <li><b><a href="{{column.url}}">{{column.title}}</a></b></li>
+                        {% for item in column.items %}
+                            <li><a href="{{item.url}}">{{item.text}}</a></li>
+                        {% endfor %}
                     </ul>
                 </div>
                 {% endfor %}
-
-                {% if site.data.footer.image %}
-                <div class="col-xs-6 col-md-2">
-                  <a href="/"><img src="{% if site.using_assets == true %}{% asset_path '{{site.data.footer.image}}' %}{% else %}{{site.data.footer.image}}{% endif %}" class="footer-logo pull-right" alt="{{site.data.company.name}}"/></a>
-                </div>
-                {% endif %}
             </div>
 
 <div class="row footer-strip">
     <div class="container">
         <div class="col-md-6 company-footer-bottom">
-            <a href="{{site.data.linaro.url}}"><img src="{{site.data.linaro.footer-logo}}" class="linaro-logo" alt="Linaro Icon"/></a>
-            Portions of this content &copy; 2017 <a href="{{site.data.linaro.url}}">{{site.data.linaro.name}}</a>
-            {% for companypage in site.data.footer.companylinks %}
+            <a href="{{site.linaro.url}}"><img src="{{site.linaro.footer-logo}}" width="40px" height="100%" alt="Linaro Icon"/></a>
+            <a style="color:white;">Portions of this content &copy; 2017 <a href="{{site.linaro.url}}">{{site.linaro.name}}</a>
+            {% for companypage in site.footer.companylinks %}
                 <span class="coloured-bp">&bull;</span> <a href="{{companypage.url}}">{{companypage.name}}</a>
             {% endfor %}
         </div>
-        <div class="col-md-6 social-footer-bottom text-right">
-            {% if site.data.company.facebook_username %}
-                <a href="http://facebook.com/{{site.data.company.facebook_username}}" class="btn btn-social-icon"><i class="icon-facebook"></i></a>
-            {% endif %}
-            {% if site.data.company.github_username %}
-                <a href="https://github.com/{{site.data.company.github_username}}" class="btn btn-social-icon"><i class="icon-github-circled"></i></a>
-            {% endif %}
-            {% if site.data.company.google_plus_username %}
-                <a href="https://plus.google.com/{{site.data.company.google_plus_username}}/posts" class="btn btn-social-icon"><i class="icon-gplus"></i></a>
-            {% endif %}
-            {% if site.data.company.linkedin_username %}
-                <a href="https://www.linkedin.com/company/{{site.data.company.linkedin_username}}" class="btn btn-social-icon"><i class="icon-linkedin"></i></a>
-            {% endif %}
-            {% if site.data.company.twitter_username %}
-                <a href="https://twitter.com/{{site.data.company.twitter_username}}" class="btn btn-social-icon"><i class="icon-twitter"></i></a>
-            {% endif %}
-            {% if site.data.company.youtube_username %}
-                <a href="https://www.youtube.com/{{site.data.company.youtube_username}}" class="btn btn-social-icon"><i class="icon-youtube"></i></a>
-            {% endif %}
+        <div class="col-md-6 social-footer-bottom">
+            <a href="http://facebook.com/{{site.facebook_username}}" class="btn btn-social-icon"><i class="icon-facebook"></i></a>
+            <a href="https://github.com/{{site.github_username}}" class="btn btn-social-icon"><i class="icon-github-circled"></i></a>
+            <a href="https://plus.google.com/{{site.google_plus_username}}/posts" class="btn btn-social-icon"><i class="icon-gplus"></i></a>
+            <a href="https://www.linkedin.com/company/{{site.linkedin_username}}" class="btn btn-social-icon"><i class="icon-linkedin"></i></a>
+            <a href="https://twitter.com/{{site.twitter_username}}" class="btn btn-social-icon"><i class="icon-twitter"></i></a>
+            <a href="https://www.youtube.com/{{site.youtube_username}}" class="btn btn-social-icon"><i class="icon-youtube"></i></a>
         </div>
         <div style="clear:both;"></div>
     </div>
 </div>
 <!--/.container-->
+
+
+
 </div>
+
 </footer>
+
+
 </div>

data/_includes/_theme-includes/_head/ascii-art.html

@@ -0,0 +1,11 @@
+<!--
+  __     ____  ____                               __
+/'_ `\  /'___\/\  _`\                            /\ \
+/\ \L\ \/\ \__/\ \ \L\ \    ___      __     _ __  \_\ \    ____
+\ \___, \ \  _``\ \  _ <'  / __`\  /'__`\  /\`'__\/'_` \  /',__\
+\/__,/\ \ \ \L\ \ \ \L\ \/\ \L\ \/\ \L\.\_\ \ \//\ \L\ \/\__, `\
+     \ \_\ \____/\ \____/\ \____/\ \__/.\_\\ \_\\ \___,_\/\____/
+      \/_/\/___/  \/___/  \/___/  \/__/\/_/ \/_/ \/__,_ /\/___/
+If you are seeing this we are hiring
+www.linaro.org/careers/
+-->

data/_includes/_theme-includes/_head/head.html

@@ -1,25 +1,17 @@
 <!DOCTYPE html>
-<html lang="en">
+<html>
     <head>
-        <title>
-            {% if page.title %}
-                     {{page.title}} - {{site.title}}
-            {% elsif site.data.company.slogan %}
-                    {{site.title}} - {{site.data.company.slogan}}
-            {% else %}
-                    {{site.title}}
-            {% endif %}
-        </title>
+        <title>{% if page.title %}{{site.title}} - {{page.title}}
+            {% elsif page.page_title %}{{site.title}} - {{page.page_title}}
+            {% else %}{{site.title}}-  32- and 64-bit ARM Boards - Develop & Prototype ARM{% endif %}</title>
+        {% include _theme-includes/_head/ascii-art.html %}
         {% include _theme-includes/_script-includes/css.html %}
-        <link rel="icon" href="{% if site.data.company.favicon %}{% if site.using_assets %}{% asset_path '{{site.data.company.favicon}}' %}{% else %}{{site.data.company.favicon}}{% endif %}{% else %}/assets/images/favicon.png?v=2{% endif %}" type="image/png" />
+        <link rel="icon" href="/images/favicon.png" type="image/png" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta charset="UTF-8">
-        {% if site.data.company.google.tag_manager %}
+        {% if site.google-tag-manager %}
           {% include _theme-includes/_script-includes/gtm/gtm-script.html %}
         {% endif %}
-        {% if site.data.company.google.analytics %}
-            {% include _theme-includes/_script-includes/google-analytics/script.html %}
-        {% endif %}
         {% if page.keywords %}
         <meta name="keywords" content="{{page.keywords}}">
         {% endif %}

data/_includes/_theme-includes/_navigation/_sub-navigation/tabbed-nav.html

@@ -0,0 +1,150 @@
+    <div class="tabbed-area" id="tabbed-nav-bar"><!-- Nav tabs -->
+    <nav class="navbar-default" role="navigation">
+    <div class="container">
+        <div class="navbar-header">
+                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#tabbed-nav-bar-collapse">
+                    <span class="sr-only">Toggle navigation</span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+                <a class="navbar-brand" id="sub-navigation-header" href=""></a>
+            </div>
+            <div class="collapse navbar-collapse" id="tabbed-nav-bar-collapse">
+                <ul class="nav nav-tabs tabbed-nav" id="tab-row" role="tablist">
+                    {% assign page_base =  page.url | split:'/' %}
+                    <!--About Sub Navigation START-->
+                    {% if page.permalink == "/about/" or
+                        page.permalink == "/specifications/" or
+                        page.permalink == "/compliance/" or
+                        page.permalink == "/membership/" or
+                        page.permalink == "/news/" or
+                        page.permalink == "/partner/" %}
+                        <li role="presentation" {% if page.permalink == '/about/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/about/" aria-controls="overview" role="link">96Boards Overview</a></li>
+                        <li role="presentation" {% if page.permalink == '/specifications/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/specifications/" aria-controls="lswg" role="link">Specifications</a></li>
+                        <li role="presentation" {% if page.permalink == '/compliance/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/compliance/" aria-controls="lswg" role="link">Compliance</a></li>
+                        <li role="presentation" {% if page.permalink == '/membership/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/membership/" aria-controls="lswg" role="link">Membership</a></li>
+                        <li role="presentation" {% if page.permalink == '/news/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/news/" aria-controls="lswg" role="link">News</a></li>
+                    {% endif %}
+                    <!--About Sub Navigation END-->
+
+                    <!--Products Sub Navigation START-->
+                    {% if page.permalink == "/products/" or
+                        page.permalink == "/products/ce/" or
+                        page.permalink == "/products/ee/" or
+                        page.permalink == "/products/ie/" or
+                        page.permalink == "/products/mezzanine/" or
+                        page.permalink == "/products/accessories/" %}
+                        {% assign active == "active" %}
+                        <li role="presentation" {% if page.permalink == '/products/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/products/" aria-controls="overview" role="link">Latest Boards</a></li>
+                        <li role="presentation" {% if page.permalink == '/products/ce/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/products/ce/" aria-controls="lswg" role="link">Consumer Edition</a></li>
+                        <li role="presentation" {% if page.permalink == '/products/ee/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/products/ee/" aria-controls="lswg" role="link">Enterprise Edition</a></li>
+                        <li role="presentation" {% if page.permalink == '/products/ie/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/products/ie/" aria-controls="lswg" role="link">IoT Edition</a></li>
+                        <li role="presentation" {% if page.permalink == '/products/mezzanine/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/products/mezzanine/" aria-controls="lswg" role="link">Mezzanine Products</a></li>
+                        <li role="presentation" {% if page.permalink == '/products/accessories/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/products/accessories/" aria-controls="lswg" role="link">Accessories</a></li>
+                    {% endif %}
+
+                    {% if page.permalink == "/projects/" or
+                        page_base[1] == "projects" and page_base[2] or
+                        page.permalink == "/projects/contribute.md/" or
+                        page.permalink == "/projects/faq.md/" or
+                        page.permalink == "/projects/submit.md/" %}
+                            {% if page_base[2] and
+                             page_base[2] != "faq.md" and
+                             page_base[2] != "contribute.md" and
+                             page_base[2] != "submit.md" %}
+                                <li role="presentation" class="active tabbed-nav-btn"><a href="{{page.permalink}}" aria-controls="overview" role="link">{{page.title}}</a></li>
+                            {% endif %}
+                        <li role="presentation" {% if page.permalink == '/projects/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/projects/" aria-controls="overview" role="link">Projects</a></li>
+                        <li role="presentation" {% if page.permalink == '/projects/contribute.md/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/projects/contribute.md/" aria-controls="lswg" role="link">Contribute</a></li>
+                        <li role="presentation" {% if page.permalink == '/projects/faq.md/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/projects/faq.md/" aria-controls="lswg" role="link">FAQ</a></li>
+                        <li role="presentation" class="tabbed-nav-btn"><a href="https://www.96boards.org/openhours/" aria-controls="lswg" role="link">OpenHours</a></li>
+                        <li role="presentation" {% if page.permalink == '/projects/submit.md/' %}class="active tabbed-nav-btn pull-right"{% else %}class="tabbed-nav-btn pull-right"{% endif %}><a href="/projects/submit.md/" aria-controls="lswg" role="link">Submit a Project</a></li>
+                    {% endif %}
+
+                    {% if page.permalink == "/product/debug/" or
+                        page.permalink == "/product/power/" or
+                        page.permalink == "/product/misc/" or
+                        page.permalink == "/product/adapter/" %}
+                        <li role="presentation" class="tabbed-nav-btn"><a href="/products/accessories/" aria-controls="overview" role="link">All Accessories</a></li>
+                        <li role="presentation" {% if page.permalink == '/product/debug/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/product/debug/" aria-controls="lswg" role="link">Debug</a></li>
+                        <li role="presentation" {% if page.permalink == '/product/power/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/product/power/" aria-controls="lswg" role="link">Power</a></li>
+                        <li role="presentation" {% if page.permalink == '/product/adapter/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/product/adapter/" aria-controls="lswg" role="link">Adapters</a></li>
+                        <li role="presentation" {% if page.permalink == '/product/misc/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/product/misc/" aria-controls="lswg" role="link">Misc</a></li>
+                    {% endif %}
+
+                    {% assign product = site.data.product_db.products | where: "product_permalink", page.permalink | first %}
+                    {% if product %}
+                        {% if product.product_specification == "ce"
+                        or product.product_specification == "ee"
+                        or product.product_specification == "ie"
+                        or product.product_specification == "mezzanine" %}
+                            {% assign page-url = page.url | downcase %}
+                            {% assign getting-started = product.product_getting_started %}
+                            {% assign tutorials = product.product_permalink | split: "/"%}
+                            {% assign tutorials = product.product_tutorials_link %}
+                            <li role="presentation" class="active tabbed-nav-btn"><a href="{{ page.permalink }}" aria-controls="overview" role="link">{{ product.product_title }}</a></li>
+                            {% if product.product_getting_started %}
+                            <li role="presentation" class="tabbed-nav-btn"><a href="{{getting-started}}" aria-controls="lswg" role="link">Getting Started</a></li>
+                            {% endif %}
+                            {% if product.product_documentation_link %}
+                            <li role="presentation" class="tabbed-nav-btn"><a href="{{ product.product_documentation_link }}" aria-controls="lswg" role="link">Documentation</a></li>
+                            {% endif %}
+                            {% if product.product_tutorials_link %}
+                            <li role="presentation" class="tabbed-nav-btn"><a href="{{tutorials}}" aria-controls="lswg" role="link">Tutorial</a></li>
+                            {% endif %}
+                            {% if product.product_support_link %}
+                            <li role="presentation" class="tabbed-nav-btn pull-right"><a href="{{ product.product_support_link }}" aria-controls="lswg" role="link">Support Forum</a></li>
+                            {% endif %}
+                        {% else %}
+                            <li role="presentation" class="tabbed-nav-btn"><a href="/products/" aria-controls="overview" role="link">Latest Boards</a></li>
+                            <li role="presentation" class="tabbed-nav-btn"><a href="/products/ce/" aria-controls="lswg" role="link">Consumer Edition</a></li>
+                            <li role="presentation" class="tabbed-nav-btn"><a href="/products/ee/" aria-controls="lswg" role="link">Enterprise Edition</a></li>
+                            <li role="presentation" class="tabbed-nav-btn"><a href="/products/ie/" aria-controls="lswg" role="link">IoT Edition</a></li>
+                            <li role="presentation" class="active tabbed-nav-btn"><a href="/products/mezzanine/" aria-controls="lswg" role="link">Mezzanine Products</a></li>
+                            <li role="presentation" class="tabbed-nav-btn"><a href="/products/accessories/" aria-controls="lswg" role="link">Accessories</a></li>
+                        {% endif %}
+                    {% endif %}
+
+                    {% if page_base[1] == "product"%}
+                        {% if page.permalink == "/product/dragonboard410c-buy.md/" %}
+                            <li role="presentation"><a href="/products/" aria-controls="overview" role="link">Latest Boards</a></li>
+                            <li role="presentation" {% if page.permalink == '/product/dragonboard410c-buy.md/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/products/ce/" aria-controls="lswg" role="link">Consumer Edition</a></li>
+                            <li role="presentation"><a href="/products/ee/" aria-controls="lswg" role="link">Enterprise Edition</a></li>
+                            <li role="presentation"><a href="/products/ie/" aria-controls="lswg" role="link">IoT Edition</a></li>
+                            <li role="presentation"><a href="/products/mezzanine/" aria-controls="lswg" role="link">Mezzanine Products</a></li>
+                            <li role="presentation"><a href="/products/accessories/" aria-controls="lswg" role="link">Accessories</a></li>
+                        {% endif %}
+                    {% endif %}
+
+                    {% if page_base[1] == "documentation" %}
+                        {% if page_base[3] %}
+                            {% assign product-name = page_base[3]%}
+                            {% capture documentation-link %}/{{page_base[1]}}/{{page_base[2]}}/{{page_base[3]}}/{% endcapture %}
+                            {% capture support-link %}/{{page_base[1]}}/{{page_base[2]}}/{{page_base[3]}}/{% endcapture %}
+                            {% capture documentation-link %}/{{page_base[1]}}/{{page_base[2]}}/{{page_base[3]}}/{% endcapture %}
+                            <li role="presentation" class="active tabbed-nav-btn"><a href="{{documentation-link}}" aria-controls="overview" role="link">{{ product-name | capitalize}}</a></li>
+                            <li role="presentation" {% if page.permalink == '/documentation/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/" aria-controls="overview" role="link">All Docs</a></li>
+                            <li role="presentation" {% if page.permalink == '/documentation/ConsumerEdition/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/ConsumerEdition/" aria-controls="overview" role="link">CE</a></li>
+                            <li role="presentation" {% if page.permalink == '/documentation/EnterpriseEdition/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/EnterpriseEdition/" aria-controls="lswg" role="link">EE</a></li>
+                            <li role="presentation" {% if page.permalink == '/documentation/IoTEdition/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/IoTEdition/" aria-controls="lswg" role="link">IE</a></li>
+                            <li role="presentation" {% if page.permalink == '/documentation/MezzanineProducts/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/MezzanineProducts/" aria-controls="lswg" role="link">Mezzanine</a></li>
+                            <li role="presentation" {% if page.permalink == '/documentation/Specifications/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/Specifications/" aria-controls="lswg" role="link">Specifications</a></li>
+                        {% else %}
+                            <li role="presentation" {% if page.permalink == '/documentation/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/" aria-controls="overview" role="link">All Docs</a></li>
+                            <li role="presentation" {% if page.permalink == '/documentation/ConsumerEdition/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/ConsumerEdition/" aria-controls="overview" role="link">Consumer Edition</a></li>
+                            <li role="presentation" {% if page.permalink == '/documentation/EnterpriseEdition/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/EnterpriseEdition/" aria-controls="lswg" role="link">Enterprise Edition</a></li>
+                            <li role="presentation" {% if page.permalink == '/documentation/IoTEdition/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/IoTEdition/" aria-controls="lswg" role="link">IoT Edition</a></li>
+                            <li role="presentation" {% if page.permalink == '/documentation/MezzanineProducts/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/MezzanineProducts/" aria-controls="lswg" role="link">Mezzanine Products</a></li>
+                            <li role="presentation" {% if page.permalink == '/documentation/Specifications/' %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="/documentation/Specifications/" aria-controls="lswg" role="link">Specifications</a></li>
+                        {% endif %}
+                    {% endif %}
+
+                    {% if page_base[1] == "blog" %}
+                            <li role="presentation" class="active tabbed-nav-btn"><a href="/blog/" aria-controls="overview" role="link">Blog</a></li>
+                    {% endif %}
+            </ul>
+        </div>
+        </div>
+    </nav>
+    </div>