kaschber 0.2.2 → 0.3.0
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 +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 %}
|