mere-blog-theme 0.2.1 → 0.3

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: '0694a47e67a56de9917a777c8da8a23ee4eb4ff73de2d0266e7ae507dfe21978'
4
- data.tar.gz: a8b723fc07a17f6e38bb4efbe13ba3b0d5f5a558f71ffe70739e2b1055560d54
3
+ metadata.gz: 7cb3a1794dac08b67f8c82174d0bd8e95a7340154b95f6a8f405206840c28354
4
+ data.tar.gz: 63442931b1a81de35acda76660f30ca1d09a9765c3244ce2faf052c9cba2d7d1
5
5
  SHA512:
6
- metadata.gz: a089b66c791ef1eb3e5955b8930de95103e2980e104c1dae1da24362c14273ee3f9a1c189e45cabb9d5c67b79af82633a0a0645b3756b4fda8c72210a51d36e5
7
- data.tar.gz: 88f253a70f1b00a1806ca35c881ab5a80a77da3ab7d2a72ba9ab8a64302e3a72714d6e44717dd5cb4c3d612faff6e995fca2c1953daeef829255c281c0a77581
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
- <div class="content">
6
- <p>Published: {{ page.date | date: "%b %-d, %Y" }} by {{ page.author }}</p>
7
- {{ content }}
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="tags">
11
- {% for tag in page.tags %}
12
- <span class="tag is-primary">{{ tag }}</span>
13
- {% endfor %}
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
@@ -0,0 +1,5 @@
1
+ .intro {
2
+ padding: $gap;
3
+ background: $light;
4
+ margin-bottom: 3rem;
5
+ }
data/_sass/_main.scss CHANGED
@@ -35,4 +35,5 @@ $radius-small: 0;
35
35
 
36
36
  @import "../node_modules/bulma/bulma.sass";
37
37
  @import "layout";
38
- @import "syntax";
38
+ @import "syntax";
39
+ @import "intro";
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.2.1
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-10-06 00:00:00.000000000 Z
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