jasper-theme 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- 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>
|