jumbo-jekyll-theme 5.6.9.4 → 5.7.0

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" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
+                                aria-haspopup="true" aria-expanded="false">
+                                {{item.title}}
+                            </a>
+                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                                {% 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 class="nav-link" href="{{item.url}}">{{item.title}} <span class="sr-only">(current)</span></a>
+                        </li>
+                    {% endif %}
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
+</nav>

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 | remove_first: "/assets/images/" %}
+    {% 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

@@ -1,6 +1,62 @@
----
-layout: jumbotron-container
-css-package: blog
-js-package: blog
----
-{% include authors-posts.html %}
+---
+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 | remove_first: "/assets/images/" %}
+            {% else %}
+                {% assign author_image = site.avatar_placeholder | remove_first: "/assets/images/" %}
+            {% 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

@@ -2,16 +2,14 @@
 ---
 <!DOCTYPE html>
 <html lang="en">
-    {% include head.html %}
+    {% include components/head.html %}
     <body>
         <div id="wrapper" class="main">
-            {% include_cached nav.html pageUrl=page.url %}
-            <div class="container-fluid">
-                {{content}}
-                {% include_cached github-edit.html pagePath=page.path pagePermalink=page.permalink %}
-                {% include_cached footer.html %}
-            </div>
+            {% include_cached nav/nav.html pageUrl=page.url %}
+            {{content}}
+            {% include components/github_edit.html pagePath=page.path pagePermalink=page.permalink %}
+            {% include_cached footer/footer.html %}
         </div>
-        {% include javascript.html %}
+        {% include components/javascript.html %}
     </body>
 </html>

data/_layouts/default.html

@@ -1,4 +1,4 @@
----
-layout: flow
----
+---
+layout: flow
+---
 {{content}}

data/_layouts/error.html

@@ -1,25 +1,25 @@
----
-layout: base
-css-package: error
----
-<div class="row" id="content-container">
-    <div class="container">
-        <div class="text-center">
-            {% if page.image.path %}
-                {% include image.html path=page.image.path %}
-            {% elsif page.image.svg %}
-                {% include {{page.image.svg}} %}
-            {% endif %}
-            {% if page.title %}
-                <h1>
-                    {{page.title}}
-                </h1>
-            {% endif %}
-            {% if page.description %}
-                <p>
-                    {{page.description}}
-                </p>
-            {% endif %}
-        </div>
-    </div>
-</div>
+---
+layout: base
+css-package: error
+---
+<div class="row" id="content-container">
+    <div class="container">
+        <div class="text-center">
+            {% if page.image.path %}
+                {% include image.html path=page.image.path %}
+            {% elsif page.image.svg %}
+                {% include {{page.image.svg}} %}
+            {% endif %}
+            {% if page.title %}
+                <h1>
+                    {{page.title}}
+                </h1>
+            {% endif %}
+            {% if page.description %}
+                <p>
+                    {{page.description}}
+                </p>
+            {% endif %}
+        </div>
+    </div>
+</div>

data/_layouts/flow.html

@@ -1,36 +1,33 @@
----
-layout: base
----
-{% if page.jumbotron.carousel-images %}
-    {% include carousel-header.html images=page.jumbotron.carousel-images %}
-    {% include jumbotron.html %}
-{% elsif page.jumbotron %}
-    {% include jumbotron.html %}
-{% else %}
-    {% include breadcrumb.html %}
-{% endif %}
-{% if page.flow %}
-<div id="flow_wrapper">
-    {% for each in page.flow %}
-        {% if each.row == "main_content_row" %}
-            <div class="row" id="main_content">
-                <div class="container">
-                    {{content}}
-                </div>
-            </div>
-        {% elsif each.row == "container_row" %}
-            {% include core/container_row.html object=each %}
-        {% elsif each.row == "full_width_row" %}
-            {% include core/full_width_row.html object=each %}
-        {% elsif each.row == "custom_include_row" %}
-            {% include {{each.source}} %}
-        {% endif %}
-    {% endfor %}
-</div>
-{% else %}
-    <div class="row" id="content-container">
-        <div class="container">
-            {{content}}
-        </div>
-    </div>
-{% endif %}
+---
+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" 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}} %}
+            {% endif %}
+        {% endfor %}
+    {% else %}
+    <div class="row" id="content-container">
+        <div class="container">
+            {{content}}
+        </div>
+    </div>
+    {% endif %}
+</div>

data/_layouts/post-index.html

@@ -1,16 +1,17 @@
----
-layout: base
-title: Blog
-css-package: blog
-js-package: blog
----
-<div class="row" id="content-container">
-    <div class="container">
-        {% include display-blog-posts.html %}
-        {% if page.news %}
-            {% include pagination.html path="/news/:num/"%}
-        {% else %}
-            {% include pagination.html path="/blog/:num/"%}
-        {% endif %}
-    </div>
-</div>
+---
+layout: base
+title: Blog
+css_package: blog
+---
+<div class="container-fluid main_content">
+    <div class="row">
+        <div class="container">
+            {% include blog/display_blog_posts.html %}
+            {% if page.news %}
+                {% include blog/pagination.html path="/news/:num/"%}
+            {% else %}
+                {% include blog/pagination.html path="/blog/:num/"%}
+            {% endif %}
+        </div>
+    </div>
+</div>

data/_layouts/post.html

@@ -1,39 +1,55 @@
----
-layout: base
-js-package: blog
-css-package: blog
----
-<div class="row overlay background-image {% if page.image.background-class %}{{page.image.background-class}}{% endif %}" id="jumbotron" style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{% if page.image.path %}{{page.image.path}}{% else %}{{page.image}}{% endif %}');"> <!--Row -->
-    <div id="jumbotron-content" class="flex-container">
-        <div class="container flex-center" id="jumbotron-text">
-            <h1 id="jumbotron-heading">{{page.title}}</h1>
-            {% assign author = site.authors | where: "username", page.author | first %}
-            {% assign author-url = author.url %}
-                <a href="{{author-url}}">
-                    <div class="blog-author-image lazyload" data-bg="{% if author.image_path %}{{author.image_path}}{% else %}{{site.data.settings.blog.avatar_placeholder}}{% endif %}"></div>
-                </a>
-            <small class="blog-author text-center">
-                By
-                <em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
-            </small>
-            <small class="blog-date text-center">
-                <em>{{page.date |  date: "%A, %B %-d, %Y"}}</em>
-            </small>
-            {% include read_time.html %}
-        </div>
-    </div>
-</div>
-<div class="row" id="content-container">
-    <div class="container">
-        <div class="col-xs-12 col-sm-8 col-sm-offset-2 blog-content">
-            <article class="post-content">
-                {{ content }}
-                {% include post-series.html %}
-            </article>
-            {% include disqus-comments.html %}
-        </div>
-        <div class="col-xs-12 col-sm-8 col-sm-offset-2 no-padding blog-sidebar ">
-            {% include_cached post-sidebar.html %}
-        </div>
-    </div>
-</div>
+---
+layout: base
+css_package: blog
+---
+<div
+    class="jumbotron d-flex align-items-center jumbotron-fluid {% if page.image %}background_image{% endif%}">
+    {% if page.image %}
+        {% assign image_path = page.image | remove_first: "/assets/images/" %}
+        {% picture header_image {{image_path}} %}
+    {% endif %}
+    <div class="container text-center">
+        <div class="inner_content_wrapper">
+            <h1 class="">{{page.title}}</h1>
+
+            {% 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 | remove_first: "/assets/images/" %}
+            {% else %}
+                {% assign author_image = site.avatar_placeholder | remove_first: "/assets/images/" %}
+            {% endif %}
+            <a href="{{author-url}}">
+                {% picture author_thumbnail {{author_image}} --alt {{author_image_alt}} %}
+                <p class="lead">
+                    <em>{{author_name}}</em>
+                </p>
+            </a>
+            <hr class="my-4">
+            <p>
+                <em>{{page.date |  date: "%A, %B %-d, %Y"}}</em>
+            </p>
+            {% include blog/read_time.html %}
+        </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">
+                    <article>
+                        {{ content }}
+                        {% include blog/post_series.html %}
+                    </article>
+                    {% include blog/disqus_comments.html %}
+                </div>
+                <div class="col col-12 col-lg-10 py-4 blog-sidebar ">
+                    {% include_cached blog/post_sidebar.html %}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>