jumbo-jekyll-theme 6.0.1.4 → 6.0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 24def8c8be1784cf502c1ad86e52b4c7abe555ce5900300d8a2a392f20a8832c
4
- data.tar.gz: fe63614d0a3c372d7b8452b09d9a17f2f3525cca829d6054c0a8da1efdab4b51
3
+ metadata.gz: 4c032bc9790da513c6d411d3dcca349e6578d2c0163ee1f541fdd7e26735e909
4
+ data.tar.gz: 932ce1fa0e315edcf048c4d3a84255931ed2b9696d6066d4663c11470bc24f8a
5
5
  SHA512:
6
- metadata.gz: fe71fae15e1cb616aa28c900284447377cb2875d58680525346d75f4f012fa1ce7be6cda4edbf2d845a4938b621782ff6a614b7bd54fd64eb48645623f07df78
7
- data.tar.gz: 2a5b6982a560cd54e3b1f3bc6f1011b301c78700569612466dafffbe89f4b156d79256a4cc18f8b56cbf69583097959a3cad6a89291c9c644b23dec7eeb27d24
6
+ metadata.gz: d6a971d3f22fce73a494774c47fc03e60bfc3ac940d899703703bd765438db8e93536ced1895b85223001b1e8ee6231036ba4fbd53d2aed4c56a908d6a2cf2de
7
+ data.tar.gz: 413a8204ea5cb313cc366e6da6b8563f2d38cdc17acc7c18aaea5711c102340abbdab021a757e8b861ec7923186f616eceede2b2a3ef152d2b223475d91dba50
@@ -103,7 +103,7 @@ markup_presets:
103
103
  featured_blog_image:
104
104
  markup: data_picture
105
105
  attributes:
106
- img: 'class="lazyload img-fluid"'
106
+ img: 'class="lazyload img-fluid post_index_header_image"'
107
107
  formats: [webp, original]
108
108
  widths: [400,600,900,1400]
109
109
  slider_block_image:
@@ -3,17 +3,21 @@ layout: base
3
3
  css_package: blog
4
4
  ---
5
5
  <div itemscope="" itemtype="http://schema.org/BlogPosting">
6
- <div
7
- class="jumbotron d-flex align-items-center jumbotron-fluid {% if page.image %}background_image{% endif%}">
6
+ <div class="container-fluid" >
8
7
  {% if page.image %}
8
+ <div class="row" id="image_header">
9
9
  {% assign image_path = page.image %}
10
10
  {% capture image_alt %}{{page.title}} background image{% endcapture %}
11
11
  {% picture header_image {{image_path}} --alt {{image_alt}} %}
12
+ </div>
12
13
  {% endif %}
13
- <div class="container text-center">
14
- <div class="inner_content_wrapper">
14
+ <div class="row">
15
+ <div class="container">
15
16
  <h1 class="" itemprop="name headline">{{page.title}}</h1>
16
-
17
+ </div>
18
+ </div>
19
+ <div class="row bg-light">
20
+ <div class="container">
17
21
  {% assign author = site.authors | where: "username", page.author | first %}
18
22
  {% assign author-url = author.url %}
19
23
  {% assign author_name = author.name %}
@@ -23,19 +27,24 @@ css_package: blog
23
27
  {% else %}
24
28
  {% assign author_image = site.avatar_placeholder %}
25
29
  {% endif %}
26
- <div itemprop="author" itemscope="" itemtype="http://schema.org/Person">
30
+ <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">
27
31
  <a href="{{author-url}}" itemprop="url" rel="author">
28
32
  {% picture author_thumbnail {{author_image}} --alt {{author_image_alt}} %}
29
- <p class="lead">
30
- <em itemprop="name">{{author_name}}</em>
31
- </p>
32
33
  </a>
33
34
  </div>
34
-
35
- <p>
36
- <time datetime="{{page.date}}" itemprop="datePublished">{{page.date | date: "%A, %B %-d, %Y"}}</time>
37
- </p>
38
- {% include blog/read_time.html %}
35
+ <div class="blockquote d-block d-md-inline-block mx-2 text-md-left text-center">
36
+ <strong itemprop="name">{{author_name}}</strong>
37
+ </div>
38
+ <span class="divider d-none d-md-inline-block">|</span>
39
+ <div class="post_info text-center text-md-left d-block d-md-inline-block">
40
+ <div class="author_name d-inline-block mx-2">
41
+ <time datetime="{{page.date}}" itemprop="datePublished">{{page.date | date: "%A, %B %-d, %Y"}}</time>
42
+ </div>
43
+ <span class="divider">|</span>
44
+ <div class="read_time d-inline-block mx-2">
45
+ {% include blog/read_time.html %}
46
+ </div>
47
+ </div>
39
48
  </div>
40
49
  </div>
41
50
  </div>
@@ -1,4 +1,30 @@
1
1
  #wrapper {
2
+ .latest-featured-post {
3
+ picture {
4
+ height: 100% !important;
5
+ display: block;
6
+ overflow: hidden;
7
+ .post_index_header_image {
8
+ max-width: 100%;
9
+ height: auto;
10
+ height: 100%;
11
+ object-fit: cover;
12
+ }
13
+ }
14
+ }
15
+ #image_header {
16
+ height: 200px;
17
+ overflow: hidden;
18
+ object-fit: cover;
19
+ .header_background_image.lazyloaded {
20
+ object-fit: cover;
21
+ object-position: 50% 50% !important;
22
+ height: 200px;
23
+ width: 100vw;
24
+ display: block;
25
+ position: relative;
26
+ }
27
+ }
2
28
  .blog-content {
3
29
  .blog_content_image {
4
30
  margin: 20px 0px;
@@ -119,6 +145,14 @@
119
145
  .rounded-circle {
120
146
  width: 100px;
121
147
  height: 100px;
148
+ transition: all 100ms ease-out;
149
+ object-fit: cover;
150
+ &:hover {
151
+ transform: rotate(-5deg);
152
+ -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
153
+ -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
154
+ box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
155
+ }
122
156
  &.small {
123
157
  height: 50px;
124
158
  width: 50px;
@@ -9,6 +9,7 @@
9
9
  height: 150px;
10
10
  width: auto;
11
11
  &.rounded-circle {
12
+ object-fit: cover;
12
13
  height: 75px;
13
14
  width: 75px;
14
15
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jumbo-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 6.0.1.4
4
+ version: 6.0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Kyle Kirkby
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-07-07 00:00:00.000000000 Z
11
+ date: 2020-07-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll