mere-blog-theme 0.2.1 → 0.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +16 -0
- data/_layouts/post.html +33 -11
- data/_sass/_intro.scss +5 -0
- data/_sass/_main.scss +2 -1
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 7cb3a1794dac08b67f8c82174d0bd8e95a7340154b95f6a8f405206840c28354
|
4
|
+
data.tar.gz: 63442931b1a81de35acda76660f30ca1d09a9765c3244ce2faf052c9cba2d7d1
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 066114a98a7373a2610d6fc82178904d4e50e08f2bc2382f11d1c2423853dcf97fbee9e94a4f3f7ec86f3a80eafac9a2fb632c763ee36d6573ea342def2d1664
|
7
|
+
data.tar.gz: 3813909590e95f8f7e51925b3dddaa7b7e78732ddd88aa2c89da3f1666809f2d790c3cf0ce6ed5595335b82f793ce8abd288436df270a8c56379fd5c92415abf
|
data/README.md
CHANGED
@@ -34,6 +34,7 @@ Or install it yourself as:
|
|
34
34
|
|
35
35
|
* [Blog Setup](#blog-setup)
|
36
36
|
* [Posts](#posts)
|
37
|
+
* [Post Intro](#post-intro)
|
37
38
|
* [Homepage](#homepage)
|
38
39
|
* [Authors](#authors)
|
39
40
|
* [Google Analytics](#google-analytics)
|
@@ -67,6 +68,21 @@ author: C.S. Rhymes
|
|
67
68
|
|
68
69
|
Wide images will work best, with a minimum width of 1400px.
|
69
70
|
|
71
|
+
#### Post Intro
|
72
|
+
|
73
|
+
Version 0.3 allows you to provide a intro and an intro image in your frontmatter. When creating your post add a short `intro` text an `intro_image` as a path to an image and then specify the `intro_image_ratio` which should be a [Bulma image](https://bulma.io/documentation/elements/image/) class.
|
74
|
+
|
75
|
+
```yaml
|
76
|
+
layout: post
|
77
|
+
title: Post with Intro
|
78
|
+
author: Guest Author
|
79
|
+
intro: This is the introduction text for this post. It appears large and bold at the top of the post
|
80
|
+
intro_image: /img/home.jpg
|
81
|
+
intro_image_ratio: is-16by9
|
82
|
+
```
|
83
|
+
|
84
|
+
Only the intro is required if you want to display it. If you don't want an image then don't specify one and just the intro text will display.
|
85
|
+
|
70
86
|
### Homepage
|
71
87
|
|
72
88
|
Finally, configure the homepage by creating an `index.html` page and configure the frontmatter with the layout of homepage, the title, subtitle (optional) and the image. You can set the hero_height to is-large if you want to make the homepage header a bit larger.
|
data/_layouts/post.html
CHANGED
@@ -2,18 +2,40 @@
|
|
2
2
|
layout: default
|
3
3
|
---
|
4
4
|
|
5
|
-
|
6
|
-
|
7
|
-
|
5
|
+
{% if page.intro %}
|
6
|
+
<div class="intro">
|
7
|
+
<div class="columns is-centered">
|
8
|
+
{% if page.intro_image %}
|
9
|
+
<div class="column is-8-desktop is-6-tablet">
|
10
|
+
<figure class="image {% if page.intro_image_ratio %} {{ page.intro_image_ratio }} {% else %} is-16by9 {% endif %}">
|
11
|
+
<img src="{{ page.intro_image | prepend: site.baseurl }}" alt="{{ page.title }}" />
|
12
|
+
</figure>
|
13
|
+
</div>
|
14
|
+
{% endif %}
|
15
|
+
<div class="column is-4-desktop is-6-tablet">
|
16
|
+
<p class="title is-1">{{ page.intro }}</p>
|
17
|
+
</div>
|
18
|
+
</div>
|
8
19
|
</div>
|
20
|
+
{% endif %}
|
9
21
|
|
10
|
-
<div class="
|
11
|
-
|
12
|
-
|
13
|
-
|
22
|
+
<div class="columns is-centered">
|
23
|
+
<div class="column is-8-desktop is-10-tablet">
|
24
|
+
<div class="content">
|
25
|
+
<p><strong>Published: {{ page.date | date: "%b %-d, %Y" }} by {{ page.author }}</strong></p>
|
26
|
+
{{ content }}
|
27
|
+
</div>
|
28
|
+
|
29
|
+
<div class="tags">
|
30
|
+
{% for tag in page.tags %}
|
31
|
+
<span class="tag is-primary">{{ tag }}</span>
|
32
|
+
{% endfor %}
|
33
|
+
</div>
|
34
|
+
|
35
|
+
{% assign author = site.authors | where: 'name', page.author | first %}
|
36
|
+
{% if author %}
|
37
|
+
{% include author-media.html %}
|
38
|
+
{% endif %}
|
39
|
+
</div>
|
14
40
|
</div>
|
15
41
|
|
16
|
-
{% assign author = site.authors | where: 'name', page.author | first %}
|
17
|
-
{% if author %}
|
18
|
-
{% include author-media.html %}
|
19
|
-
{% endif %}
|
data/_sass/_intro.scss
ADDED
data/_sass/_main.scss
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: mere-blog-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: '0.3'
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- chrisrhymes
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2019-
|
11
|
+
date: 2019-12-16 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -161,6 +161,7 @@ files:
|
|
161
161
|
- _layouts/homepage.html
|
162
162
|
- _layouts/page.html
|
163
163
|
- _layouts/post.html
|
164
|
+
- _sass/_intro.scss
|
164
165
|
- _sass/_layout.scss
|
165
166
|
- _sass/_main.scss
|
166
167
|
- _sass/syntax.scss
|