jumbo-jekyll-theme 3.0.32 → 3.0.33

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: be7f551808b25bb4542cc485bbe1e8cf3d36056f3924afb4a51b438381cace2e
-  data.tar.gz: 6c960711144aa8ee10ef68fb062449cc2732a52eb53d7dff49f33d8688611f5e
+  metadata.gz: d1fb946a868e04714a35ceb9b524fe92c416e33be70db9f5a61a65ec857eed64
+  data.tar.gz: cbd410191006559dcb02877aec7dea21865e164fdbe73966bcb3101b592fcb62
 SHA512:
-  metadata.gz: 4912717bd45cbded48b491e5dcc280e51bf0fd2fdb3143d6727c065c0bf1f165603472104c23cf0b2a8671c2a9c1c66ff60f0492114f15ee512faa53c7b65c24
-  data.tar.gz: 582d3d7f4383369d4f1e5ad037e84a6013399aaadd62f6141dbfc93a9d22a8a36c7a053169c262cf9803e519b9f9db284490df4474f94d8284f8dd767a8fd173
+  metadata.gz: ea8976247f37fc792097f451544a00267da078dfa135d9ec1a1be59a7de53edd941833bc6bd5ad975952db94ffef9a2867e7f3264584be8e636db211e1a919aa
+  data.tar.gz: e783fdd078bd1e7e2fbf25e844dc33250ad545eb5d1622cfaf8029b9ab69dab431a7b99d30d635d90c2b42255c7ee4a7934b57179d9b337ef453c8bc71ab9cfa

data/_data/settings.yml

@@ -16,10 +16,13 @@ error-pages:
   svg: linaro-404.html
   not-found-title: 404 page not found!
   not-found-desc: Sorry, but the page you were looking for could not be found.
+
 # Blog setup
 blog:
     # Show Thumbnails in the post index
     show_thumbnails: true
+    # Reading time
+    reading_time: true
     # Toggle site wide comments display.
     comments: true
     # Post Side Bar Settings

data/_includes/jumbotron.html

@@ -6,7 +6,15 @@
 {% endif %}> <!--Row -->
     {% if page.jumbotron.video %}
     <video autoplay muted preload="none" poster="{{page.jumbotron.video.poster}}" loop id="jumbotronVideo">
-        <source src="{{page.jumbotron.video.source}}" type="video/mp4">
+        {% if page.jumbotron.video.source.mp4 %}
+            <source src="{{page.jumbotron.video.source.mp4}}" type="video/mp4">
+        {% endif %}
+        {% if page.jumbotron.video.source.ogg %}
+            <source src="{{page.jumbotron.video.source.ogg}}" type="video/ogg">
+        {% endif %}
+        {% if page.jumbotron.video.source.webm %}
+            <source src="{{page.jumbotron.video.source.webm}}" type="video/webm">
+        {% endif %}
     </video>
     {% endif %}
     <div id="jumbotron-content" class=" flex-container"> <!--Jumbotron div -->        

data/_includes/read_time.html

@@ -0,0 +1,2 @@
+{% assign words = content | number_of_words %}
+<span class="reading-time" title="Estimated read time">{% if words < 360 %}1 min{% else %}{{ words | divided_by:180 }} mins{% endif %}</span>

data/_layouts/post.html

@@ -5,8 +5,9 @@ css-package: blog
 ---
 {% if page.image.featured %}
         <div class="row overlay background-image" id="jumbotron" style="background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{page.image.path}}');"> <!--Row -->
-            <div id="featured-jumbotron" class="blog blog-full-page-image-info"> <!--Jumbotron div -->
-                    <h1 class="text-center" id="featured-image-blog-title">{{page.title}}</h1>
+                <div id="jumbotron-content" class="flex-container"> <!--Jumbotron div -->        
+                    <div class="container flex-center" id="jumbotron-text"> <!--Container -->
+                    <h1 id="jumbotron-heading">{{page.title}}</h1>
                     {% if page.author %}
                         {% assign author = site.authors | where: "username", page.author | first %}
                         {% assign author-url = author.url %}
@@ -32,29 +33,29 @@ css-package: blog
                             /assets/images/avatar-placeholder.png
                         {% endif %})" />
                         </a>
-                        <br />
                         <small class="blog-author text-center">
                             By 
                             <em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
                             and
                             <em>{% if co-author.name %}{{co-author.name}}{% else %}{{page.co-author}}{% endif %}</em>
                         </small>
-                        <br />
                     {% else %}
-                        <br />
                         <small class="blog-author text-center">
                             By
                             <em>{% if author.name %}{{author.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 %}
+                    {% if site.data.settings.blog.reading_time %}
+                        {% include read_time.html %}
+                    {% endif %}
                 </div>
             </div>
+        </div>
 {% endif %}
 <div class="row" id="content-container">
     <div class="container">

data/_sass/core/blog.scss

@@ -85,7 +85,7 @@ img.img-thumbnail {
 .blog-featured-img-container{
     position: relative;
 }
-.blog-full-page-image-info{
+#jumbotron-content{
     color: $featured-image-text-color;
     margin-left: auto;
     margin-bottom: 82px;
@@ -309,7 +309,9 @@ img.large-inline.right {
 
 // Previous and Next Post Style
 @media(min-width:$screen-sm-min){
-    
+    #jumbotron small {
+        font-size:15px;
+    }
     
     article{
         padding-right: 20px;
@@ -334,10 +336,6 @@ img.large-inline.right {
 }
 //Responsive CSS for Blog
 @media(max-width:$screen-sm-min){
-    .blog-full-page-image-info {
-        height: 360px;
-    }
-
     .blog-title{
         width:95%;
         font-size: 34px;
@@ -423,9 +421,18 @@ img.large-inline.right {
 .featured_blog_post  small em {
     color:black;
 }
-#featured-jumbotron a:hover{
+#jumbotron a:hover{
     text-decoration: none;
 }
-#featured-jumbotron a:hover img{
+#jumbotron a:hover img{
     border-color:$brand-primary;
+}
+span.reading-time {
+    padding: 5px;
+    background-color: white;
+    color: black;
+    font-size: 10px;
+    opacity: .8;
+    height: 20px;
+    line-height: 10px;
 }

data/_sass/core/carousel-header.scss

@@ -79,7 +79,7 @@ nav#main-navigation {
 }
 div#jumbotron {
     text-align: center;
-    min-height: $jumbotron-height;
+    height: $jumbotron-height;
     z-index: 0;
     position: relative;
     background: none;

data/_sass/core/jumbotron.scss

@@ -1,7 +1,7 @@
 /* Home Page Jumbotron Div */
 div#jumbotron-content {
     text-align: center;
-    min-height: $jumbotron-height;
+    height: $jumbotron-height;
 }
 #jumbotron-image:before {
     content: '';
@@ -110,4 +110,7 @@ div.jumbotron-image{
     -o-background-size: cover;
     background-size: cover;
     background-position: center center;
+}
+#jumbotron small {
+    font-size: 14px;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jumbo-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 3.0.32
+  version: 3.0.33
 platform: ruby
 authors:
 - Kyle Kirkby
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-12-05 00:00:00.000000000 Z
+date: 2018-12-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -357,6 +357,7 @@ files:
 - _includes/pagination.html
 - _includes/post-sidebar.html
 - _includes/post-tags.html
+- _includes/read_time.html
 - _includes/schema.html
 - _includes/sidebar.html
 - _includes/sticky-tab-bar.html