jumbo-jekyll-theme 6.0.1.1 → 6.0.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +1 -0
  3. data/_data/picture.yml +1 -1
  4. data/_includes/nav/nav.html +1 -1
  5. data/_layouts/post.html +27 -17
  6. data/_sass/core/blog.scss +34 -0
  7. data/_sass/core/flow.scss +4 -0
  8. data/_sass/core/jumbotron.scss +2 -1
  9. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9aa0157e2cca75fabd0b1eea474a1a14fcea4e79ae78104c5a8b5ce0e0dff88f
4
- data.tar.gz: f81f07d7453be5e7251cb578052d3faa5c91889498ab007a196b0f94ed9cac3a
3
+ metadata.gz: 5cad13034d8a1c3563f2f8a137e00d1156d72d3d07f4a751922354dc33f76cd1
4
+ data.tar.gz: fb2c2c38e2f43f8eb38966098c795e3f6f127a74af8407658a8c638f4d172b6c
5
5
  SHA512:
6
- metadata.gz: 4cd7ce8277f4a46f361dc83cc978417ed91021e098f227a74d310124edbfdbeea18bbbd74749586768d4d8a57da2cd82c95197f69ea0676ce034d75ad8af2353
7
- data.tar.gz: f4b7faac127de682d68723d234f511d9a2a5a63248f48745cc85fea55cbcc962f97e32da6c76af4d9c96912a000610a134894850daf8ff7e9188b6dbb962b0e6
6
+ metadata.gz: '028526f1ba43e42c931f5d5ecc6ac8f228418a858ce600f34209e4e0daa901114491c35bbd156860dacb322087122eed0fb3643f67d16a0e176e5c290acf0bf4'
7
+ data.tar.gz: 17ec5c3fd01167c7e1ff1f74a6bae2d6bb18be8ba6afc24fa1619b7a80eff45cf6d2bb905f6097e0b9ba5bcc241cfbd2e6c83d2ef745056890cca2013bb24638
data/_config.yml CHANGED
@@ -51,6 +51,7 @@ defaults:
51
51
  layout: post
52
52
  is_post: true
53
53
  comments: true
54
+ strap_image: /assets/images/test/background-image2.png
54
55
  - scope:
55
56
  path: ""
56
57
  type: "authors"
data/_data/picture.yml CHANGED
@@ -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:
data/_includes/nav/nav.html CHANGED
@@ -113,7 +113,7 @@
113
113
  {% endfor %}
114
114
  {% if site.data.nav.search.enabled %}
115
115
  <li class="nav-item dropdown search">
116
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
116
+ <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" aria-label="Search dropdown" data-toggle="dropdown"
117
117
  aria-haspopup="true" aria-expanded="false">
118
118
  <i class="icon-search"></i>
119
119
  </a>
data/_layouts/post.html CHANGED
@@ -3,16 +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%}">
8
- {% if page.image %}
9
- {% assign image_path = page.image %}
10
- {% picture header_image {{image_path}} %}
6
+ <div class="container-fluid" >
7
+ {% if page.strap_image %}
8
+ <div class="row" id="image_header">
9
+ {% assign image_path = page.strap_image %}
10
+ {% capture image_alt %}{{page.title}} background image{% endcapture %}
11
+ {% picture header_image {{image_path}} --alt {{image_alt}} %}
12
+ </div>
11
13
  {% endif %}
12
- <div class="container text-center">
13
- <div class="inner_content_wrapper">
14
+ <div class="row">
15
+ <div class="container">
14
16
  <h1 class="" itemprop="name headline">{{page.title}}</h1>
15
-
17
+ </div>
18
+ </div>
19
+ <div class="row bg-light">
20
+ <div class="container">
16
21
  {% assign author = site.authors | where: "username", page.author | first %}
17
22
  {% assign author-url = author.url %}
18
23
  {% assign author_name = author.name %}
@@ -22,19 +27,24 @@ css_package: blog
22
27
  {% else %}
23
28
  {% assign author_image = site.avatar_placeholder %}
24
29
  {% endif %}
25
- <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">
26
31
  <a href="{{author-url}}" itemprop="url" rel="author">
27
32
  {% picture author_thumbnail {{author_image}} --alt {{author_image_alt}} %}
28
- <p class="lead">
29
- <em itemprop="name">{{author_name}}</em>
30
- </p>
31
33
  </a>
32
34
  </div>
33
-
34
- <p>
35
- <time datetime="{{page.date}}" itemprop="datePublished">{{page.date | date: "%A, %B %-d, %Y"}}</time>
36
- </p>
37
- {% 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>
38
48
  </div>
39
49
  </div>
40
50
  </div>
data/_sass/core/blog.scss CHANGED
@@ -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;
data/_sass/core/flow.scss CHANGED
@@ -1,4 +1,8 @@
1
1
  #flow_wrapper {
2
+ font-size: 1.2rem !important;
3
+ @include media-breakpoint-only(xs){
4
+ font-size: 1.1rem !important;
5
+ }
2
6
  background-color: white;
3
7
  #collapseSection {
4
8
  .btn.btn-link {
data/_sass/core/jumbotron.scss CHANGED
@@ -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
  }
@@ -98,7 +99,7 @@
98
99
  height: 100%;
99
100
  width: 100%;
100
101
  object-fit: cover;
101
- filter: brightness(0.4);
102
+ filter: brightness(0.1);
102
103
  }
103
104
  }
104
105
  }
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.1
4
+ version: 6.0.2.1
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-06 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