kaschber 0.2.0 → 0.2.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/README.md +37 -0
- data/_includes/dynamic_title.html +8 -8
- data/_includes/head.html +13 -11
- data/_includes/post-card.html +48 -55
- data/_layouts/author.html +49 -50
- data/_layouts/default.html +99 -96
- data/_layouts/home.html +26 -30
- data/_layouts/page.html +22 -26
- data/_layouts/post.html +95 -92
- data/_layouts/tag.html +37 -40
- data/assets/built/global.css +441 -2
- data/assets/built/kaschber.js +119 -2
- data/assets/built/screen.css +2157 -2
- metadata +4 -4
data/_layouts/home.html
CHANGED
@@ -4,42 +4,38 @@ current: home
|
|
4
4
|
class: 'home-template'
|
5
5
|
---
|
6
6
|
|
7
|
-
<div class="site-header-content outer{% if site.header_style ==
|
7
|
+
<div class="site-header-content outer{% if site.header_style == 'Left aligned' %} left-aligned{% endif %}{% unless site.cover %}{% if site.header_style == 'Hidden' %} no-content{% endif %}{% endunless %}">
|
8
8
|
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
style="{% unless page.cover or site.cover %} no-cover {% endunless %}"
|
13
|
-
alt="{{ site.title }}"
|
14
|
-
/>
|
15
|
-
{% endif %}
|
9
|
+
{% if site.cover or page.cover %}
|
10
|
+
<img class="site-header-cover" src="{{ site.baseurl }}{% if page.cover %}{{ page.cover }}{% elsif site.cover %}{{ site.cover }}{% endif %}" style="{% unless page.cover or site.cover %} no-cover {% endunless %}" alt="{{ site.title }}">
|
11
|
+
{% endif %}
|
16
12
|
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
13
|
+
{% if site.header_style != "Hidden" %}
|
14
|
+
<div class="site-header-inner inner">
|
15
|
+
{% unless site.show_logo_in_navigation %}
|
16
|
+
{% if site.logo %}
|
17
|
+
<img class="site-logo" src="{{ site.logo }}" alt="{{ site.title }}">
|
18
|
+
{% else %}
|
19
|
+
<h1 class="site-title">{{ site.title }}</h1>
|
20
|
+
{% endif %}
|
21
|
+
{% endunless %}
|
22
|
+
{% if site.description %}
|
23
|
+
<p class="site-description">{{ site.description }}</p>
|
24
|
+
{% endif %}
|
25
|
+
</div>
|
26
|
+
{% endif %}
|
31
27
|
|
32
28
|
</div>
|
33
29
|
|
34
30
|
<main id="site-main" class="site-main outer">
|
35
|
-
<div class="inner posts">
|
31
|
+
<div class="inner posts">
|
36
32
|
|
37
|
-
<div class="post-feed">
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
33
|
+
<div class="post-feed">
|
34
|
+
{% assign posts = paginator.posts | default: site.posts %}
|
35
|
+
{% for post in posts %}
|
36
|
+
{% include post-card.html post=post%}
|
37
|
+
{% endfor %}
|
42
38
|
</div>
|
43
39
|
|
44
|
-
</div>
|
45
|
-
</main>
|
40
|
+
</div>
|
41
|
+
</main>
|
data/_layouts/page.html
CHANGED
@@ -6,30 +6,26 @@ disqus: false
|
|
6
6
|
---
|
7
7
|
|
8
8
|
<main id="site-main" class="site-main">
|
9
|
-
|
10
|
-
|
11
|
-
<header class="article-header gh-canvas">
|
12
|
-
|
13
|
-
<h1 class="article-title">{{page.title}}</h1>
|
14
|
-
|
15
|
-
{% if page.cover %}
|
16
|
-
<figure class="article-image">
|
17
|
-
<img
|
18
|
-
src="{{ site.baseurl }}{{ page.cover }}"
|
19
|
-
alt="{% if page.cover_alt %}{{page.cover_alt}}{% else %}{{page.title}}{% endif %}"
|
20
|
-
/>
|
21
|
-
{% if page.cover_caption %}
|
22
|
-
<figcaption>{{page.cover_caption}}</figcaption>
|
23
|
-
{% endif %}
|
24
|
-
</figure>
|
25
|
-
{% endif %}
|
26
|
-
|
27
|
-
</header>
|
28
|
-
|
29
|
-
<section class="gh-content gh-canvas">
|
30
|
-
{{content}}
|
31
|
-
</section>
|
32
|
-
|
33
|
-
</article>
|
34
|
-
</main>
|
9
|
+
<article class="article {{post_class}}">
|
35
10
|
|
11
|
+
<header class="article-header gh-canvas">
|
12
|
+
|
13
|
+
<h1 class="article-title">{{page.title}}</h1>
|
14
|
+
|
15
|
+
{% if page.cover %}
|
16
|
+
<figure class="article-image">
|
17
|
+
<img src="{{ site.baseurl }}{{ page.cover }}" alt="{% if page.cover_alt %}{{page.cover_alt}}{% else %}{{page.title}}{% endif %}">
|
18
|
+
{% if page.cover_caption %}
|
19
|
+
<figcaption>{{page.cover_caption}}</figcaption>
|
20
|
+
{% endif %}
|
21
|
+
</figure>
|
22
|
+
{% endif %}
|
23
|
+
|
24
|
+
</header>
|
25
|
+
|
26
|
+
<section class="gh-content gh-canvas">
|
27
|
+
{{content}}
|
28
|
+
</section>
|
29
|
+
|
30
|
+
</article>
|
31
|
+
</main>
|
data/_layouts/post.html
CHANGED
@@ -6,118 +6,121 @@ disqus: false
|
|
6
6
|
---
|
7
7
|
|
8
8
|
<main id="site-main" class="site-main">
|
9
|
-
<article class="article {{page.class}} {% if page.post_image_style ==
|
9
|
+
<article class="article {{page.class}} {% if page.post_image_style == 'Full' %}image-full{% elsif page.post_image_style == 'Small' %}image-small{% endif %}">
|
10
10
|
|
11
11
|
<header class="article-header gh-canvas">
|
12
12
|
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
{% endif %}
|
21
|
-
{% endfor %}
|
22
|
-
{% endif %}
|
23
|
-
{% if page.featured %}
|
24
|
-
<span class="post-card-featured">{% include rss.html %} Featured</span>
|
13
|
+
<div class="article-tag post-card-tags">
|
14
|
+
{% if page.tags.size > 0 %}
|
15
|
+
{% for tag in page.tags %}
|
16
|
+
{% if forloop.first %}
|
17
|
+
<span class="post-card-primary-tag">
|
18
|
+
<a href="{{ site.baseurl }}tags/{{ tag | slugify: "latin" }}/">{{tag | capitalize}}</a>
|
19
|
+
</span>
|
25
20
|
{% endif %}
|
26
|
-
|
21
|
+
{% endfor %}
|
22
|
+
{% endif %}
|
23
|
+
{% if page.featured %}
|
24
|
+
<span class="post-card-featured">{% include rss.html %} Featured</span>
|
25
|
+
{% endif %}
|
26
|
+
</div>
|
27
27
|
|
28
|
-
|
28
|
+
<h1 class="article-title">{{page.title}}</h1>
|
29
29
|
|
30
|
-
|
31
|
-
|
32
|
-
|
30
|
+
{% if page.custom_excerpt %}
|
31
|
+
<p class="article-excerpt">{{page.custom_excerpt}}</p>
|
32
|
+
{% endif %}
|
33
33
|
|
34
|
-
|
34
|
+
<div class="article-byline">
|
35
35
|
<section class="article-byline-content">
|
36
36
|
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
{% if page.author contains author.username %}
|
42
|
-
<li class="author-list-item">
|
43
|
-
{% if author.picture %}
|
44
|
-
<a href="{{ site.baseurl }}authors/{{ author.username }}" class="author-avatar">
|
45
|
-
<img class="author-profile-image" src="{{ site.baseurl }}{{ author.picture }}" alt="{{ author.username }}" />
|
46
|
-
</a>
|
47
|
-
{% else %}
|
48
|
-
<a href="{{ site.baseurl }}authors/{{ author.username }}" class="author-avatar author-profile-image">{% include icons/avatar.html %}</a>
|
49
|
-
{% endif %}
|
50
|
-
</li>
|
51
|
-
{% endif %}
|
52
|
-
{% endfor %}
|
53
|
-
</ul>
|
54
|
-
{% endif %}
|
37
|
+
{% if page.author.size > 0 %}
|
38
|
+
<ul class="author-list">
|
39
|
+
{% for author in site.authors %}
|
55
40
|
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
{% unless forloop.last %},{% endunless %}
|
65
|
-
{% endif %}
|
66
|
-
{% endfor %}
|
67
|
-
</h4>
|
41
|
+
{% if page.author contains author.username %}
|
42
|
+
<li class="author-list-item">
|
43
|
+
{% if author.picture %}
|
44
|
+
<a href="{{ site.baseurl }}authors/{{ author.username }}" class="author-avatar">
|
45
|
+
<img class="author-profile-image" src="{{ site.baseurl }}{{ author.picture }}" alt="{{ author.username }}">
|
46
|
+
</a>
|
47
|
+
{% else %}
|
48
|
+
<a href="{{ site.baseurl }}authors/{{ author.username }}" class="author-avatar author-profile-image">{% include icons/avatar.html %}</a>
|
68
49
|
{% endif %}
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
</
|
83
|
-
|
50
|
+
</li>
|
51
|
+
{% endif %}
|
52
|
+
{% endfor %}
|
53
|
+
</ul>
|
54
|
+
{% endif %}
|
55
|
+
|
56
|
+
<div class="article-byline-meta">
|
57
|
+
{% if page.author.size > 0 %}
|
58
|
+
<h4 class="author-name">
|
59
|
+
{% for author in site.authors %}
|
60
|
+
{% if page.author contains author.username %}
|
61
|
+
<a href="{{ site.baseurl }}authors/{{ author.username }}">
|
62
|
+
{{author.name}}
|
63
|
+
</a>
|
64
|
+
{% unless forloop.last %},{% endunless %}
|
65
|
+
{% endif %}
|
66
|
+
{% endfor %}
|
67
|
+
</h4>
|
68
|
+
{% endif %}
|
69
|
+
<div class="byline-meta-content">
|
70
|
+
<time class="byline-meta-date" datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date:'%e %B %Y' }}</time>
|
71
|
+
{% if page.reading_time %}
|
72
|
+
<span class="byline-reading-time">
|
73
|
+
<span class="bull">•</span>
|
74
|
+
{{page.reading_time}}</span>
|
75
|
+
{% else %}
|
76
|
+
{% assign words_per_minute = site.words_per_minute | default: 200 %}
|
77
|
+
{% assign words = page.content | strip_html | number_of_words %}
|
78
|
+
{% if words <= words_per_minute %}
|
79
|
+
<span class="byline-reading-time">
|
80
|
+
<span class="bull">•</span>
|
81
|
+
1 min read</span>
|
82
|
+
{% else %}
|
83
|
+
<span class="byline-reading-time">
|
84
|
+
<span class="bull">•</span>
|
85
|
+
{{ words | divided_by:words_per_minute }} min read</span>
|
86
|
+
{% endif %}
|
87
|
+
{% endif %}
|
88
|
+
</div>
|
89
|
+
</div>
|
84
90
|
|
85
91
|
</section>
|
86
|
-
|
92
|
+
</div>
|
87
93
|
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
<figcaption>{{page.cover_caption}}</figcaption>
|
97
|
-
{% endif %}
|
98
|
-
</figure>
|
99
|
-
{% endif %}
|
94
|
+
{% if page.post_image_style != "Hidden" %}
|
95
|
+
{% if page.cover %}
|
96
|
+
<figure class="article-image">
|
97
|
+
<img src="{{ site.baseurl }}{{ page.cover }}" alt="{% if page.cover_alt %}{{page.cover_alt}}{% else %}{{page.title}}{% endif %}">
|
98
|
+
{% if page.cover_caption %}
|
99
|
+
<figcaption>{{page.cover_caption}}</figcaption>
|
100
|
+
{% endif %}
|
101
|
+
</figure>
|
100
102
|
{% endif %}
|
103
|
+
{% endif %}
|
101
104
|
|
102
105
|
</header>
|
103
106
|
<section class="gh-content gh-canvas">
|
104
|
-
|
107
|
+
{% include custom-post-content.html %}
|
105
108
|
|
106
|
-
|
109
|
+
{{content}}
|
107
110
|
</section>
|
111
|
+
</article>
|
108
112
|
</main>
|
109
113
|
|
110
|
-
{% if page.show_recent_posts_footer %}
|
111
|
-
|
112
|
-
{% assign posts = paginator.posts | default: site.posts | where_exp: "item", "item.id != page.id" %}
|
113
|
-
{% if posts %}
|
114
|
-
<aside class="read-more-wrap outer">
|
115
|
-
<div class="read-more inner">
|
116
|
-
{% for post in posts limit: 3 %}
|
117
|
-
{% include post-card.html post=post %}
|
118
|
-
{% endfor %}
|
119
|
-
</div>
|
120
|
-
</aside>
|
121
|
-
{% endif %}
|
122
|
-
{% endif %}
|
114
|
+
{% if page.show_recent_posts_footer != false %}
|
123
115
|
|
116
|
+
{% assign posts = paginator.posts | default: site.posts | where_exp: "item", "item.id != page.id" %}
|
117
|
+
{% if posts %}
|
118
|
+
<aside class="read-more-wrap outer">
|
119
|
+
<div class="read-more inner">
|
120
|
+
{% for post in posts limit: 3 %}
|
121
|
+
{% include post-card.html post=post %}
|
122
|
+
{% endfor %}
|
123
|
+
</div>
|
124
|
+
</aside>
|
125
|
+
{% endif %}
|
126
|
+
{% endif %}
|
data/_layouts/tag.html
CHANGED
@@ -5,51 +5,48 @@ layout: default
|
|
5
5
|
<!-- dynamically loading backgrounds for tags, descriptions and page titles -->
|
6
6
|
{% assign decoded_url = page.url | url_decode %}
|
7
7
|
{% for tag in site.tags %}
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
8
|
+
{% if decoded_url contains tag.name %}
|
9
|
+
{% assign cover = tag.cover %}
|
10
|
+
{% assign tag_description = tag.description %}
|
11
|
+
{% endif %}
|
12
12
|
{% endfor %}
|
13
13
|
|
14
14
|
{% assign filtered_posts = paginator.posts | default: site.posts | where_exp: 'items', 'items.tags contains page.title or items.tags contains page.tag' %}
|
15
15
|
<main id="site-main" class="site-main outer">
|
16
16
|
|
17
17
|
<div class="inner posts">
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
{% endif %}
|
43
|
-
</div>
|
44
|
-
</div>
|
45
|
-
</div>
|
46
|
-
|
47
|
-
</section>
|
48
|
-
|
49
|
-
{% for post in filtered_posts %}
|
50
|
-
{% include post-card.html post=post %}
|
51
|
-
{% endfor %}
|
52
|
-
|
18
|
+
<div class="post-feed">
|
19
|
+
|
20
|
+
<section class="post-card post-card-large">
|
21
|
+
|
22
|
+
{% if cover or page.cover %}
|
23
|
+
<div class="post-card-image-link">
|
24
|
+
<img class="post-card-image" src="{{ site.baseurl }}{% if cover %}{{ cover }}{% else %}{{ page.cover }}{% endif %} " alt="{{title}}">
|
25
|
+
</div>
|
26
|
+
{% endif %}
|
27
|
+
|
28
|
+
|
29
|
+
<div class="post-card-content">
|
30
|
+
<div class="post-card-content-link">
|
31
|
+
<header class="post-card-header">
|
32
|
+
<h2 class="post-card-title">{{ page.tag | default: page.name }}</h2>
|
33
|
+
</header>
|
34
|
+
<div class="post-card-excerpt">
|
35
|
+
{% if page.description %}
|
36
|
+
{{ page.description }}
|
37
|
+
{% elsif page.tag %}
|
38
|
+
A collection of {{ filtered_posts.size }} posts
|
39
|
+
{% endif %}
|
40
|
+
</div>
|
41
|
+
</div>
|
53
42
|
</div>
|
43
|
+
|
44
|
+
</section>
|
45
|
+
|
46
|
+
{% for post in filtered_posts %}
|
47
|
+
{% include post-card.html post=post %}
|
48
|
+
{% endfor %}
|
49
|
+
|
54
50
|
</div>
|
55
|
-
</
|
51
|
+
</div>
|
52
|
+
</main>
|