linaro-jekyll-theme 1.3 → 4.0.1

data/_includes/nav/universal_nav.html

@@ -0,0 +1,36 @@
+<!-- Universal NavBar-->
+<nav class="navbar navbar-expand-md navbar-dark" id="universal_nav">
+    <div class="container">
+        <button class="navbar-toggler collapsed ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
+            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <!-- <span class="navbar-toggler-icon"></span> -->
+            <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="navbarSupportedContent">
+            <ul class="navbar-nav ml-auto">
+                {% for item in site.data.universal_nav.items %}
+                    {% if item.options %}
+                        <li class="nav-item dropdown {% for project-site in item.options %}{% if project-site.active %}active{% break %}{% endif %}{% endfor %}">
+                            <a class="nav-link dropdown-toggle" target="_self" href="#" id="universalNavbarDropdown" aria-label="Toggle unviersal navigation" role="button" data-toggle="dropdown"
+                                aria-haspopup="true" aria-expanded="false">
+                                {{item.title}}
+                            </a>
+                            <div class="dropdown-menu" aria-labelledby="universalNavbarDropdown">
+                                {% for project-site in item.options %}
+                                    <a class="dropdown-item {% if project-site.active %}active{% endif%}" href="{{project-site.url}}">{{project-site.title}}</a>
+                                {% endfor %}
+                            </div>
+                        </li>
+                    {% else %}
+                        <li class="nav-item {% if item.active %}active{% endif %}">
+                            <a target="_self" class="nav-link" href="{{item.url}}">{{item.title}} <span class="sr-only">(current)</span></a>
+                        </li>
+                    {% endif %}
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
+</nav>

data/_includes/social_media_icons.html

@@ -0,0 +1,24 @@
+{% if site.social_media_channels.twitter %}
+<a href="{{site.social_media_channels.twitter.url}}" class="btn btn-social-icon"><span class="sr-only">Go to Twitter profile</span><i
+        class="icon-twitter"></i></a>
+{% endif %}
+{% if site.social_media_channels.facebook %}
+<a href="{{site.social_media_channels.facebook.url}}" class="btn btn-social-icon"><span class="sr-only">Go to Facebook Page</span><i
+        class="icon-facebook"></i></a>
+{% endif %}
+{% if site.social_media_channels.linkedin %}
+    <a href="{{site.social_media_channels.linkedin.url}}" class="btn btn-social-icon"><span class="sr-only">Go to LinkedIn profile</span><i
+            class="icon-linkedin"></i></a>
+{% endif %}
+{% if site.social_media_channels.instagram %}
+    <a href="{{site.social_media_channels.instagram.url}}" class="btn btn-social-icon"><span class="sr-only">Go to instagram social media page</span><i
+            class="icon-instagram"></i></a>
+{% endif %}
+{% if site.social_media_channels.youtube %}
+    <a href="{{site.social_media_channels.youtube.url}}" class="btn btn-social-icon"><span class="sr-only">Go to YouTube channel</span><i
+            class="icon-youtube"></i></a>
+{% endif %}
+{% if site.social_media_channels.github %}
+<a href="{{site.social_media_channels.github.url}}" class="btn btn-social-icon"><span class="sr-only">Go to GitHub Page</span><i
+        class="icon-github-circled"></i></a>
+{% endif %}

data/_includes/sticky-tab-bar.html

@@ -0,0 +1,61 @@
+{% if page.sticky-tab-bar %}
+    {% assign tab-list = page.sticky-tab-bar %}
+{% else %}
+    {% assign sub-nav-tabs = site.data.sticky-tab-bar.pages %}
+{% endif %}
+{% if sub-nav-tabs %}
+    {% assign page-base =  page.url | split:'/' %}
+    {% for each in sub-nav-tabs %}
+        {% for each-url in each.urls %}
+            {% if each-url == page.url %}
+                {% if each.list %}
+                    {% assign tab-list = each.list %}
+                {% endif %}
+            {% elsif each.sub-pages-enabled %}
+                {% if page.url contains each-url %}
+                    {% assign tab-list = each.list %}
+                {% endif %}
+            {% endif %}
+        {% endfor %}
+        {% if each.custom-include %}
+            {% assign custom-include = each.custom-include %}
+        {% endif %}
+    {% endfor %}
+{% endif %}
+{% if tab-list %}
+<div class="tabbed-area non-sticky-nav" id="tabbed-nav-bar"><!-- Nav tabs Wrapper-->
+    <nav class="navbar-default" role="navigation"><!-- Nav -->
+        <div class="container">
+            <div class="navbar-header"><!-- Navbar Header -->
+                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#tabbed-nav-bar-collapse">
+                    <span class="sr-only">Toggle navigation</span>
+                    <span class="icon-bar top-bar"></span>
+                    <span class="icon-bar middle-bar"></span>
+                    <span class="icon-bar bottom-bar"></span>
+                </button><!-- Navbar Icon Bar Toggle -->
+                <a class="navbar-brand" id="sub-navigation-header" href=""></a><!-- Navbar Brand -->
+            </div>
+            <div class="collapse navbar-collapse" id="tabbed-nav-bar-collapse"><!-- Navbar Collapse -->
+                <ul class="nav nav-tabs tabbed-nav" id="tab-row" role="tablist">
+                    {% for tab in tab-list %}
+                        <li role="presentation" {% if page.url == tab.url %}
+                                                    class="active tabbed-nav-btn {% if tab.right %}pull-right{% endif %}"
+                                                {% elsif tab.sub-pages and page.url contains tab.url %}
+                                                    class="active tabbed-nav-btn {% if tab.right %}pull-right{% endif %}"
+                                                {% elsif tab.active %}
+                                                    class="active tabbed-nav-btn {% if tab.right %}pull-right{% endif %}"
+                                                {% else %}
+                                                    class="tabbed-nav-btn {% if tab.right %}pull-right{% endif %}"
+                                                {% endif %}>
+                                    <a href="{{tab.url}}" aria-controls="overview" role="link">{{tab.title}}</a></li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+    </nav>
+</div>
+{% elsif custom-include %}
+    {% include {{custom-include}}.html %}
+{% else %}
+No sticky-nav.yml content found - please add to _data/sticky-tab-bar.yml. More information available <a href="/jekyll/includes/sticky-tab-bar/">here</a>.
+{% endif %}

data/_includes/youtube.html

@@ -1,7 +1,75 @@
-{% if include.vid_id %}
-    <div class="videoWrapper">
-        <div class="youtube" data-embed="{{include.vid_id}}">
-            <div class="play-button"></div>
-        </div>
-    </div>
+{% if include.url contains "https://youtu.be/" %}
+    {% assign youtube_id = include.url | replace: 'https://youtu.be/','' %}
+{% elsif include.url contains "https://www.youtube.com/watch?v=" %}
+    {% assign youtube_id = include.url | replace: 'https://www.youtube.com/watch?v=','' %}
+{% else %}
+    {% assign youtube_id = include.url %}
+{% endif %}
+
+{% assign youtube_id =  youtube_id | split: "&" | first %}
+
+{% assign title = "" %}
+{% if include.title %}
+    {% assign title = include.title %}
 {% endif %}
+
+
+{% if include.poster_image %}
+    {% assign youtube_poster_image_url = include.poster_image %}
+    {% capture poster_img %}{% picture youtube_poster_image {{youtube_poster_image_url}} --alt {{title}} %}{% endcapture %}
+{% else %}
+    {% capture poster_img %}https://img.youtube.com/vi/{{youtube_id}}/maxresdefault.jpg{% endcapture %}
+{% endif %}
+<div class="embed-responsive embed-responsive-16by9">
+    <iframe width="100%" height="100%" src="https://www.youtube.com/embed/{{youtube_id}}" srcdoc="<style>
+    * {
+        padding: 0;
+        margin: 0;
+        overflow: hidden
+    }
+    img {
+        filter: brightness(0.3);
+    }
+    html,
+    body {
+        height: 100%
+    }
+    img,
+    span {
+        position: absolute;
+        width: 100%;
+        top: 0;
+        bottom: 0;
+        margin: auto
+    }
+
+    span.triangle {
+        height: 1.5em;
+        text-align: center;
+        font: 48px/1.5 sans-serif;
+        background-color: #98cc33;
+        color: #f9f9f9;
+        width: 100px;
+        margin: auto auto;
+        left: 0;
+        line-height: 1.3em;
+        right: 0;
+        margin-left: auto;
+        border-radius: 10px;
+        margin-right: auto;
+    }
+    span.triangle::before {
+        width: 0;
+        content: '';
+        height: 0;
+        border-top: 20px solid transparent;
+        border-bottom: 20px solid transparent;
+        border-left: 20px solid white;
+        display: inline-block;
+    }
+</style><a href=https://www.youtube.com/embed/{{youtube_id}}?autoplay=1>
+    <img src='{{poster_img}}' alt='{{title}}'>
+<span class='triangle'></span></a>" frameborder="0"
+        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
+        title="{{title}}"></iframe>
+    </div>

data/_layouts/author.html

@@ -0,0 +1,61 @@
+---
+layout: base
+css_package: blog
+---
+{% assign author = page %}
+<div class="jumbotron d-flex align-items-center jumbotron-fluid">
+    <div class="container text-center">
+        <div class="inner_content_wrapper">
+            {% assign author_name = page.name %}
+            {% capture author_image_alt %}{{author_name}} image{% endcapture %}
+            {% if author.image %}
+                {% assign author_image = author.image %}
+            {% else %}
+                {% assign author_image = site.avatar_placeholder %}
+            {% endif %}
+            <a href="{{author-url}}">
+                {% picture author_thumbnail {{author_image}} --alt {{author_image_alt}} %}
+            </a>
+            <h1>{{page.name}}</h1>
+            <div class="my-4 d-block lead">
+            {% if author.twitter %}
+                <a href="{{author.twitter}}">
+                    <i class="icon-twitter"></i>
+                </a>
+            {% endif %}
+            {% if author.github %}
+                <a href="{{author.github}}">
+                    <i class="icon-github"></i>
+                </a>
+            {% endif %}
+            {% if author.linkedin %}
+                <a href="{{author.linkedin}}">
+                    <i class="icon-linkedin"></i>
+                </a>
+            {% endif %}
+            {% if author.youtube %}
+                <a href="{{author.youtube}}">
+                    <i class="icon-youtube"></i>
+                </a>
+            {% endif %}
+            </div>
+        </div>
+    </div>
+</div>
+<div class="container-fluid main_content">
+    <div class="row">
+        <div class="container">
+            <div class="row justify-content-sm-center">
+                <div class="col col-12 col-lg-10 py-4  blog-content">
+                    {% assign content_length = author.content | size %}
+                    {% if content_length > 1 %}
+                        <h3>About</h3>
+                        {{author.content | markdownify }}
+                        <hr/>
+                    {% endif %}
+                    {% include blog/authors_posts.html %}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

data/_layouts/base.html

@@ -0,0 +1,14 @@
+---
+---
+<!DOCTYPE html>
+<html lang="en">
+    {% include components/head.html %}
+    <body>
+        <div id="wrapper" class="main">
+            {% include_cached nav/nav.html pageUrl=page.url %}
+            {{content}}
+            {% include footer/footer.html %}
+        </div>
+        {% include components/javascript.html %}
+    </body>
+</html>

data/_layouts/default.html

@@ -1,20 +1,4 @@
 ---
-specific_js: /assets/js/app/sticky.js
-js-package: extended
+layout: flow
 ---
-{% include _theme-includes/_head/head.html %}
-<body>
-        {% include _theme-includes/_navigation/nav.html %}
-        {% include _theme-includes/_page-structure/breadcrumb.html %}
-        <div class="container-fluid content-container">
-            {% include _theme-includes/_navigation/tabbed-nav.html %}
-            <div class="row">
-                <div class="container">
-                    {{ content }}
-                </div>
-            </div>
-            {% include _theme-includes/_footer/footer.html %}
-        </div>
-        {% include _theme-includes/_script-includes/javascript.html %}
-</body>
-</html>
+{{content}}

data/_layouts/flow.html

@@ -0,0 +1,33 @@
+---
+layout: base
+---
+{% if page.jumbotron %}
+    {% include components/jumbotron.html %}
+{% elsif page.breadcrumb %}
+    {% include components/breadcrumb.html %}
+{% endif %}
+<div class="container-fluid main_content" id="flow_wrapper">
+    {% if page.flow %}
+        {% for each in page.flow %}
+            {% if each.row == "main_content_row" %}
+                <div class="row {% if each.style %}{{style}}{% endif %}" id="main_content">
+                    <div class="container">
+                        {{content}}
+                    </div>
+                </div>
+            {% elsif each.row == "container_row" %}
+                {% include flow/container_row.html object=each %}
+            {% elsif each.row == "full_width_row" %}
+                {% include flow/full_width_row.html object=each %}
+            {% elsif each.row == "custom_include_row" %}
+                {% include {{each.source}} object=each %}
+            {% endif %}
+        {% endfor %}
+    {% else %}
+    <div class="row" id="content-container">
+        <div class="container">
+            {{content}}
+        </div>
+    </div>
+    {% endif %}
+</div>

data/_layouts/page.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/post.html

@@ -1,146 +1,69 @@
 ---
-specific_css: /assets/css/blog-pages.css
-specific_js: /assets/js/vendor/lightbox.min.js
-js-package: blog
-css-pack: blog
-layout: empty
+layout: base
+css_package: blog
 ---
-<div class="container-fluid">
-{% if page.showcase_image %}
-    <div class="row" class="blog-featured-img" style="background-color: white;">
-            <div class="img-blog" style="background: linear-gradient(
-                         rgba(20,20,20, .5),
-                         rgba(20,20,20, .5)),
-                         url('{% asset_path '{{page.featured_image}}' %}') no-repeat center center fixed;
-                background-size: cover;
-                -webkit-background-size: cover;
-                -moz-background-size: cover;
-                -o-background-size: cover;">
-                <div class="blog-full-page-image-info">
-                    <h1 class="blog-title text-center">{{page.title}}</h1>
-                    {% if page.author %}
-                        {% assign author_object = site.data.authors.entries | where: "shortname", "page.author" %}
-                        <img class="blog-author-image" src="
-                        {% if author_object.avatar %}{{author_object.avatar}}{% else %}/assets/images/avatar-placeholder.png{% endif %}" /><br />
-                        <small class="blog-author text-center">By <em>{% if author_object.name %}{{author_object.name}}{% else %}{{page.author}}{% endif %}</em></small><br />
-                    {% endif %}
-                    {% if page.date %}<small class="blog-date text-center"><em>{{page.date |  date: "%A, %B %-d, %Y"}}</em></small>{% endif %}
+<div itemscope="" itemtype="http://schema.org/BlogPosting">
+<div class="container-fluid" >
+    {% if page.strap_image %}
+    <div class="row" id="image_header">
+        {% assign image_path = page.strap_image %}
+        {% capture image_alt %}{{page.title}} background image{% endcapture %}
+        {% picture header_image {{image_path}} --alt {{image_alt}} %}
+    </div>
+    {% endif %}
+    <div class="row">
+        <div class="container">
+            <h1 class="" itemprop="name headline">{{page.title}}</h1>
+        </div>
+    </div>
+    <div class="row bg-light">
+        <div class="container">
+            {% assign author = site.authors | where: "username", page.author | first %}
+            {% assign author-url = author.url %}
+            {% assign author_name = author.name %}
+            {% capture author_image_alt %}{{author_name}} image{% endcapture %}
+            {% if author.image %}
+                {% assign author_image = author.image %}
+            {% else %}
+                {% assign author_image = site.avatar_placeholder %}
+            {% endif %}
+            <div itemprop="author" itemscope="" itemtype="http://schema.org/Person" class="d-block d-md-inline-block mx-auto my-2 m-md-2 text-md-left text-center">
+                <a href="{{author-url}}" itemprop="url" rel="author">
+                    {% picture author_thumbnail {{author_image}} --alt {{author_image_alt}} %}
+                </a>
+            </div>
+            <div class="blockquote d-block d-md-inline-block mx-2 text-md-left text-center">
+                <strong itemprop="name">{{author_name}}</strong>
+            </div>
+            <span class="divider d-none d-md-inline-block">|</span>
+            <div class="post_info text-center text-md-left d-block d-md-inline-block">
+                <div class="author_name d-inline-block mx-2">
+                    <time datetime="{{page.date}}" itemprop="datePublished">{{page.date |  date: "%A, %B %-d, %Y"}}</time>
+                </div>
+                <span class="divider">|</span>
+                <div class="read_time d-inline-block mx-2">
+                    {% include blog/read_time.html %}
                 </div>
             </div>
+        </div>
     </div>
-{% endif %}
 </div>
-<div class="container-fluid content-container">
-
-<div class="row">
-    <div class="container">
-        <div class="row">
-            <div class="col-md-9">
-                <article class="post-content">
-                        <div class="post-info">
-                            <h1>{{page.title}}</h1>
-                            {% if page.date %}<small class="blog-date text-center"><em>Posted on <b>{{page.date |  date: "%A, %B %-d, %Y"}}</b></em></small>{% endif %} {% if page.author %}<em> By <b>{{page.author}}</b> </em>{% endif %}
-                        </div>
-                    {{ content }}
-                </article>
-                <hr />
-                {% if site.data.company.tags_enabled %}
-                <h3>Tags</h3>
-                      {% assign tags = page.tags %}
-                      {% if page.tags %}
-                          {% for tag in tags %}
-                              <a class="btn btn-blog btn-xs post_tag" href="/blog/tag#{{tag | slugify }}">{{tag}}</a>
-                          {% endfor %}
-                      {% else %}
-                         <p>
-                             No tags found.
-                         </p>
-                      {% endif %}
-                {% endif %}
-
-                <section id="comments-section">
-                    {% if page.comments %}
-                        <h3>Comments</h3>
-                        {% include _theme-includes/_third-party/disqus.html %}
-                        <br />
-                    {% endif %}
-                </section>
-            </div>
-            <div class="col-md-3">
-
-                <div class="panel panel-default" class="blog-panel">
-                  <div class="panel-heading">
-                    <h3 class="panel-title">Recent Posts</h3>
-                    <i class="glyphicon glyphicon-calendar pull-right" style="margin-top:-15px;"></i>
-                  </div>
-                  <div class="panel-body">
-                      {% for recent_post in site.posts limit: 3 %}
-                          <div class="featured_blog_post">
-                              <div class="row">
-                                  <div class="col-md-9 col-sm-9 col-xs-9 no-padding">
-                                     <a href="{{recent_post.url}}">{{recent_post.title | truncate: 40}}</a>
-                                     <br /><small><em>{{recent_post.date | date: "%A, %B %-d, %Y" }}</em></small>
-                                 </div>
-                                 <div class="col-md-3 col-sm-3 col-xs-3 no-padding">
-                                    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
-                                    {% if recent_post.featured_image %}
-                                        data-src="/assets{{recent_post.featured_image}}"
-                                    {% else %}
-                                        data-src="{% if site.data.company.placeholder %}{{site.data.company.placeholder}}{% else %}/assets/images/{{site.data.company.placeholder}}{% endif %}"
-                                    {% endif %}
-                                     alt="{{recent_post.title}}" class="img-responsive lazyload"/>
-                                 </div>
-                              </div>
-                          </div>
-                      {% endfor %}
-                      <div class="panel-view-more text-right"><a href="/blog/">View Blogs</a></div>
-                  </div>
+<div class="container-fluid main_content">
+    <div class="row">
+        <div class="container">
+            <div class="row justify-content-sm-center">
+                <div class="col col-12 col-lg-10 py-4  blog-content">
+                    <article>
+                        {{ content }}
+                        {% include blog/post_series.html %}
+                    </article>
+                    {% include blog/disqus_comments.html %}
                 </div>
-
-
-                <div class="panel panel-default">
-                  <div class="panel-heading">
-                    <h3 class="panel-title">Other Posts</h3>
-                    <i class="glyphicon glyphicon-list-alt pull-right" style="margin-top:-15px;"></i>
-                  </div>
-                  <div class="panel-body">
-                      {% assign posts = site.posts | sample:5 %}
-                      {% for post in posts %}
-                          <div class="featured_blog_post">
-                              <div class="row">
-                                  <div class="col-md-9 col-sm-9 col-xs-9  no-padding">
-                                     <a href="{{post.url}}">{{post.title | truncate: 40}}</a>
-                                     <br /><small><em>{{post.date | date: "%A, %B %-d, %Y" }}</em></small>
-                                 </div>
-                                 <div class="col-md-3 col-sm-3 col-xs-3 no-padding">
-                                     <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
-                                     {% if site.using_assets == true %}
-                                            {% if page.featured_image %}
-                                                data-src="{% asset_path '{{page.featured_image}}' %}"
-                                            {% else %}
-                                                data-src="{% asset_path '{{site.data.company.placeholder}}' %}"
-                                            {% endif %}
-                                    {% else %}
-                                        {% if post.featured_image %}
-                                           data-src="/assets{{post.featured_image}}"
-                                        {% else %}
-                                           data-src="{% if site.data.company.placeholder %}{{site.data.company.placeholder}}{% else %}/assets/images/{{site.data.company.placeholder}}{% endif %}"
-                                        {% endif %}
-                                     {% endif %}
-
-                                      alt="{{post.title}}" class="img-responsive lazyload"/>
-                                 </div>
-                              </div>
-                          </div>
-                      {% endfor %}
-                      <div class="panel-view-more text-right"><a href="/blog/">View Blogs</a></div>
-                  </div>
+                <div class="col col-12 col-lg-10 py-4 blog-sidebar ">
+                    {% include_cached blog/post_sidebar.html %}
                 </div>
             </div>
-
         </div>
     </div>
 </div>
-
-
 </div>