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 +4 -4
- data/README.md +10 -9
- data/_includes/head.html +31 -8
- data/_includes/header.html +2 -2
- data/_includes/nav.html +1 -9
- data/_includes/social-networks-links.html +36 -0
- data/_includes/social-share.html +8 -0
- data/_includes/staticman-comments.html +1 -1
- data/_layouts/home.html +21 -8
- data/assets/css/main.css +13 -2
- data/assets/img/thumb.png +0 -0
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 1e57ead3f6675c8b935b412b81df1194a5c775e2ab1b87aca545515bb33737d8
|
4
|
+
data.tar.gz: 7c4e5d9e80552d4136bd60760f9dfee7618a9aa3d091d35be01e170bfebbe91b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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 [
|
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>
|
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
|
+
|
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.
|
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
|
-
|
144
|
-
share-img |
|
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
|
|
data/_includes/head.html
CHANGED
@@ -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
|
-
{
|
78
|
-
|
79
|
-
|
80
|
-
|
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
|
106
|
-
<meta name="twitter:image" content="{{
|
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 %}
|
data/_includes/header.html
CHANGED
@@ -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] |
|
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 |
|
16
|
+
data-img-src-{{ imgnum }}="{{ imginfo | absolute_url }}"
|
17
17
|
{% endif %}
|
18
18
|
{% endfor %}
|
19
19
|
{% endfor %}
|
data/_includes/nav.html
CHANGED
@@ -33,15 +33,7 @@
|
|
33
33
|
</ul>
|
34
34
|
</div>
|
35
35
|
|
36
|
-
{% if
|
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>
|
data/_includes/social-share.html
CHANGED
@@ -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-
|
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>
|
data/_layouts/home.html
CHANGED
@@ -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 |
|
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
|
-
{
|
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 |
|
31
|
-
<img src="{{
|
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 |
|
53
|
+
<a href="{{ post.url | absolute_url }}" class="post-read-more">[Read 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' |
|
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 |
|
79
|
+
<a class="page-link" href="{{ paginator.previous_page_path | absolute_url }}">← 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 |
|
84
|
+
<a class="page-link" href="{{ paginator.next_page_path | absolute_url }}">Older Posts →</a>
|
72
85
|
</li>
|
73
86
|
{% endif %}
|
74
87
|
</ul>
|
data/assets/css/main.css
CHANGED
@@ -242,7 +242,8 @@ img {
|
|
242
242
|
padding-left: 0.9375rem;
|
243
243
|
padding-right: 0.9375rem;
|
244
244
|
}
|
245
|
-
|
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
|
-
|
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:
|
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-
|
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
|