jumbo-jekyll-theme 6.0.1.4 → 6.0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 24def8c8be1784cf502c1ad86e52b4c7abe555ce5900300d8a2a392f20a8832c
-  data.tar.gz: fe63614d0a3c372d7b8452b09d9a17f2f3525cca829d6054c0a8da1efdab4b51
+  metadata.gz: 4c032bc9790da513c6d411d3dcca349e6578d2c0163ee1f541fdd7e26735e909
+  data.tar.gz: 932ce1fa0e315edcf048c4d3a84255931ed2b9696d6066d4663c11470bc24f8a
 SHA512:
-  metadata.gz: fe71fae15e1cb616aa28c900284447377cb2875d58680525346d75f4f012fa1ce7be6cda4edbf2d845a4938b621782ff6a614b7bd54fd64eb48645623f07df78
-  data.tar.gz: 2a5b6982a560cd54e3b1f3bc6f1011b301c78700569612466dafffbe89f4b156d79256a4cc18f8b56cbf69583097959a3cad6a89291c9c644b23dec7eeb27d24
+  metadata.gz: d6a971d3f22fce73a494774c47fc03e60bfc3ac940d899703703bd765438db8e93536ced1895b85223001b1e8ee6231036ba4fbd53d2aed4c56a908d6a2cf2de
+  data.tar.gz: 413a8204ea5cb313cc366e6da6b8563f2d38cdc17acc7c18aaea5711c102340abbdab021a757e8b861ec7923186f616eceede2b2a3ef152d2b223475d91dba50

data/_data/picture.yml

@@ -103,7 +103,7 @@ markup_presets:
   featured_blog_image:
     markup: data_picture
     attributes:
-      img: 'class="lazyload img-fluid"'
+      img: 'class="lazyload img-fluid post_index_header_image"'
     formats: [webp, original]
     widths: [400,600,900,1400]
   slider_block_image:

data/_layouts/post.html

@@ -3,17 +3,21 @@ layout: base
 css_package: blog
 ---
 <div itemscope="" itemtype="http://schema.org/BlogPosting">
-<div
-    class="jumbotron d-flex align-items-center jumbotron-fluid {% if page.image %}background_image{% endif%}">
+<div class="container-fluid" >
     {% if page.image %}
+    <div class="row" id="image_header">
         {% assign image_path = page.image %}
         {% capture image_alt %}{{page.title}} background image{% endcapture %}
         {% picture header_image {{image_path}} --alt {{image_alt}} %}
+    </div>
     {% endif %}
-    <div class="container text-center">
-        <div class="inner_content_wrapper">
+    <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 %}
@@ -23,19 +27,24 @@ css_package: blog
             {% else %}
                 {% assign author_image = site.avatar_placeholder %}
             {% endif %}
-            <div itemprop="author" itemscope="" itemtype="http://schema.org/Person">
+            <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}} %}
-                    <p class="lead">
-                        <em itemprop="name">{{author_name}}</em>
-                    </p>
                 </a>
             </div>
-
-            <p>
-                <time datetime="{{page.date}}" itemprop="datePublished">{{page.date |  date: "%A, %B %-d, %Y"}}</time>
-            </p>
-            {% include blog/read_time.html %}
+            <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>
 </div>

data/_sass/core/blog.scss

@@ -1,4 +1,30 @@
 #wrapper {
+    .latest-featured-post {
+        picture {
+            height: 100% !important;
+            display: block;
+            overflow: hidden;
+            .post_index_header_image {
+                max-width: 100%;
+                height: auto;
+                height: 100%;
+                object-fit: cover;
+            }
+        }
+    }
+    #image_header {
+        height: 200px;
+        overflow: hidden;
+        object-fit: cover;
+        .header_background_image.lazyloaded {
+            object-fit: cover;
+            object-position: 50% 50% !important;
+            height: 200px;
+            width: 100vw;
+            display: block;
+            position: relative;
+        }
+    }
   .blog-content {
     .blog_content_image {
       margin: 20px 0px;
@@ -119,6 +145,14 @@
   .rounded-circle {
     width: 100px;
     height: 100px;
+    transition: all 100ms ease-out;
+    object-fit: cover;
+    &:hover {
+        transform: rotate(-5deg);
+        -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
+        -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
+        box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
+    }
     &.small {
       height: 50px;
       width: 50px;

data/_sass/core/jumbotron.scss

@@ -9,6 +9,7 @@
             height: 150px;
             width: auto;
             &.rounded-circle {
+                object-fit: cover;
                 height: 75px;
                 width: 75px;
             }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jumbo-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 6.0.1.4
+  version: 6.0.2.0
 platform: ruby
 authors:
 - Kyle Kirkby
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-07-07 00:00:00.000000000 Z
+date: 2020-07-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll