jasper-theme 0.0.1 → 0.0.2
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 +4 -4
- data/_includes/author-icon.html +17 -0
- data/_includes/author-profile.html +21 -12
- data/_includes/author.html +8 -43
- data/_includes/card.html +3 -3
- data/_includes/category.html +3 -3
- data/_includes/footer.html +8 -8
- data/_includes/header.html +5 -5
- data/_includes/icons/github.svg +1 -0
- data/_includes/icons/gitlab.svg +1 -0
- data/_includes/meta.html +14 -2
- data/_includes/navbar.html +18 -15
- data/_includes/navlink.html +14 -0
- data/_includes/other-post.html +4 -6
- data/_includes/single-author.html +11 -13
- data/_includes/subscribe-overlay.html +4 -4
- data/_includes/vendor/disqus.html +32 -0
- data/_includes/vendor/google_analytics.html +9 -0
- data/_layouts/page.html +27 -1
- data/_layouts/post.html +13 -11
- data/_sass/1-helpers/_variables.sass +2 -2
- data/_sass/4-modules/_card.sass +13 -8
- data/_sass/4-modules/_comments.sass +3 -0
- data/_sass/4-modules/_modules.sass +2 -1
- data/_sass/5-pages/_post.sass +4 -1
- metadata +9 -4
- data/_includes/floating-header.hbs +0 -28
- data/_includes/navigation.html +0 -14
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d816fe7bcfc864ab1103ce89ea21c3ccafe96df49c0f31b939cbb85cadc11b5b
|
|
4
|
+
data.tar.gz: c0d94eacf162d9acf76db2678f15d44b3c71ab2c6a83e8afec3ff82d1e85269a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c050e24cfbaec670caadf68e2a2bd452d7edda5e426470c9b84a2c4b4e3817344c15edea768f9cd772c70e3c47d2ed2d2d423486bb81cea970f8f8ce4a0be329
|
|
7
|
+
data.tar.gz: 154d96fb13c848c7b23a2d1452a5be85e5d4c39c277f99532d1f3b55fdf1f4154fbd17de59c7c386bb5474a0a3d9921526c1a68d04a9dd963fdd47ae3d9e3ebd
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{% if site.author_image %}
|
|
2
|
+
{% case site.author_image_placeholder %}
|
|
3
|
+
{% when 'image' | downcase %}
|
|
4
|
+
<a href="{{ writers.user_name | prepend: author_url | relative_url }}" class="static-avatar">
|
|
5
|
+
<img class="author-profile-image" src="{{ writers.image | relative_url }}" alt="{{ writers.name }}" />
|
|
6
|
+
</a>
|
|
7
|
+
{% when 'initial' | downcase %}
|
|
8
|
+
<a href="{{ writers.user_name | prepend: author_url | relative_url }}" class="static-avatar author-profile-image">
|
|
9
|
+
<span class="author-profile-initial">{{ writers.name | slice: 0 }}</span>
|
|
10
|
+
</a>
|
|
11
|
+
{% when 'avatar' | downcase %}
|
|
12
|
+
<a href="{{ writers.user_name | prepend: author_url | relative_url }}" class="static-avatar author-profile-image">
|
|
13
|
+
{% include icons/avatar.svg %}
|
|
14
|
+
</a>
|
|
15
|
+
{% else %}
|
|
16
|
+
{% endcase %}
|
|
17
|
+
{% endif %}
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
<div class="inner">
|
|
6
6
|
{% include navbar.html %}
|
|
7
7
|
<div class="site-header-content">
|
|
8
|
-
<img class="author-profile-image" src="{{writers.image}}" alt="{{writers.name}}">
|
|
9
|
-
<h1 class="site-title">{{writers.name}}</h1>
|
|
8
|
+
<img class="author-profile-image" src="{{ writers.image | relative_url }}" alt="{{ writers.name }}">
|
|
9
|
+
<h1 class="site-title">{{ writers.name }}</h1>
|
|
10
10
|
<h2 class="author-bio">
|
|
11
11
|
{% if writers.bio %}
|
|
12
|
-
{{writers.bio}}
|
|
12
|
+
{{ writers.bio }}
|
|
13
13
|
{% else %}
|
|
14
14
|
|
|
15
15
|
{% endif %}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
<div class="author-meta">
|
|
18
18
|
<div class="author-location">
|
|
19
19
|
{% if writers.location %}
|
|
20
|
-
{{writers.location}}
|
|
20
|
+
{{ writers.location }}
|
|
21
21
|
<span class="bull">•</span>
|
|
22
22
|
{% endif %}
|
|
23
23
|
</div>
|
|
@@ -28,26 +28,35 @@
|
|
|
28
28
|
{% assign number_of_category_post=number_of_category_post | plus: 1 %}
|
|
29
29
|
{% endif %}
|
|
30
30
|
{% endfor %}
|
|
31
|
-
{{number_of_category_post}} posts
|
|
31
|
+
{{ number_of_category_post }} posts
|
|
32
32
|
<span class="bull">•</span>
|
|
33
33
|
</div>
|
|
34
34
|
{% if writers.link %}
|
|
35
|
-
<a class="social-link" href="{{writers.link}}" target="_blank" rel="noopener">
|
|
35
|
+
<a class="social-link" href="{{ writers.link }}" target="_blank" rel="noopener">
|
|
36
36
|
{% include icons/web.svg %}
|
|
37
37
|
</a>
|
|
38
38
|
{% endif %}
|
|
39
|
+
{% if writers.facebook %}
|
|
40
|
+
<a class="social-link" href="https://www.facebook.com/{{ writers.facebook }}" target="_blank" rel="noopener">
|
|
41
|
+
{% include icons/facebook.svg %}
|
|
42
|
+
</a>
|
|
43
|
+
{% endif %}
|
|
39
44
|
{% if writers.twitter %}
|
|
40
|
-
<a class="social-link" href="{{writers.twitter}}" target="_blank" rel="noopener">
|
|
45
|
+
<a class="social-link" href="https://www.twitter.com/{{ writers.twitter }}" target="_blank" rel="noopener">
|
|
41
46
|
{% include icons/twitter.svg %}
|
|
42
47
|
</a>
|
|
43
48
|
{% endif %}
|
|
44
|
-
{% if writers.
|
|
45
|
-
<a class="social-link" href="{{writers.
|
|
46
|
-
{% include icons/
|
|
49
|
+
{% if writers.github %}
|
|
50
|
+
<a class="social-link" href="https://www.github.com/{{ writers.github }}" target="_blank" rel="noopener">
|
|
51
|
+
{% include icons/github.svg %}
|
|
52
|
+
</a>
|
|
53
|
+
{% endif %}
|
|
54
|
+
{% if writers.gitlab %}
|
|
55
|
+
<a class="social-link" href="https://www.gitlab.com/{{ writers.gitlab }}" target="_blank" rel="noopener">
|
|
56
|
+
{% include icons/gitlab.svg %}
|
|
47
57
|
</a>
|
|
48
58
|
{% endif %}
|
|
49
|
-
<a class="social-link social-link-rss" href="/feed.xml"
|
|
50
|
-
target="_blank" rel="noopener">
|
|
59
|
+
<a class="social-link social-link-rss" href="{{ '/feed.xml' | relative_url }}" target="_blank" rel="noopener">
|
|
51
60
|
{% include icons/rss.svg %}
|
|
52
61
|
</a>
|
|
53
62
|
</div>
|
data/_includes/author.html
CHANGED
|
@@ -5,57 +5,22 @@
|
|
|
5
5
|
|
|
6
6
|
{% if author_name_size > 1 %}
|
|
7
7
|
|
|
8
|
-
<!-- {% for author in author_name %}
|
|
9
|
-
<li class="author-list-item">
|
|
10
|
-
{% for writer in writers %}
|
|
11
|
-
{% if author == writer.user_name %}
|
|
12
|
-
<div class="author-name-tooltip">
|
|
13
|
-
{{ writer.name }}
|
|
14
|
-
</div>
|
|
15
|
-
{% assign writer_image = writer.image | slice: 0, 5 %}
|
|
16
|
-
{% if writer_image == "https" %}
|
|
17
|
-
<a href="/author/{{ writer.user_name }}/" class="static-avatar">
|
|
18
|
-
<img class="author-profile-image" src="{{ writer.image }}" alt="{{ writer.name }}" />
|
|
19
|
-
</a>
|
|
20
|
-
{% else %}
|
|
21
|
-
<a href="/author/{{ writer.user_name }}/" class="static-avatar author-profile-image">{% include icons/avatar.svg %}</a>
|
|
22
|
-
{% endif %}
|
|
23
|
-
{% endif %}
|
|
24
|
-
{% endfor %}
|
|
25
|
-
</li>
|
|
26
|
-
{% endfor %} -->
|
|
27
|
-
|
|
28
8
|
{% else%}
|
|
29
|
-
|
|
30
9
|
<li class="author-list-item">
|
|
31
|
-
{% if site.tooltip %}
|
|
10
|
+
{% if site.tooltip and site.author_image %}
|
|
32
11
|
<div class="author-name-tooltip">
|
|
33
12
|
{{ writers.name }}
|
|
34
13
|
</div>
|
|
35
14
|
{% endif %}
|
|
36
|
-
|
|
37
|
-
{%
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
<span class="author-profile-name">
|
|
43
|
-
<a href="/author/{{ writers.user_name }}/">{{ writers.name | truncate: 15 }}</a>
|
|
44
|
-
</span>
|
|
45
|
-
{% endunless %}
|
|
46
|
-
{% else %}
|
|
47
|
-
<a href="/author/{{ writers.user_name }}/" class="static-avatar author-profile-image">
|
|
48
|
-
<img src="{% include icons/avatar.svg %}" alt="{{ writers.name }}">
|
|
15
|
+
|
|
16
|
+
{% assign author_url = "/author/" %}
|
|
17
|
+
{% include author-icon.html %}
|
|
18
|
+
{% if site.tooltip or site.author_image == false %}
|
|
19
|
+
<a class="author-profile-name" href="{{ writers.user_name | prepend: author_url | relative_url }}">
|
|
20
|
+
{{ writers.name | truncate: 15 }}
|
|
49
21
|
</a>
|
|
50
|
-
{% unless site.tooltip %}
|
|
51
|
-
<span class="author-profile-name">
|
|
52
|
-
<a href="/author/{{ writers.user_name }}/">{{ writers.name | truncate: 15 }}</a>
|
|
53
|
-
</span>
|
|
54
|
-
{% endunless %}
|
|
55
22
|
{% endif %}
|
|
56
23
|
</li>
|
|
57
|
-
|
|
58
24
|
{% endif %}
|
|
59
25
|
|
|
60
|
-
|
|
61
|
-
</ul>
|
|
26
|
+
</ul>
|
data/_includes/card.html
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<article class="post-card">
|
|
2
|
-
<a class="post-card-image-link" href="{{ include.url }}">
|
|
3
|
-
<div class="post-card-image" style="background-image: url({{include.image}})"></div>
|
|
2
|
+
<a class="post-card-image-link" href="{{ include.url | relative_url }}">
|
|
3
|
+
<div class="post-card-image" style="background-image: url({{include.image|relative_url}})"></div>
|
|
4
4
|
</a>
|
|
5
5
|
|
|
6
6
|
<div class="post-card-content">
|
|
7
|
-
<a class="post-card-content-link" href="{{ include.url }}">
|
|
7
|
+
<a class="post-card-content-link" href="{{ include.url | relative_url }}">
|
|
8
8
|
<header class="post-card-header">
|
|
9
9
|
<span class="post-card-category">
|
|
10
10
|
{% assign category = include.category | split: "-" | join: " " %} {{ category }}
|
data/_includes/category.html
CHANGED
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
<div class="inner">
|
|
4
4
|
{% include navbar.html %}
|
|
5
5
|
<div class="site-header-content">
|
|
6
|
-
<h1 class="site-title">{{page.title}}</h1>
|
|
6
|
+
<h1 class="site-title">{{ page.title }}</h1>
|
|
7
7
|
<h2 class="site-description">
|
|
8
8
|
{% assign number_of_category_post = 0 %}
|
|
9
9
|
{% for post in site.categories.[page.category] %}
|
|
10
|
-
|
|
10
|
+
{% assign number_of_category_post=number_of_category_post | plus: 1 %}
|
|
11
11
|
{% endfor %}
|
|
12
|
-
A collection of {{number_of_category_post}} posts
|
|
12
|
+
A collection of {{ number_of_category_post }} posts
|
|
13
13
|
</h2>
|
|
14
14
|
</div>
|
|
15
15
|
</div>
|
data/_includes/footer.html
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
<footer class="site-footer outer">
|
|
2
2
|
<div class="site-footer-content inner">
|
|
3
3
|
<section class="copyright">
|
|
4
|
-
<a href="{{
|
|
4
|
+
<a href="{{ '/' | relative_url }}">{{ site.title }}</a> © {{ "now" | date: "%Y" }}
|
|
5
5
|
</section>
|
|
6
6
|
<nav class="site-footer-nav">
|
|
7
7
|
<ul>
|
|
8
8
|
<li>
|
|
9
|
-
<a href="{{
|
|
9
|
+
<a href="{{ '/' | relative_url }}">Latest Posts</a>
|
|
10
10
|
</li>
|
|
11
11
|
|
|
12
|
-
{% if site.
|
|
12
|
+
{% if site.facebook_username %}
|
|
13
13
|
<li>
|
|
14
|
-
<a href="{{site.
|
|
14
|
+
<a href="https://www.facebook.com/{{ site.facebook_username }}" target="_blank" rel="noopener">Facebook</a>
|
|
15
15
|
</li>
|
|
16
16
|
{% endif %}
|
|
17
17
|
|
|
18
|
-
{% if site.
|
|
18
|
+
{% if site.twitter_username %}
|
|
19
19
|
<li>
|
|
20
|
-
<a href="{{site.
|
|
20
|
+
<a href="https://www.twitter.com/{{ site.twitter_username }}" target="_blank" rel="noopener">Twitter</a>
|
|
21
21
|
</li>
|
|
22
22
|
{% endif %}
|
|
23
23
|
|
|
24
24
|
<li>
|
|
25
|
-
<a href="
|
|
25
|
+
<a href="{{ site.url }}" target="_blank" rel="noopener">Jasper</a>
|
|
26
26
|
</li>
|
|
27
27
|
</ul>
|
|
28
28
|
</nav>
|
|
29
29
|
</div>
|
|
30
|
-
</footer>
|
|
30
|
+
</footer>
|
data/_includes/header.html
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
<header class="site-header outer" {% if site.cover_image %} style="background-image: url({{site.cover_image}})" {% else %} {% endif %}>
|
|
1
|
+
<header class="site-header outer" {% if site.cover_image %} style="background-image: url({{site.cover_image|relative_url}})" {% else %} {% endif %}>
|
|
2
2
|
<div class="inner">
|
|
3
3
|
<div class="site-header-content">
|
|
4
|
-
{% if site.logo
|
|
4
|
+
{% if site.logo %}
|
|
5
5
|
<div class="site-title">
|
|
6
|
-
<img class="site-logo" src="{{site.logo}}" alt="{{site.title}}">
|
|
6
|
+
<img class="site-logo" src="{{ site.logo | relative_url}}" alt="{{ site.title }}">
|
|
7
7
|
</div>
|
|
8
8
|
{% else %}
|
|
9
9
|
<h1 class="site-title">
|
|
10
|
-
{{site.title}}
|
|
10
|
+
{{ site.title }}
|
|
11
11
|
</h1>
|
|
12
12
|
{% endif %}
|
|
13
|
-
<h2 class="site-description">{{site.description}}</h2>
|
|
13
|
+
<h2 class="site-description">{{ site.description }}</h2>
|
|
14
14
|
</div>
|
|
15
15
|
{% include navbar.html %}
|
|
16
16
|
</div>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h512v512H0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M255.984 5C114.624 5 0 120.215 0 262.373 0 376.06 73.344 472.52 175.088 506.556c12.8 2.364 17.472-5.582 17.472-12.402 0-6.112-.224-22.293-.352-43.766-71.216 15.554-86.24-34.502-86.24-34.502-11.632-29.725-28.416-37.639-28.416-37.639-23.248-15.972 1.76-15.65 1.76-15.65 25.68 1.818 39.2 26.524 39.2 26.524 22.848 39.327 59.92 27.971 74.512 21.376 2.32-16.631 8.944-27.971 16.256-34.405-56.848-6.498-116.608-28.566-116.608-127.182 0-28.1 9.968-51.069 26.352-69.068-2.64-6.515-11.424-32.669 2.496-68.103 0 0 21.504-6.917 70.4 26.379 20.432-5.71 42.32-8.557 64.096-8.67 21.744.113 43.648 2.96 64.096 8.67 48.864-33.296 70.32-26.379 70.32-26.379 13.968 35.434 5.184 61.588 2.544 68.103 16.416 17.999 26.32 40.968 26.32 69.068 0 98.857-59.856 120.62-116.88 126.989 9.184 7.946 17.376 23.645 17.376 47.659 0 34.406-.32 62.152-.32 70.596 0 6.885 4.608 14.895 17.6 12.37C438.72 472.424 512 376.028 512 262.373 512 120.215 397.376 5 255.984 5" fill="#fff"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h512v512H0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M511.045 290.157l-28.65-87.679-56.779-173.773c-2.921-8.94-15.641-8.94-18.563 0l-56.78 173.773H161.727L104.945 28.705c-2.92-8.94-15.64-8.94-18.563 0L29.603 202.478.956 290.157a19.306 19.306 0 0 0 0 11.996 19.41 19.41 0 0 0 7.09 9.705L255.999 491l247.956-179.142a19.42 19.42 0 0 0 7.09-9.705 19.318 19.318 0 0 0 0-11.996" fill="#fff"/></svg>
|
data/_includes/meta.html
CHANGED
|
@@ -1,7 +1,19 @@
|
|
|
1
1
|
<meta charset="UTF-8">
|
|
2
2
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
3
3
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
4
|
-
<title>{{site.title}}</title>
|
|
4
|
+
<title>{{ site.title }}</title>
|
|
5
5
|
|
|
6
6
|
<!-- CSS -->
|
|
7
|
-
<link rel="stylesheet" type="text/css" href="{{ '/assets/css/style.css' | relative_url }}">
|
|
7
|
+
<link rel="stylesheet" type="text/css" href="{{ '/assets/css/style.css' | relative_url }}">
|
|
8
|
+
|
|
9
|
+
{% if jekyll.environment == "production" %}
|
|
10
|
+
|
|
11
|
+
{% if google_analytics %}
|
|
12
|
+
{% include vendor/google_analytics.html %}
|
|
13
|
+
{% endif %}
|
|
14
|
+
|
|
15
|
+
{% if disqus %}
|
|
16
|
+
{% include vendor/disqus.html %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
|
|
19
|
+
{% endif %}
|
data/_includes/navbar.html
CHANGED
|
@@ -1,36 +1,39 @@
|
|
|
1
1
|
<nav class="site-nav">
|
|
2
2
|
<div class="site-nav-left">
|
|
3
3
|
{% if homepage == false %}
|
|
4
|
-
<a class="site-nav-logo" href="{{
|
|
5
|
-
{% if site.logo
|
|
6
|
-
<img src="{{site.logo}}" alt="{{site.title}} Logo" />
|
|
4
|
+
<a class="site-nav-logo" href="{{ '/' | relative_url }}">
|
|
5
|
+
{% if site.logo %}
|
|
6
|
+
<img src="{{ site.logo | relative_url}}" alt="{{ site.title }} Logo" />
|
|
7
7
|
{% else %}
|
|
8
8
|
<h1>
|
|
9
|
-
{{site.title}}
|
|
9
|
+
{{ site.title }}
|
|
10
10
|
</h1>
|
|
11
11
|
{% endif %}
|
|
12
12
|
</a>
|
|
13
13
|
{% endif %}
|
|
14
|
-
{% include
|
|
14
|
+
{% include navlink.html %}
|
|
15
15
|
</div>
|
|
16
16
|
|
|
17
17
|
<div class="site-nav-right">
|
|
18
18
|
<div class="social-links">
|
|
19
|
-
{% if site.
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
{% endif %}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
19
|
+
{% if site.facebook_username %}
|
|
20
|
+
<a class="social-link social-link-fb" href="https://www.facebook.com/{{ site.facebook_username }}" target="_blank" rel="noopener">
|
|
21
|
+
{% include icons/facebook.svg %}
|
|
22
|
+
</a>
|
|
23
|
+
{% endif %}
|
|
24
|
+
{% if site.twitter_username %}
|
|
25
|
+
<a class="social-link social-link-tw" href="https://www.twitter.com/{{ site.twitter_username }}" target="_blank" rel="noopener">
|
|
26
|
+
{% include icons/twitter.svg %}
|
|
27
|
+
</a>
|
|
27
28
|
{% endif %}
|
|
28
29
|
</div>
|
|
29
|
-
{% if site.subscribe
|
|
30
|
+
{% if site.subscribe %}
|
|
30
31
|
<a class="subscribe-button" href="#subscribe" onClick="show_subscribe_overlay()">Subscribe</a>
|
|
31
32
|
{% include subscribe-overlay.html %}
|
|
32
33
|
{% else %}
|
|
33
|
-
<a class="rss-button" href="{{
|
|
34
|
+
<a class="rss-button" href="{{ '/feed.xml' | relative_url }}" target="_blank" rel="noopener">
|
|
35
|
+
{% include icons/rss.svg %}
|
|
36
|
+
</a>
|
|
34
37
|
{% endif %}
|
|
35
38
|
</div>
|
|
36
39
|
</nav>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<ul class="nav" role="menu">
|
|
2
|
+
<li class="nav-home nav-current" role="menuitem">
|
|
3
|
+
<a href="{{ '/' | relative_url }}">Home</a>
|
|
4
|
+
</li>
|
|
5
|
+
<li class="nav-about" role="menuitem">
|
|
6
|
+
<a href="{{ '/about/' | relative_url }}">About</a>
|
|
7
|
+
</li>
|
|
8
|
+
<li class="nav-getting-started" role="menuitem">
|
|
9
|
+
<a href="{{ '/category/getting-started/' | relative_url }}">Getting Started</a>
|
|
10
|
+
</li>
|
|
11
|
+
<li class="nav-try-ghost" role="menuitem">
|
|
12
|
+
<a target="_blank" href="{{ site.url }}">Try Jasper</a>
|
|
13
|
+
</li>
|
|
14
|
+
</ul>
|
data/_includes/other-post.html
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
<article class="read-next-card" style="background-image: url({{site.cover_image|relative_url}})">
|
|
2
2
|
|
|
3
3
|
<header class="read-next-card-header">
|
|
4
|
-
|
|
5
|
-
<small class="read-next-card-header-sitetitle">— {{site.title}} —</small>
|
|
4
|
+
<small class="read-next-card-header-sitetitle">— {{ site.title }} —</small>
|
|
6
5
|
<h3 class="read-next-card-header-title">
|
|
7
|
-
<a href="
|
|
6
|
+
<a href="{{ page.category | prepend: "/category/" | relative_url }}">{% assign category = page.category | split: "-" | join: " " %}{{ category | capitalize }}</a>
|
|
8
7
|
</h3>
|
|
9
|
-
|
|
10
8
|
</header>
|
|
11
9
|
|
|
12
10
|
<div class="read-next-divider">{% include icons/infinity.svg %}</div>
|
|
@@ -18,7 +16,7 @@
|
|
|
18
16
|
{% unless category.title == page.title %}
|
|
19
17
|
<li>
|
|
20
18
|
{% assign number_of_category_post=number_of_category_post | plus: 1 %}
|
|
21
|
-
<a href="{{category.url}}">{{category.title}}</a>
|
|
19
|
+
<a href="{{ category.url | relative_url}}">{{ category.title }}</a>
|
|
22
20
|
</li>
|
|
23
21
|
{% endunless %}
|
|
24
22
|
{% endfor %}
|
|
@@ -26,7 +24,7 @@
|
|
|
26
24
|
</div>
|
|
27
25
|
|
|
28
26
|
<footer class="read-next-card-footer">
|
|
29
|
-
<a href="
|
|
27
|
+
<a href="{{ page.category | prepend: "/category/" | relative_url }}">
|
|
30
28
|
{% if number_of_category_post > 0 %}
|
|
31
29
|
See all {{number_of_category_post }} posts →
|
|
32
30
|
{% else %}
|
|
@@ -1,24 +1,22 @@
|
|
|
1
1
|
{% assign writer = site.data.authors[page.author] %}
|
|
2
2
|
<section class="author-card">
|
|
3
|
-
|
|
4
|
-
{%
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<span class="avatar-wrapper">
|
|
8
|
-
{% include icons/avatar.svg %}
|
|
9
|
-
</span>
|
|
10
|
-
{% endif %}
|
|
3
|
+
|
|
4
|
+
{% assign author_url = "/author/" %}
|
|
5
|
+
{% include author-icon.html %}
|
|
6
|
+
|
|
11
7
|
<section class="author-card-content">
|
|
12
8
|
<h4 class="author-card-name">
|
|
13
|
-
<a href="
|
|
9
|
+
<a href="{{ writer.user_name | prepend: author_url | relative_url }}">{{ writer.name }}</a>
|
|
14
10
|
</h4>
|
|
11
|
+
|
|
15
12
|
{% if writer.bio %}
|
|
16
|
-
<p>{{writer.bio}}</p>
|
|
13
|
+
<p>{{ writer.bio }}</p>
|
|
17
14
|
{% else %}
|
|
18
|
-
<p>Read <a href="
|
|
15
|
+
<p>Read <a href="{{ writer.user_name | prepend: author_url | relative_url }}">more posts</a> by this author.</p>
|
|
19
16
|
{% endif %}
|
|
17
|
+
|
|
20
18
|
</section>
|
|
21
19
|
</section>
|
|
22
20
|
<div class="post-full-footer-right">
|
|
23
|
-
<a class="author-card-button" href="
|
|
24
|
-
</div>
|
|
21
|
+
<a class="author-card-button" href="{{ writer.user_name | prepend: author_url | relative_url }}">Read More</a>
|
|
22
|
+
</div>
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
<div id="subscribe" class="subscribe-overlay" style="display: none">
|
|
2
2
|
<a class="subscribe-overlay-close" onclick="hide_subscribe_overlay()"></a>
|
|
3
3
|
<div class="subscribe-overlay-content">
|
|
4
|
-
{% if site.logo
|
|
5
|
-
<img class="subscribe-overlay-logo"src="{{site.logo}}" alt="{{site.title}} Logo" />
|
|
4
|
+
{% if site.logo %}
|
|
5
|
+
<img class="subscribe-overlay-logo"src="{{ site.logo | relative_url }}" alt="{{ site.title }} Logo" />
|
|
6
6
|
{% else %}
|
|
7
7
|
<h1 class="subscribe-overlay-site-name">
|
|
8
|
-
{{site.title}}
|
|
8
|
+
{{ site.title }}
|
|
9
9
|
</h1>
|
|
10
10
|
{% endif %}
|
|
11
|
-
<h1 class="subscribe-overlay-title">Subscribe to
|
|
11
|
+
<h1 class="subscribe-overlay-title">Subscribe to {{ site.title }}</h1>
|
|
12
12
|
<p class="subscribe-overlay-description">Stay up to date! Get all the latest & greatest posts delivered straight to your inbox</p>
|
|
13
13
|
{% include subscribe-form.html %}
|
|
14
14
|
</div>
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT
|
|
4
|
+
* THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR
|
|
5
|
+
* PLATFORM OR CMS.
|
|
6
|
+
*
|
|
7
|
+
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT:
|
|
8
|
+
* https://disqus.com/admin/universalcode/#configuration-variables
|
|
9
|
+
*/
|
|
10
|
+
/*
|
|
11
|
+
var disqus_config = function () {
|
|
12
|
+
// Replace PAGE_URL with your page's canonical URL variable
|
|
13
|
+
this.page.url = PAGE_URL;
|
|
14
|
+
|
|
15
|
+
// Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
|
16
|
+
this.page.identifier = PAGE_IDENTIFIER;
|
|
17
|
+
};
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
(function () {
|
|
21
|
+
var d = document, s = d.createElement('script');
|
|
22
|
+
s.src = 'https://{{ site.disqus_shortname }}.disqus.com/embed.js';
|
|
23
|
+
s.setAttribute('data-timestamp', +new Date());
|
|
24
|
+
(d.head || d.body).appendChild(s);
|
|
25
|
+
})();
|
|
26
|
+
</script>
|
|
27
|
+
<noscript>
|
|
28
|
+
Please enable JavaScript to view the
|
|
29
|
+
<a href="https://disqus.com/?ref_noscript" rel="nofollow">
|
|
30
|
+
comments powered by Disqus.
|
|
31
|
+
</a>
|
|
32
|
+
</noscript>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
2
|
+
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.ga_tracking }}"></script>
|
|
3
|
+
<script>
|
|
4
|
+
window.dataLayer = window.dataLayer || [];
|
|
5
|
+
function gtag() { dataLayer.push(arguments); }
|
|
6
|
+
gtag('js', new Date());
|
|
7
|
+
|
|
8
|
+
gtag('config', '{{ site.ga_tracking }}');
|
|
9
|
+
</script>
|
data/_layouts/page.html
CHANGED
|
@@ -2,4 +2,30 @@
|
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<body class="post-template">
|
|
6
|
+
<div class="site-wrapper">
|
|
7
|
+
{% assign homepage = false %}
|
|
8
|
+
<header class="site-header outer">
|
|
9
|
+
<div class="inner">
|
|
10
|
+
{% include navbar.html %}
|
|
11
|
+
</div>
|
|
12
|
+
</header>
|
|
13
|
+
<main id="site-main" class="site-main outer">
|
|
14
|
+
<div class="inner">
|
|
15
|
+
<article class="post-full post">
|
|
16
|
+
|
|
17
|
+
<header class="post-full-header">
|
|
18
|
+
<h1 class="post-full-title">{{ page.title }}</h1>
|
|
19
|
+
</header>
|
|
20
|
+
|
|
21
|
+
<section class="post-full-content">
|
|
22
|
+
{{ content }}
|
|
23
|
+
</section>
|
|
24
|
+
|
|
25
|
+
</article>
|
|
26
|
+
</div>
|
|
27
|
+
</main>
|
|
28
|
+
|
|
29
|
+
{% include footer.html %}
|
|
30
|
+
</div>
|
|
31
|
+
</body>
|
data/_layouts/post.html
CHANGED
|
@@ -17,25 +17,25 @@ layout: default
|
|
|
17
17
|
|
|
18
18
|
<header class="post-full-header">
|
|
19
19
|
<section class="post-full-meta">
|
|
20
|
-
<time class="post-full-meta-date" datetime="{{ page.date | date: "%d %b %Y" }}">{{
|
|
20
|
+
<time class="post-full-meta-date" datetime="{{ page.date | date: "%d %b %Y" }}">{{ page.date | date: "%d %b %Y" }}</time>
|
|
21
21
|
<span class="date-divider">/</span>
|
|
22
22
|
{% assign category = page.category | split: "-" | join: " " %}
|
|
23
|
-
<a class="post-full-meta-category" href="
|
|
23
|
+
<a class="post-full-meta-category" href="{{ page.category | prepend: "/category/" | relative_url }}">{{ category }}</a>
|
|
24
24
|
</section>
|
|
25
|
-
<h1 class="post-full-title">{{page.title}}</h1>
|
|
25
|
+
<h1 class="post-full-title">{{ page.title }}</h1>
|
|
26
26
|
</header>
|
|
27
27
|
|
|
28
28
|
<figure class="post-full-image" style="background-image: url({{page.image|relative_url}})"></figure>
|
|
29
29
|
|
|
30
30
|
<section class="post-full-content">
|
|
31
|
-
{{content}}
|
|
31
|
+
{{ content }}
|
|
32
32
|
</section>
|
|
33
33
|
|
|
34
34
|
<!-- Email subscribe form at the bottom of the page -->
|
|
35
35
|
|
|
36
36
|
{% if site.subscribe %}
|
|
37
37
|
<section class="subscribe-form">
|
|
38
|
-
<h3 class="subscribe-form-title">Subscribe to {{site.title}}</h3>
|
|
38
|
+
<h3 class="subscribe-form-title">Subscribe to {{ site.title }}</h3>
|
|
39
39
|
<p>Get the latest posts delivered right to your inbox</p>
|
|
40
40
|
{% include subscribe-form.html %}
|
|
41
41
|
</section>
|
|
@@ -56,9 +56,11 @@ layout: default
|
|
|
56
56
|
|
|
57
57
|
</footer>
|
|
58
58
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
{% if disqus %}
|
|
60
|
+
<section class="post-full-comments">
|
|
61
|
+
<div id="disqus_thread"></div>
|
|
62
|
+
</section>
|
|
63
|
+
{% endif %}
|
|
62
64
|
|
|
63
65
|
</article>
|
|
64
66
|
</div>
|
|
@@ -72,9 +74,9 @@ layout: default
|
|
|
72
74
|
<!-- If there's a previous post, display it using the same markup included from - includes/card.html -->
|
|
73
75
|
|
|
74
76
|
{% if page.previous.url %}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
77
|
+
{% if page.next.url%}
|
|
78
|
+
{% include other-post.html %}
|
|
79
|
+
{% endif %}
|
|
78
80
|
{% endif %}
|
|
79
81
|
|
|
80
82
|
|
data/_sass/4-modules/_card.sass
CHANGED
|
@@ -186,15 +186,13 @@
|
|
|
186
186
|
transform: translateY(6px)
|
|
187
187
|
pointer-events: none
|
|
188
188
|
|
|
189
|
-
.static-avatar
|
|
189
|
+
.static-avatar, svg, .author-profile-image
|
|
190
190
|
width: 34px
|
|
191
191
|
height: 34px
|
|
192
192
|
|
|
193
193
|
.author-profile-image
|
|
194
194
|
background: #e3e9ed
|
|
195
195
|
object-fit: cover
|
|
196
|
-
width: 100%
|
|
197
|
-
height: 100%
|
|
198
196
|
|
|
199
197
|
.moving-avatar, .static-avatar
|
|
200
198
|
display: block
|
|
@@ -203,19 +201,26 @@
|
|
|
203
201
|
border: 2px solid $white
|
|
204
202
|
border-radius: 100%
|
|
205
203
|
|
|
204
|
+
.author-profile-initial
|
|
205
|
+
display: flex
|
|
206
|
+
align-items: center
|
|
207
|
+
justify-content: center
|
|
208
|
+
font-weight: 700
|
|
209
|
+
color: $white
|
|
210
|
+
height: 34px
|
|
211
|
+
|
|
206
212
|
.author-profile-name
|
|
207
213
|
font-size: .9rem
|
|
208
214
|
font-weight: 500
|
|
209
215
|
align-items: center
|
|
210
216
|
display: flex
|
|
217
|
+
height: 38px
|
|
211
218
|
letter-spacing: .5px
|
|
212
219
|
text-transform: uppercase
|
|
220
|
+
color: #3eb0ef
|
|
213
221
|
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
&:hover
|
|
218
|
-
text-decoration: underline
|
|
222
|
+
&:hover
|
|
223
|
+
text-decoration: underline
|
|
219
224
|
|
|
220
225
|
.reading-time
|
|
221
226
|
flex-shrink: 0
|
data/_sass/5-pages/_post.sass
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jasper-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Yashu Mittal
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2018-08-
|
|
11
|
+
date: 2018-08-12 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -61,15 +61,17 @@ extra_rdoc_files: []
|
|
|
61
61
|
files:
|
|
62
62
|
- LICENSE
|
|
63
63
|
- README.md
|
|
64
|
+
- _includes/author-icon.html
|
|
64
65
|
- _includes/author-profile.html
|
|
65
66
|
- _includes/author.html
|
|
66
67
|
- _includes/card.html
|
|
67
68
|
- _includes/category.html
|
|
68
|
-
- _includes/floating-header.hbs
|
|
69
69
|
- _includes/footer.html
|
|
70
70
|
- _includes/header.html
|
|
71
71
|
- _includes/icons/avatar.svg
|
|
72
72
|
- _includes/icons/facebook.svg
|
|
73
|
+
- _includes/icons/github.svg
|
|
74
|
+
- _includes/icons/gitlab.svg
|
|
73
75
|
- _includes/icons/infinity.svg
|
|
74
76
|
- _includes/icons/rss.svg
|
|
75
77
|
- _includes/icons/twitter.svg
|
|
@@ -77,13 +79,15 @@ files:
|
|
|
77
79
|
- _includes/meta.html
|
|
78
80
|
- _includes/multiple-author.html
|
|
79
81
|
- _includes/navbar.html
|
|
80
|
-
- _includes/
|
|
82
|
+
- _includes/navlink.html
|
|
81
83
|
- _includes/other-post.html
|
|
82
84
|
- _includes/posts.html
|
|
83
85
|
- _includes/reading-time.html
|
|
84
86
|
- _includes/single-author.html
|
|
85
87
|
- _includes/subscribe-form.html
|
|
86
88
|
- _includes/subscribe-overlay.html
|
|
89
|
+
- _includes/vendor/disqus.html
|
|
90
|
+
- _includes/vendor/google_analytics.html
|
|
87
91
|
- _layouts/author.html
|
|
88
92
|
- _layouts/category.html
|
|
89
93
|
- _layouts/default.html
|
|
@@ -102,6 +106,7 @@ files:
|
|
|
102
106
|
- _sass/3-layout/_header.sass
|
|
103
107
|
- _sass/3-layout/_layout.sass
|
|
104
108
|
- _sass/4-modules/_card.sass
|
|
109
|
+
- _sass/4-modules/_comments.sass
|
|
105
110
|
- _sass/4-modules/_modules.sass
|
|
106
111
|
- _sass/4-modules/_previous-next-post.sass
|
|
107
112
|
- _sass/4-modules/_subscribe-form.sass
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<div class="floating-header">
|
|
2
|
-
<div class="floating-header-logo">
|
|
3
|
-
<a href="{{@blog.url}}">
|
|
4
|
-
{{#if @blog.icon}}
|
|
5
|
-
<img src="{{@blog.icon}}" alt="{{@blog.title}} icon" />
|
|
6
|
-
{{/if}}
|
|
7
|
-
<span>{{@blog.title}}</span>
|
|
8
|
-
</a>
|
|
9
|
-
</div>
|
|
10
|
-
<span class="floating-header-divider">—</span>
|
|
11
|
-
<div class="floating-header-title">{{title}}</div>
|
|
12
|
-
<div class="floating-header-share">
|
|
13
|
-
<div class="floating-header-share-label">Share this {{> "icons/point"}}</div>
|
|
14
|
-
<a class="floating-header-share-tw" href="https://twitter.com/share?text={{encode title}}&url={{url absolute="true"}}"
|
|
15
|
-
onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;">
|
|
16
|
-
{{> "icons/twitter"}}
|
|
17
|
-
</a>
|
|
18
|
-
<a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}"
|
|
19
|
-
onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
|
|
20
|
-
{{> "icons/facebook"}}
|
|
21
|
-
</a>
|
|
22
|
-
</div>
|
|
23
|
-
<progress class="progress" value="0">
|
|
24
|
-
<div class="progress-container">
|
|
25
|
-
<span class="progress-bar"></span>
|
|
26
|
-
</div>
|
|
27
|
-
</progress>
|
|
28
|
-
</div>
|
data/_includes/navigation.html
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<ul class="nav" role="menu">
|
|
2
|
-
<li class="nav-home nav-current" role="menuitem">
|
|
3
|
-
<a href="/">Home</a>
|
|
4
|
-
</li>
|
|
5
|
-
<li class="nav-about" role="menuitem">
|
|
6
|
-
<a href="/about/">About</a>
|
|
7
|
-
</li>
|
|
8
|
-
<li class="nav-getting-started" role="menuitem">
|
|
9
|
-
<a href="/category/getting-started/">Getting Started</a>
|
|
10
|
-
</li>
|
|
11
|
-
<li class="nav-try-ghost" role="menuitem">
|
|
12
|
-
<a target="_blank" href="https://jekyllrb.com/">Try Jekyll</a>
|
|
13
|
-
</li>
|
|
14
|
-
</ul>
|