kaschber 0.2.2 → 0.3.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 +23 -3
- data/_config.yml +1 -0
- data/_layouts/author.html +46 -44
- data/_layouts/default.html +19 -23
- data/_layouts/home.html +2 -2
- data/assets/built/global.css +2 -441
- data/assets/built/kaschber.js +2 -119
- data/assets/built/kaschber.js.map +1 -1
- data/assets/built/screen.css +2 -2157
- data/assets/built/screen.css.map +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ce8d958d0b88584cc4f748b4e42c525c0772184f42c79bc4d11e88dbc57e2303
|
|
4
|
+
data.tar.gz: 208f05a48c8fba648181a85af3c90686e7b103d5b3623f82f877ffc23cc6f379
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: bfeacd4968793e9f81f3394b1692f7758981ea20909bb6eeaf1a32604ed02c1097048d3a536e901026c90ecdb973d4b02d3e18c9969db733f7d192cc009b7b8a
|
|
7
|
+
data.tar.gz: b06b45b573c1765d846eee17beeca0b5eff4c70eb5a2e3060352af08049765cdd2ef5a37fdf201f58e6ea20f999709e8a1047b4777bf294b7247ba8cc4500279
|
data/README.md
CHANGED
|
@@ -46,14 +46,14 @@ You can specifiy these customisation options in your `_config.yml` for site-wide
|
|
|
46
46
|
|
|
47
47
|
| Config | Default | Options |
|
|
48
48
|
|-------------------------|-------------------|-----------------------------------|
|
|
49
|
-
| title_font |
|
|
50
|
-
| body_font |
|
|
49
|
+
| title_font | System default | Elegant serif |
|
|
50
|
+
| body_font | System default | Modern sans-serif |
|
|
51
51
|
| header_style | Center aligned | Center aligned, Left, aligned, Hidden |
|
|
52
52
|
| show_logo_in_navigation | false | True, False |
|
|
53
53
|
| feed_layout | Classic | Classic, Grid, List |
|
|
54
54
|
| color_scheme | Auto | Light, Dark, Auto |
|
|
55
55
|
| post_image_style | Wide | Wide, Full, Small, Hidden |
|
|
56
|
-
|
|
56
|
+
| navigation_layout | Logo on cover | Logo on cover, Logo in the middle, stacked |
|
|
57
57
|
|
|
58
58
|
You can specifiy these additional customisation options per post or in the default section for posts `_config.yml`
|
|
59
59
|
| Config | Default | Options |
|
|
@@ -67,6 +67,26 @@ Kaschber also features several points to inject your custom code into the templa
|
|
|
67
67
|
- `_includes/custom-js.html` to include any additional Javascript at the bottom of your page
|
|
68
68
|
- `_includes/custom-post-content.html` to include any custom post-specific content which gets inserted in every post. E.g. a table of content tag
|
|
69
69
|
|
|
70
|
+
### Navigation
|
|
71
|
+
Per default, Kaschber will include all files in your root folder in the header navigation bar. You can customise this with the setting `header_pages` in your `_config.yml`. E.g.
|
|
72
|
+
|
|
73
|
+
```
|
|
74
|
+
header_pages:
|
|
75
|
+
- my_page.md
|
|
76
|
+
- about.md
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
### Colours
|
|
80
|
+
You can overwrite any colours and styles by just adding css files and include them in your `custom-head.html`. To overwrite the default accent colour #ff0095, do the following
|
|
81
|
+
1. Create a file in your assets folder with the following content
|
|
82
|
+
```css
|
|
83
|
+
:root {
|
|
84
|
+
--ghost-accent-color: #6D7C86;
|
|
85
|
+
}
|
|
86
|
+
```
|
|
87
|
+
2. Create `custom-head.html` in your `_includes` folder
|
|
88
|
+
3. Include the new css file in your `custom-head.html`
|
|
89
|
+
|
|
70
90
|
## Authors
|
|
71
91
|
To include author information, just create a folder called `_authors` and create your author information via markdown or html files. E.g.
|
|
72
92
|
```
|
data/_config.yml
CHANGED
data/_layouts/author.html
CHANGED
|
@@ -1,64 +1,66 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
|
-
|
|
5
4
|
<main id="site-main" class="site-main outer">
|
|
6
|
-
<div class="
|
|
5
|
+
<div class="inner posts">
|
|
7
6
|
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
<div class="post-card-image-link">
|
|
11
|
-
<img class="post-card-image" src="{{ site.baseurl }}{{ page.feature_image }}" alt="{{ page.name }}">
|
|
12
|
-
</div>
|
|
13
|
-
{% endif %}
|
|
7
|
+
<div class="post-feed">
|
|
8
|
+
<section class="post-card post-card-large">
|
|
14
9
|
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
{%if page.feature_image %}
|
|
11
|
+
<div class="post-card-image-link">
|
|
12
|
+
<img class="post-card-image" src="{{ site.baseurl }}{{ page.feature_image }}" alt="{{ page.name }}">
|
|
13
|
+
</div>
|
|
14
|
+
{% endif %}
|
|
17
15
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
{% endif %}
|
|
16
|
+
<div class="post-card-content">
|
|
17
|
+
<div class="post-card-content-link">
|
|
21
18
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
{%if page.picture %}
|
|
20
|
+
<img class="author-profile-pic" src="{{ site.baseurl }}{{ page.picture }}" alt="{{page.name}}"/>
|
|
21
|
+
{% endif %}
|
|
25
22
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
23
|
+
<header class="post-card-header">
|
|
24
|
+
<h2 class="post-card-title">{{page.name}}</h2>
|
|
25
|
+
</header>
|
|
29
26
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
<div class="author-profile-location">{{page.location}}</div>
|
|
27
|
+
{%if page.bio %}
|
|
28
|
+
<div class="post-card-excerpt">{{page.bio}}</div>
|
|
33
29
|
{% endif %}
|
|
34
|
-
<div class="author-profile-meta">
|
|
35
|
-
{%if page.website %}
|
|
36
|
-
<a class="author-profile-social-link" href="{{page.website}}" target="_blank" rel="noopener">{{page.website}}</a>
|
|
37
|
-
{% endif %}
|
|
38
|
-
{%if page.twitter_url %}
|
|
39
|
-
<a class="author-profile-social-link" href="{{page.twitter_url}}" target="_blank" rel="noopener">{% include icons/twitter.html %}</a>
|
|
40
|
-
{% endif %}
|
|
41
|
-
{%if page.facebook_url %}
|
|
42
|
-
<a class="author-profile-social-link" href="{{page.facebook_url}}" target="_blank" rel="noopener">{% include icons/facebook.html %}</a>
|
|
43
|
-
{% endif %}
|
|
44
30
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
</div>
|
|
31
|
+
<footer class="author-profile-footer">
|
|
32
|
+
{%if page.location %}
|
|
33
|
+
<div class="author-profile-location">{{page.location}}</div>
|
|
49
34
|
{% endif %}
|
|
50
|
-
|
|
51
|
-
|
|
35
|
+
<div class="author-profile-meta">
|
|
36
|
+
{%if page.website %}
|
|
37
|
+
<a class="author-profile-social-link" href="{{page.website}}" target="_blank" rel="noopener">{{page.website}}</a>
|
|
38
|
+
{% endif %}
|
|
39
|
+
{%if page.twitter_url %}
|
|
40
|
+
<a class="author-profile-social-link" href="{{page.twitter_url}}" target="_blank" rel="noopener">{% include icons/twitter.html %}</a>
|
|
41
|
+
{% endif %}
|
|
42
|
+
{%if page.facebook_url %}
|
|
43
|
+
<a class="author-profile-social-link" href="{{page.facebook_url}}" target="_blank" rel="noopener">{% include icons/facebook.html %}</a>
|
|
44
|
+
{% endif %}
|
|
45
|
+
|
|
46
|
+
{% if page.location %}
|
|
47
|
+
<div class="author-location">{{ page.location }}
|
|
48
|
+
<span class="bull">•</span>
|
|
49
|
+
</div>
|
|
50
|
+
{% endif %}
|
|
51
|
+
</div>
|
|
52
|
+
</footer>
|
|
52
53
|
|
|
54
|
+
</div>
|
|
53
55
|
</div>
|
|
54
|
-
</div>
|
|
55
56
|
|
|
56
|
-
|
|
57
|
+
</section>
|
|
57
58
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
{% assign filtered_posts = site.posts | where: 'author', page.username %}
|
|
60
|
+
{% for post in filtered_posts %}
|
|
61
|
+
{% include post-card.html post=post %}
|
|
62
|
+
{% endfor %}
|
|
62
63
|
|
|
64
|
+
</div>
|
|
63
65
|
</div>
|
|
64
66
|
</main>
|
data/_layouts/default.html
CHANGED
|
@@ -4,40 +4,36 @@
|
|
|
4
4
|
{% include head.html %}
|
|
5
5
|
|
|
6
6
|
<body class="{% if paginator.page > 1 %}paged archive-template{% elsif page.class %}{{ page.class }}{% else %}home-template{% endif %}
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
is-head-{% if site.navigation_layout == 'Logo on cover' %}left-logo{% elsif site.navigation_layout == 'Logo in the middle' %}middle-logo{% else %}stacked{% endif %}
|
|
8
|
+
{% if site.title_font == 'Elegant serif' %} has-serif-title{% endif %}{% if site.body_font == 'Modern sans-serif' %} has-sans-body{% endif %}
|
|
9
|
+
{% if site.cover or page.cover %} has-cover {% endif %}">
|
|
9
10
|
<div class="viewport">
|
|
10
11
|
<header id="gh-head" class="gh-head outer">
|
|
11
|
-
<
|
|
12
|
+
<div class="gh-head-inner inner">
|
|
12
13
|
<div class="gh-head-brand">
|
|
13
|
-
<a class="gh-head-logo
|
|
14
|
+
<a class="gh-head-logo" href="{{ site.url }}{{ site.baseurl }}">
|
|
14
15
|
{% if site.logo %}
|
|
15
16
|
<img src="{{ site.baseurl }}{{ site.logo }}" alt="{{ site.title }}">
|
|
16
17
|
{% else %}
|
|
17
18
|
{{ site.title }}
|
|
18
19
|
{% endif %}
|
|
19
20
|
</a>
|
|
20
|
-
<
|
|
21
|
-
<a class="gh-burger" role="button">
|
|
22
|
-
<div class="gh-burger-box">
|
|
23
|
-
<div class="gh-burger-inner"></div>
|
|
24
|
-
</div>
|
|
25
|
-
</a>
|
|
26
|
-
</div>
|
|
21
|
+
<button class="gh-burger"></button>
|
|
27
22
|
</div>
|
|
28
|
-
|
|
23
|
+
{%- assign default_paths = site.pages | map: "path" -%}
|
|
24
|
+
{%- assign page_paths = site.header_pages | default: default_paths -%}
|
|
25
|
+
<nav class="gh-head-menu">
|
|
29
26
|
<ul class="nav" role="menu">
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
</li>
|
|
27
|
+
{%- for path in page_paths -%}
|
|
28
|
+
{%- assign my_page = site.pages | where: "path", path | first -%}
|
|
29
|
+
{%- if my_page.title -%}
|
|
30
|
+
<li class="nav-{{ my_page.title | escape }}" role="menuitem">
|
|
31
|
+
<a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
|
|
32
|
+
</li>
|
|
33
|
+
{%- endif -%}
|
|
34
|
+
{%- endfor -%}
|
|
39
35
|
</ul>
|
|
40
|
-
</
|
|
36
|
+
</nav>
|
|
41
37
|
<div class="gh-head-actions">
|
|
42
38
|
<div class="gh-social">
|
|
43
39
|
{% if site.facebook %}
|
|
@@ -68,7 +64,7 @@
|
|
|
68
64
|
</div>
|
|
69
65
|
{% endif %}
|
|
70
66
|
</div>
|
|
71
|
-
</
|
|
67
|
+
</div>
|
|
72
68
|
</header>
|
|
73
69
|
|
|
74
70
|
|
data/_layouts/home.html
CHANGED
|
@@ -12,13 +12,13 @@ class: 'home-template'
|
|
|
12
12
|
|
|
13
13
|
{% if site.header_style != "Hidden" %}
|
|
14
14
|
<div class="site-header-inner inner">
|
|
15
|
-
{%
|
|
15
|
+
{% if site.navigation_layout == "Logo on cover" %}
|
|
16
16
|
{% if site.logo %}
|
|
17
17
|
<img class="site-logo" src="{{ site.logo }}" alt="{{ site.title }}">
|
|
18
18
|
{% else %}
|
|
19
19
|
<h1 class="site-title">{{ site.title }}</h1>
|
|
20
20
|
{% endif %}
|
|
21
|
-
{%
|
|
21
|
+
{% endif %}
|
|
22
22
|
{% if site.description %}
|
|
23
23
|
<p class="site-description">{{ site.description }}</p>
|
|
24
24
|
{% endif %}
|