bulma-clean-theme 0.5.3 → 0.5.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +44 -0
- data/_includes/callouts.html +35 -0
- data/_includes/hero.html +3 -0
- data/_layouts/default.html +1 -0
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d1359cdff59fa9f9bdf29ea7bb051438db9b73ed
|
4
|
+
data.tar.gz: 68030d2792ba378587d33e26e36a2f287ff29ebe
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 8939c97089eecbf99eb158ae79730480bd252644eba11193a6364e3425e5dd3d4fcb396d00d2b31a02ad00df0f3f92aa86772a464afcf19bb790b693ad2f8d89
|
7
|
+
data.tar.gz: bfd64f7ea8173bb2c8af697d3ee39e084370d5dab5154556ec9488a4e9e1f5c720fa818c155d00cd6861a94e6d03575ece6e0675c43e6927d5e51991fc74e7da
|
data/README.md
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
# bulma-clean-theme
|
2
2
|
|
3
3
|
[![Gem Version](https://badge.fury.io/rb/bulma-clean-theme.svg)](https://badge.fury.io/rb/bulma-clean-theme)
|
4
|
+
![Gem](https://img.shields.io/gem/dt/bulma-clean-theme.svg)
|
4
5
|
|
5
6
|
This is a clean and simple Jekyll Theme built with the [Bulma](https://bulma.io/) framework, providing a modern looking site to start with.
|
6
7
|
|
@@ -19,6 +20,7 @@ This is a clean and simple Jekyll Theme built with the [Bulma](https://bulma.io/
|
|
19
20
|
* [Footer](#footer)
|
20
21
|
* [Products](#products)
|
21
22
|
* [Scripts](#scripts)
|
23
|
+
* [Callouts](#callouts)
|
22
24
|
* [Contributing](#contributing)
|
23
25
|
* [Development](#development)
|
24
26
|
* [Licence](#licence)
|
@@ -57,6 +59,9 @@ Heros can now display a background image if you provide a `hero_image: /path/to/
|
|
57
59
|
|
58
60
|
You can also set the height of the hero by providing a bulma hero height class in your frontmatter, such as `hero_height: is-fullwidth`. If you do not provide this, it will revert to is-medium
|
59
61
|
|
62
|
+
**New in 0.5.4**
|
63
|
+
If you would like to add a call to action button in the hero then add `hero_link` and `hero_link_text` to the page's frontmatter.
|
64
|
+
|
60
65
|
### Posts
|
61
66
|
|
62
67
|
If you want posts, create a `_posts` directory to store your posts as per normal Jekyll usage, with the `layout: post`. Next create a `blog` directory with an index.html file that has `layout: blog`
|
@@ -340,6 +345,45 @@ sort: title
|
|
340
345
|
|
341
346
|
There are two new files within the includes directory called `head-scripts.html` and `footer-scripts.html`. These are empty files by default but allow you to add any additional JavaScript to your site, such as the script for AddThis share buttons, in the `<head>` or after the `<footer>` of the page.
|
342
347
|
|
348
|
+
### Callouts
|
349
|
+
|
350
|
+
**New in 0.5.4**
|
351
|
+
|
352
|
+
You can now add callouts to a page to make a landing page style layout.
|
353
|
+
|
354
|
+
#### Create a callout data file
|
355
|
+
|
356
|
+
Create a data file following the below format. The style is for classes to set the background colour and sizes you would like to use of the Bulma hero container for the callouts.
|
357
|
+
|
358
|
+
The items have 5 fields, but only the title and subtitle are required.
|
359
|
+
|
360
|
+
```yml
|
361
|
+
style: is-light
|
362
|
+
items:
|
363
|
+
- title: Example callout 1
|
364
|
+
subtitle: Example subtitle 1
|
365
|
+
icon: fa-space-shuttle
|
366
|
+
description: >
|
367
|
+
The example description text goes here and can be multiple lines.
|
368
|
+
|
369
|
+
For example, such as this.
|
370
|
+
call_to_action_name: Call to action 1
|
371
|
+
call_to_action_link: /page-1/
|
372
|
+
```
|
373
|
+
|
374
|
+
#### Set the callouts in the frontmatter
|
375
|
+
|
376
|
+
To display the callouts on your page, add a callouts property in the frontmatter and set it to the name of your data file without the extension.
|
377
|
+
|
378
|
+
```yml
|
379
|
+
---
|
380
|
+
layout: page
|
381
|
+
title: Example Landing Page
|
382
|
+
subtitle: This is an example landing page
|
383
|
+
callouts: example_callouts
|
384
|
+
---
|
385
|
+
```
|
386
|
+
|
343
387
|
## Contributing
|
344
388
|
|
345
389
|
Bug reports and pull requests are welcome on GitHub at https://github.com/chrisrhymes/bulma-clean-theme. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
|
@@ -0,0 +1,35 @@
|
|
1
|
+
{% if page.callouts %}
|
2
|
+
{% assign callouts=site.data.[page.callouts] %}
|
3
|
+
<section class="hero is-medium {{ callouts.style }}">
|
4
|
+
<div class="hero-body">
|
5
|
+
<div class="container">
|
6
|
+
<div class="columns is-multiline is-centered">
|
7
|
+
{% for callout in callouts.items %}
|
8
|
+
<div class="column is-4 has-text-centered">
|
9
|
+
{% if callout.icon %}
|
10
|
+
<div class="icon is-large">
|
11
|
+
<i class="fas {{ callout.icon }} fa-4x"></i>
|
12
|
+
</div>
|
13
|
+
{% endif %}
|
14
|
+
<p class="title is-5">{{ callout.title }}</p>
|
15
|
+
<p class="subtitle is-5">{{ callout.subtitle }}</p>
|
16
|
+
|
17
|
+
{% if callout.description %}
|
18
|
+
<div class="content">
|
19
|
+
<p>{{ callout.description | newline_to_br }}</p>
|
20
|
+
</div>
|
21
|
+
{% endif %}
|
22
|
+
|
23
|
+
{% if callout.call_to_action_name %}
|
24
|
+
<a href="{{ callout.call_to_action_link | prepend: site.baseurl }}" class="button is-primary">
|
25
|
+
{{ callout.call_to_action_name }}
|
26
|
+
</a>
|
27
|
+
{% endif %}
|
28
|
+
</div>
|
29
|
+
{% endfor %}
|
30
|
+
</div>
|
31
|
+
</div>
|
32
|
+
</div>
|
33
|
+
</section>
|
34
|
+
{% endif %}
|
35
|
+
|
data/_includes/hero.html
CHANGED
@@ -3,6 +3,9 @@
|
|
3
3
|
<div class="container">
|
4
4
|
<p class="title is-2">{{ page.title }}</p>
|
5
5
|
<p class="subtitle is-3">{{ page.subtitle }}</p>
|
6
|
+
{% if page.hero_link %}
|
7
|
+
<a href="{{ page.hero_link | prepend: site.baseurl }}" class="button is-info is-large">{{ page.hero_link_text }}</a>
|
8
|
+
{% endif %}
|
6
9
|
</div>
|
7
10
|
</div>
|
8
11
|
</section>
|
data/_layouts/default.html
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bulma-clean-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.5.
|
4
|
+
version: 0.5.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- chrisrhymes
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2019-07-
|
11
|
+
date: 2019-07-21 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -145,6 +145,7 @@ extra_rdoc_files: []
|
|
145
145
|
files:
|
146
146
|
- LICENSE.txt
|
147
147
|
- README.md
|
148
|
+
- _includes/callouts.html
|
148
149
|
- _includes/footer-scripts.html
|
149
150
|
- _includes/footer.html
|
150
151
|
- _includes/google-analytics.html
|