kaschber 0.2.0 → 0.2.2
Sign up to get free protection for your applications and to get access to all the features.
- 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>
|