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 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