beautiful-jekyll-theme 3.0.0 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 95d23069f17ab48c9de07cc4e7695fe4dc2773f360bd793fefeee2ecc0926db5
4
- data.tar.gz: 750ce3210520e7802f77a99e18359ec1e14e45e5c91eddb033585813306cada4
3
+ metadata.gz: 1e57ead3f6675c8b935b412b81df1194a5c775e2ab1b87aca545515bb33737d8
4
+ data.tar.gz: 7c4e5d9e80552d4136bd60760f9dfee7618a9aa3d091d35be01e170bfebbe91b
5
5
  SHA512:
6
- metadata.gz: f7bcfe0897999580b7a0941bd93fa98dc5b3406d3d4f03ece0647c32d1991f15c6941788acb009bd5d0038905c28ad7998958665a45ccba6907803395e42f6bb
7
- data.tar.gz: 1b6ec84ed1bb74c27a420bc26ba53009c3a1e026080437765d05b75cfea5f08ac3f65345006800769a084dd175f6ceb4032a0021f47acf0dfa93b41ef1eb99ce
6
+ metadata.gz: 95c65a7c68d2240bb29156486497f06f12f7fb76df1eddf378cbc040b68a1e79009a3066035b11b4a2dd97a05efcc5fdbf2088cc1f5f6aa2fd30c9610b86e411
7
+ data.tar.gz: ba0797eef1325be2a89ffa352aa8780c35f7c7bff267cbd23c587262833b2f40f8f988491da4838de607799a6f58768c52910848ef87b0fc79617102c824bba1
data/README.md CHANGED
@@ -1,21 +1,22 @@
1
1
  # Beautiful Jekyll
2
2
 
3
- ![Beautiful Jekyll CI](https://github.com/daattali/beautiful-jekyll/workflows/Beautiful%20Jekyll%20CI/badge.svg)
3
+ [![Beautiful Jekyll CI](https://github.com/daattali/beautiful-jekyll/workflows/Beautiful%20Jekyll%20CI/badge.svg)](https://github.com/daattali/beautiful-jekyll/actions?query=branch%3Amaster+event%3Apush+workflow%3A%22Beautiful+Jekyll+CI%22)
4
4
  [![Gem Version](https://badge.fury.io/rb/beautiful-jekyll-theme.svg)](https://badge.fury.io/rb/beautiful-jekyll-theme)
5
5
 
6
6
  > *Copyright 2020 [Dean Attali](https://deanattali.com)*
7
7
 
8
8
  **Beautiful Jekyll** is a ready-to-use template to help you create a beautiful website quickly. Perfect for personal sites, blogs, or simple project websites. [Check out a demo](https://beautifuljekyll.com) of what you'll get after just two minutes. You can also look at [my personal website](https://deanattali.com) to see it in use, or see examples of websites other people created using this theme [below](#showcased-users-success-stories).
9
9
 
10
- **If you enjoy this theme, please consider [supporting me](http://paypal.me/daattali) or [sponsoring me](https://github.com/sponsors/daattali) for developing and maintaining it for over 5 years.**
10
+ **If you enjoy this theme, please consider [sponsoring me](https://github.com/sponsors/daattali) for developing and maintaining it for over 5 years.**
11
11
 
12
12
  <p align="center">
13
- <a style="display: inline-block;" href="https://paypal.me/daattali">
14
- <img height="40" src="https://camo.githubusercontent.com/0e9e5cac101f7093336b4589c380ab5dcfdcbab0/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f74776f6c66736f6e2f70617970616c2d6769746875622d627574746f6e40312e302e302f646973742f627574746f6e2e737667" />
15
- </a>&nbsp;&nbsp;
16
13
  <a style="display: inline-block;" href="https://github.com/sponsors/daattali">
17
14
  <img height="40" src="https://i.imgur.com/034B8vq.png" />
18
15
  </a>
16
+ &nbsp;&nbsp;
17
+ <a style="display: inline-block;" href="https://paypal.me/daattali">
18
+ <img height="40" src="https://camo.githubusercontent.com/0e9e5cac101f7093336b4589c380ab5dcfdcbab0/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f74776f6c66736f6e2f70617970616c2d6769746875622d627574746f6e40312e302e302f646973742f627574746f6e2e737667" />
19
+ </a>
19
20
  </p>
20
21
 
21
22
  ## Table of contents
@@ -129,7 +130,7 @@ Parameter | Description
129
130
  title | Page or blog post title
130
131
  subtitle | Short description of page or blog post that goes under the title
131
132
  tags | List of tags to categorize the post. Separate the tags with commas and place them inside square brackets. Example: `[personal, analysis, finance]`
132
- cover-img | Include a large full-width image at the top of the page. You can either give the path to a single image, or provide a list of images to cycle through (see [my personal website](https://deanattali.com/) as an example).
133
+ cover-img | Include a large full-width image at the top of the page. You can either provide the path to a single image (eg. `"/path/to/img"`) , or a list of images to cycle through (eg. `["/path/img1", "/path/img2"]`). If you want to add a caption to an image, then the image should be provided as `{"/path/to/img" : "Caption of image"}`.
133
134
  comments | If you want do add comments to a specific page, use `comments: true`. Comments only work if you enable one of the comments providers (Facebook, disqus, staticman, utterances) in `_config.yml` file. Comments are automatically enabled on blog posts but not on other pages; to turn comments off for a specific post, use `comments: false`.
134
135
 
135
136
  ## Less commonly used parameters
@@ -140,8 +141,8 @@ Parameter | Description
140
141
  ----------- | -----------
141
142
  readtime | If you want a post to show how many minutes it will take to read it, use `readtime: true`.
142
143
  show-avatar | If you have an avatar configured in the `_config.yml` but you want to turn it off on a specific page, use `show-avatar: false`.
143
- image | If you want to add an image to your blog post that will show up next to the post's excerpt on the feed and in the post page itself, use `image: /path/to/img`.
144
- share-img | If you want to specify an image to use when sharing the page on Facebook or Twitter, then provide the image's full URL here.
144
+ thumbnail-img | For blog posts, if you want to add a thumbnail that'll show up next to the post's excerpt in the feed, use `thumbnail-img: /path/to/image`. If no thumbnail is provided, then `cover-img` will be used as the thumbnail. You can use `thumbnail-img: ""` to disable a thumbnail.
145
+ share-img | The image to use when sharing the page to social media. If not provided, then `cover-img` or `thumbnail-img` will be used.
145
146
  social-share | By default, every blog post has buttons to share the page on social media. If you want to turn this feature off, use `social-share: false`.
146
147
  nav-short | By default, the navigation bar gets shorter after scrolling down the page. If you want the navigation bar to always be short on a certain page, use `nav-short: true`
147
148
  gh-repo   | If you want to show GitHub buttons at the top of a post, this sets the GitHub repo name (eg. `daattali/beautiful-jekyll`). You must also use the `gh-badge` parameter to specify what buttons to show.
@@ -217,7 +218,7 @@ Beautiful Jekyll is actively used by thousands of people with wildly varying deg
217
218
 
218
219
  Every GitHub user can have one repository (repository = project) named `<yourusername>.github.io` and the website for that repository will be `https://<yourusername>.github.io`.
219
220
 
220
- If you want your project to be named something else, for example `MyAwesomeProject`, that's no problem! All you have to do is go to _Settings_ at the top right corner of the page, and rename your repository to `MyAwesomeProject` (remember to click on the _Rename_ button to confirm). Then you need to scroll down to the _GitHub Pages_ section and choose "master branch" as the source (not "master branch /docs folder"!).
221
+ If you want your project to be named something else, for example `MyAwesomeProject`, that's no problem! All you have to do is go to _Settings_ at the top right corner of the page, and rename your repository to `MyAwesomeProject` (**remember to click on the _Rename_ button to confirm!**). Then you need to scroll down to the _GitHub Pages_ section and choose "master branch" as the source (not "master branch /docs folder"!).
221
222
 
222
223
  Now your website will be at `https://<yourusername>.github.io\MyAwesomeProject`.
223
224
 
@@ -64,7 +64,13 @@
64
64
  {% endif %}
65
65
 
66
66
 
67
+ {% if page.id %}
68
+ <meta property="og:type" content="article">
69
+ <meta property="og:article:author" content="{{ site.author }}">
70
+ <meta property="og:article:published_time" content="{{ page.date | date_to_xmlschema }}">
71
+ {% else %}
67
72
  <meta property="og:type" content="website">
73
+ {% endif %}
68
74
 
69
75
  {% if page.id %}
70
76
  <meta property="og:url" content="{{ page.url | absolute_url }}">
@@ -74,15 +80,34 @@
74
80
  <link rel="canonical" href="{{ page.url | absolute_url | strip_index }}">
75
81
  {% endif %}
76
82
 
77
- {% if page.share-img %}
78
- <meta property="og:image" content="{{ page.share-img }}">
79
- {% elsif site.avatar %}
80
- <meta property="og:image" content="{{ site.avatar | absolute_url }}">
83
+ {%- capture shareimg -%}
84
+ {% if page.share-img %}
85
+ {{ page.share-img }}
86
+ {% elsif page.cover-img %}
87
+ {% if page.cover-img.first %}
88
+ {{ page.cover-img[0].first.first }}
89
+ {% else %}
90
+ {{ page.cover-img }}
91
+ {% endif %}
92
+ {% elsif page.thumbnail-img %}
93
+ {{ page.thumbnail-img }}
94
+ {% elsif site.avatar %}
95
+ {{ site.avatar }}
96
+ {% endif %}
97
+ {% endcapture %}
98
+ {% assign shareimg=shareimg | strip %}
99
+
100
+ {% if shareimg != "" %}
101
+ <meta property="og:image" content="{{ shareimg | absolute_url }}">
81
102
  {% endif %}
82
103
 
83
104
 
84
105
  <!-- Twitter summary cards -->
106
+ {% if shareimg != "" and shareimg != site.avatar %}
107
+ <meta name="twitter:card" content="summary_large_image">
108
+ {% else %}
85
109
  <meta name="twitter:card" content="summary">
110
+ {% endif %}
86
111
  <meta name="twitter:site" content="@{{ site.social-network-links.twitter }}">
87
112
  <meta name="twitter:creator" content="@{{ site.social-network-links.twitter }}">
88
113
 
@@ -102,10 +127,8 @@
102
127
  <meta name="twitter:description" content="{{ page.content | strip_html | xml_escape | truncatewords: 50 }}">
103
128
  {% endif %}
104
129
 
105
- {% if page.share-img %}
106
- <meta name="twitter:image" content="{{ page.share-img }}">
107
- {% elsif site.avatar %}
108
- <meta name="twitter:image" content="{{ site.avatar | absolute_url }}">
130
+ {% if shareimg != "" %}
131
+ <meta name="twitter:image" content="{{ shareimg | absolute_url }}">
109
132
  {% endif %}
110
133
 
111
134
  {% if site.matomo %}
@@ -10,10 +10,10 @@
10
10
  {% assign imgnum = forloop.index %}
11
11
  {% for imginfo in bigimg %}
12
12
  {% if imginfo[0] %}
13
- data-img-src-{{ imgnum }}="{{ imginfo[0] | relative_url }}"
13
+ data-img-src-{{ imgnum }}="{{ imginfo[0] | absolute_url }}"
14
14
  data-img-desc-{{ imgnum }}="{{ imginfo[1] }}"
15
15
  {% else %}
16
- data-img-src-{{ imgnum }}="{{ imginfo | relative_url }}"
16
+ data-img-src-{{ imgnum }}="{{ imginfo | absolute_url }}"
17
17
  {% endif %}
18
18
  {% endfor %}
19
19
  {% endfor %}
@@ -33,15 +33,7 @@
33
33
  </ul>
34
34
  </div>
35
35
 
36
- {% if page.image and (layout.show-avatar or page.show-avatar) %}
37
- <div class="avatar-container">
38
- <div class="avatar-img-border">
39
- <a href="{{ '' | absolute_url }}">
40
- <img alt="Navbar avatar" class="avatar-img" src="{{ page.image | relative_url }}" />
41
- </a>
42
- </div>
43
- </div>
44
- {% elsif site.avatar and (layout.show-avatar or page.show-avatar) %}
36
+ {% if site.avatar and (layout.show-avatar or page.show-avatar) %}
45
37
  <div class="avatar-container">
46
38
  <div class="avatar-img-border">
47
39
  <a href="{{ '' | absolute_url }}">
@@ -228,4 +228,40 @@
228
228
  </li>
229
229
  {%- endif -%}
230
230
 
231
+ {%- if site.social-network-links.mastodon -%}
232
+ <li class="list-inline-item">
233
+ <a href="https://{{ site.social-network-links.mastodon }}" title="Mastodon">
234
+ <span class="fa-stack fa-lg" aria-hidden="true">
235
+ <i class="fas fa-circle fa-stack-2x"></i>
236
+ <i class="fab fa-mastodon fa-stack-1x fa-inverse"></i>
237
+ </span>
238
+ <span class="sr-only">Mastodon</span>
239
+ </a>
240
+ </li>
241
+ {%- endif -%}
242
+
243
+ {%- if site.social-network-links.ORCID -%}
244
+ <li class="list-inline-item">
245
+ <a href="https://orcid.org/{{ site.social-network-links.ORCID }}" title="ORCID">
246
+ <span class="fa-stack fa-lg" aria-hidden="true">
247
+ <i class="fas fa-circle fa-stack-2x"></i>
248
+ <i class="fab fa-orcid fa-stack-1x fa-inverse"></i>
249
+ </span>
250
+ <span class="sr-only">ORCID</span>
251
+ </a>
252
+ </li>
253
+ {%- endif -%}
254
+
255
+ {%- if site.social-network-links.google-scholar -%}
256
+ <li class="list-inline-item">
257
+ <a href="https://scholar.google.com/{{ site.social-network-links.google-scholar }}" title="Google Scholar">
258
+ <span class="fa-stack fa-lg" aria-hidden="true">
259
+ <i class="fas fa-circle fa-stack-2x"></i>
260
+ <i class="fa fa-graduation-cap fa-stack-1x fa-inverse"></i>
261
+ </span>
262
+ <span class="sr-only">Google Scholar</span>
263
+ </a>
264
+ </li>
265
+ {%- endif -%}
266
+
231
267
  </ul>
@@ -34,6 +34,14 @@
34
34
  </a>
35
35
  {% endif %}
36
36
 
37
+ {% if site.share-links-active.vk %}
38
+ <a href="https://vk.com/share.php?url={{ page.url | absolute_url | url_encode }}"
39
+ class="btn btn-social-icon btn-vk" title="Share on VK">
40
+ <span class="fab fa-fw fa-vk" aria-hidden="true"></span>
41
+ <span class="sr-only">VK</span>
42
+ </a>
43
+ {% endif %}
44
+
37
45
  </section>
38
46
 
39
47
  {% endif %}
@@ -75,7 +75,7 @@
75
75
  <!-- doing something a bit funky here because I want to be careful not to include JQuery twice! -->
76
76
  <script>
77
77
  if (typeof jQuery == 'undefined') {
78
- document.write('<script src="{{ "/assets/js/jquery-1.11.2.min.js" | relative_url }}"></scr' + 'ipt>');
78
+ document.write('<script src="{{ "/assets/js/jquery-3.4.1.min.js" | relative_url }}"></scr' + 'ipt>');
79
79
  }
80
80
  </script>
81
81
  <script src="{{ "/assets/js/staticman.js" | relative_url }}"></script>
@@ -9,7 +9,7 @@ layout: page
9
9
  <div class="posts-list">
10
10
  {% for post in posts %}
11
11
  <article class="post-preview">
12
- <a href="{{ post.url | relative_url }}">
12
+ <a href="{{ post.url | absolute_url }}">
13
13
  <h2 class="post-title">{{ post.title }}</h2>
14
14
 
15
15
  {% if post.subtitle %}
@@ -25,10 +25,23 @@ layout: page
25
25
  </p>
26
26
 
27
27
  <div class="post-entry-container">
28
- {% if post.image %}
28
+ {%- capture thumbnail -%}
29
+ {% if post.thumbnail-img %}
30
+ {{ post.thumbnail-img }}
31
+ {% elsif post.cover-img %}
32
+ {% if post.cover-img.first %}
33
+ {{ post.cover-img[0].first.first }}
34
+ {% else %}
35
+ {{ post.cover-img }}
36
+ {% endif %}
37
+ {% else %}
38
+ {% endif %}
39
+ {% endcapture %}
40
+ {% assign thumbnail=thumbnail | strip %}
41
+ {% if thumbnail != "" %}
29
42
  <div class="post-image">
30
- <a href="{{ post.url | relative_url }}">
31
- <img src="{{ post.image | relative_url }}">
43
+ <a href="{{ post.url | absolute_url }}">
44
+ <img src="{{ thumbnail | absolute_url }}">
32
45
  </a>
33
46
  </div>
34
47
  {% endif %}
@@ -37,7 +50,7 @@ layout: page
37
50
  {{ post.excerpt | strip_html | xml_escape | truncatewords: excerpt_length }}
38
51
  {% assign excerpt_word_count = post.excerpt | number_of_words %}
39
52
  {% if post.content != post.excerpt or excerpt_word_count > excerpt_length %}
40
- <a href="{{ post.url | relative_url }}" class="post-read-more">[Read&nbsp;More]</a>
53
+ <a href="{{ post.url | absolute_url }}" class="post-read-more">[Read&nbsp;More]</a>
41
54
  {% endif %}
42
55
  </div>
43
56
  </div>
@@ -47,7 +60,7 @@ layout: page
47
60
  Tags:
48
61
  {% if site.link-tags %}
49
62
  {% for tag in post.tags %}
50
- <a href="{{ '/tags' | relative_url }}#{{- tag -}}">{{- tag -}}</a>
63
+ <a href="{{ '/tags' | absolute_url }}#{{- tag -}}">{{- tag -}}</a>
51
64
  {% endfor %}
52
65
  {% else %}
53
66
  {{ post.tags | join: ", " }}
@@ -63,12 +76,12 @@ layout: page
63
76
  <ul class="pagination main-pager">
64
77
  {% if paginator.previous_page %}
65
78
  <li class="page-item previous">
66
- <a class="page-link" href="{{ paginator.previous_page_path | relative_url }}">&larr; Newer Posts</a>
79
+ <a class="page-link" href="{{ paginator.previous_page_path | absolute_url }}">&larr; Newer Posts</a>
67
80
  </li>
68
81
  {% endif %}
69
82
  {% if paginator.next_page %}
70
83
  <li class="page-item next">
71
- <a class="page-link" href="{{ paginator.next_page_path | relative_url }}">Older Posts &rarr;</a>
84
+ <a class="page-link" href="{{ paginator.next_page_path | absolute_url }}">Older Posts &rarr;</a>
72
85
  </li>
73
86
  {% endif %}
74
87
  </ul>
@@ -242,7 +242,8 @@ img {
242
242
  padding-left: 0.9375rem;
243
243
  padding-right: 0.9375rem;
244
244
  }
245
- .navbar-expand-md .navbar-nav .nav-item:last-child .nav-link {
245
+
246
+ .navbar-expand-md .navbar-nav .nav-item:not(.dropdown):last-child .nav-link {
246
247
  padding-right: 0;
247
248
  }
248
249
  }
@@ -483,6 +484,7 @@ footer .footer-custom-content {
483
484
  }
484
485
  .post-image {
485
486
  float: right;
487
+ margin-left: 0.625rem;
486
488
  height: 12rem;
487
489
  width: 12rem;
488
490
  margin-top: -2.1875rem;
@@ -538,6 +540,14 @@ footer .footer-custom-content {
538
540
  }
539
541
  }
540
542
 
543
+ @media (max-width: 767px) {
544
+ .post-image, .post-image img {
545
+ margin-top: 0;
546
+ height: 9rem;
547
+ width: 9rem;
548
+ }
549
+ }
550
+
541
551
  @media (max-width: 500px) {
542
552
  .post-image, .post-image img {
543
553
  height: 6.25rem;
@@ -548,7 +558,8 @@ footer .footer-custom-content {
548
558
  width: 100%;
549
559
  text-align: center;
550
560
  margin-top: 0;
551
- float: left;
561
+ margin-left: 0;
562
+ float: none;
552
563
  }
553
564
  }
554
565
  /* --- Post and page headers --- */
Binary file
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: beautiful-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.0.0
4
+ version: 4.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dean Attali
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-05-07 00:00:00.000000000 Z
11
+ date: 2020-07-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -130,6 +130,7 @@ files:
130
130
  - assets/img/hello_world.jpeg
131
131
  - assets/img/install-steps.gif
132
132
  - assets/img/path.jpg
133
+ - assets/img/thumb.png
133
134
  - assets/js/main.js
134
135
  - assets/js/staticman.js
135
136
  - feed.xml