bulma-clean-theme 0.1.4 → 0.2.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 +35 -2
- data/_includes/google-analytics.html +7 -0
- data/_includes/head.html +3 -0
- data/_includes/hero.html +1 -1
- data/_includes/latest-posts.html +1 -16
- data/_includes/post-card.html +25 -0
- data/_layouts/blog.html +1 -16
- data/_layouts/default.html +5 -5
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 80dc5e19ac9578ccf126e8e38095ef7f8dce7fbc
|
|
4
|
+
data.tar.gz: a6db88ae8e94350ea30960a55393f06bc7d40927
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e0060f11792d1ac76d499bf8d76d54cd70e0e5f281088d9aa56f08230d65e91f78b3b61dc043cf5bc9cba3151f92cd8aa002fe74ddd5c68b8e0b6f2782e7e557
|
|
7
|
+
data.tar.gz: e66e6aca8c254868ac7634f8169d9e54c3093f7b907205b315589448dd933d8315e96a06f1b7a608eb6bab4bde2a77e36dadeaebec58031a10b291feef3b281b
|
data/README.md
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
This is a clean and simple Jekyll Theme built with the [Bulma](https://bulma.io/) framework, providing a modern looking site to start with.
|
|
4
4
|
|
|
5
|
+
## Contents
|
|
6
|
+
|
|
7
|
+
* [Installation](#installation)
|
|
8
|
+
* [Usage](#usage)
|
|
9
|
+
* [Pages](#pages)
|
|
10
|
+
* [Posts](#posts)
|
|
11
|
+
* [Navigation](#navigation)
|
|
12
|
+
* [Colours and Styles](#colours-and-styles)
|
|
13
|
+
* [Sidebar Visibility](#sidebar-visibility)
|
|
14
|
+
* [Google Analytics](#google-analytics)
|
|
15
|
+
* [Contributing](#contributing)
|
|
16
|
+
* [Development](#development)
|
|
17
|
+
* [Licence](#licence)
|
|
18
|
+
|
|
5
19
|
|
|
6
20
|
## Installation
|
|
7
21
|
|
|
@@ -31,10 +45,19 @@ Or install it yourself as:
|
|
|
31
45
|
|
|
32
46
|
Create your pages as individual markdown files and use the `layout: page` for normal pages. Set the pages title and subtitle in the frontmatter and it will appear in the hero.
|
|
33
47
|
|
|
48
|
+
**New in 0.2**
|
|
49
|
+
Heros can now display a background image if you provide a `hero_image: /path/to/image.jpg` setting in your page frontmatter, or in the [defaults](https://jekyllrb.com/docs/configuration/front-matter-defaults/) in your sites `_config.yml`
|
|
50
|
+
|
|
51
|
+
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
|
|
52
|
+
|
|
34
53
|
### Posts
|
|
35
54
|
|
|
36
55
|
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`
|
|
37
56
|
|
|
57
|
+
**New in 0.2** It will now display an image in the blog page if you set `image: /path/to/image.jpg` in your post's or page's frontmatter, or in the [defaults](https://jekyllrb.com/docs/configuration/front-matter-defaults/) in your sites `_config.yml`
|
|
58
|
+
|
|
59
|
+
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
|
|
60
|
+
|
|
38
61
|
|
|
39
62
|
### Navigation
|
|
40
63
|
|
|
@@ -50,18 +73,28 @@ For the top navigation, create a navigation.yml file in `_data` directory with t
|
|
|
50
73
|
link: page-2
|
|
51
74
|
```
|
|
52
75
|
|
|
53
|
-
###
|
|
76
|
+
### Colours and Styles
|
|
54
77
|
|
|
55
78
|
To overwrite the primary theme colour, set a sass variable in `assets/css/app.scss` before importing `main`
|
|
56
79
|
|
|
57
80
|
```
|
|
58
81
|
---
|
|
59
82
|
---
|
|
60
|
-
$primary: #333333
|
|
83
|
+
$primary: #333333;
|
|
61
84
|
// Import Main CSS file from theme
|
|
62
85
|
@import "main";
|
|
63
86
|
```
|
|
64
87
|
|
|
88
|
+
You can overwrite any of the [Bulma initial variables](http://versions.bulma.io/0.7.0/documentation/overview/variables/) in this way as long as they are declared before the `@import "main"'`
|
|
89
|
+
|
|
90
|
+
### Sidebar Visibility - New in 0.2
|
|
91
|
+
|
|
92
|
+
If you want to show the sidebar with latest posts then set `show_sidebar: true` in the pages frontmatter, or in the [defaults](https://jekyllrb.com/docs/configuration/front-matter-defaults/) in your sites `_config.yml`
|
|
93
|
+
|
|
94
|
+
### Google Anaytics - New in 0.2
|
|
95
|
+
|
|
96
|
+
To enable Google Analytics add `google_analytics: UA-xxxxxxxx` to your `_config.yml` replacing the UA-xxxxxxxx with your Google Analytics property
|
|
97
|
+
|
|
65
98
|
## Contributing
|
|
66
99
|
|
|
67
100
|
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,7 @@
|
|
|
1
|
+
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
|
|
2
|
+
<script>
|
|
3
|
+
window['ga-disable-{{ site.google_analytics }}'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
|
|
4
|
+
window.dataLayer = window.dataLayer || [];
|
|
5
|
+
function gtag(){dataLayer.push(arguments);}
|
|
6
|
+
gtag('js', new Date());
|
|
7
|
+
gtag('config', '{{ site.google_analytics }}');
|
data/_includes/head.html
CHANGED
|
@@ -5,4 +5,7 @@
|
|
|
5
5
|
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/app.css">
|
|
6
6
|
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
|
|
7
7
|
{% seo %}
|
|
8
|
+
{%- if site.google_analytics -%}
|
|
9
|
+
{%- include google-analytics.html -%}
|
|
10
|
+
{%- endif -%}
|
|
8
11
|
</head>
|
data/_includes/hero.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<section class="hero is-medium is-bold is-primary">
|
|
1
|
+
<section class="hero {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %} is-bold is-primary" {% if page.hero_image %} style="background: url('{{ page.hero_image }}') no-repeat center center; background-size: cover;" {% endif %}>
|
|
2
2
|
<div class="hero-body">
|
|
3
3
|
<div class="container">
|
|
4
4
|
<p class="title is-2">{{ page.title }}</p>
|
data/_includes/latest-posts.html
CHANGED
|
@@ -3,22 +3,7 @@
|
|
|
3
3
|
<div class="columns is-multiline">
|
|
4
4
|
{% for post in site.posts limit:3 %}
|
|
5
5
|
<div class="column is-12">
|
|
6
|
-
|
|
7
|
-
<header class="card-header">
|
|
8
|
-
<a class="card-header-title" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
|
|
9
|
-
</header>
|
|
10
|
-
<div class="card-content">
|
|
11
|
-
<div class="content">
|
|
12
|
-
<p>{{ post.excerpt }}</p>
|
|
13
|
-
</div>
|
|
14
|
-
<div class="has-text-centered">
|
|
15
|
-
<a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary">Read more</a>
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
18
|
-
<footer class="card-footer">
|
|
19
|
-
<p class="card-footer-item">Published: {{ post.date | date: "%b %-d, %Y" }}</p>
|
|
20
|
-
</footer>
|
|
21
|
-
</div>
|
|
6
|
+
{% include post-card.html %}
|
|
22
7
|
</div>
|
|
23
8
|
{% endfor %}
|
|
24
9
|
</div>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<div class="card">
|
|
2
|
+
{% if post.image %}
|
|
3
|
+
<div class="card-image">
|
|
4
|
+
<img src="{{ post.image }}" alt="{{ post.title }}">
|
|
5
|
+
</div>
|
|
6
|
+
{% else %}
|
|
7
|
+
<header class="card-header">
|
|
8
|
+
<a class="card-header-title" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
|
|
9
|
+
</header>
|
|
10
|
+
{% endif %}
|
|
11
|
+
<div class="card-content">
|
|
12
|
+
<div class="content">
|
|
13
|
+
{% if post.image %}
|
|
14
|
+
<a class="title is-4" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
|
|
15
|
+
{% endif %}
|
|
16
|
+
<p>{{ post.excerpt }}</p>
|
|
17
|
+
</div>
|
|
18
|
+
<div class="has-text-centered">
|
|
19
|
+
<a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary">Read more</a>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
<footer class="card-footer">
|
|
23
|
+
<p class="card-footer-item">Published: {{ post.date | date: "%b %-d, %Y" }}</p>
|
|
24
|
+
</footer>
|
|
25
|
+
</div>
|
data/_layouts/blog.html
CHANGED
|
@@ -10,22 +10,7 @@ layout: default
|
|
|
10
10
|
</div>
|
|
11
11
|
{% for post in paginator.posts %}
|
|
12
12
|
<div class="column is-12">
|
|
13
|
-
|
|
14
|
-
<header class="card-header">
|
|
15
|
-
<a class="card-header-title" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
|
|
16
|
-
</header>
|
|
17
|
-
<div class="card-content">
|
|
18
|
-
<div class="content">
|
|
19
|
-
<p>{{ post.excerpt }}</p>
|
|
20
|
-
</div>
|
|
21
|
-
<div class="has-text-centered">
|
|
22
|
-
<a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary">Read more</a>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
25
|
-
<footer class="card-footer">
|
|
26
|
-
<p class="card-footer-item">Published: {{ post.date | date: "%b %-d, %Y" }}</p>
|
|
27
|
-
</footer>
|
|
28
|
-
</div>
|
|
13
|
+
{% include post-card.html %}
|
|
29
14
|
</div>
|
|
30
15
|
{% endfor %}
|
|
31
16
|
<div class="column is-12">
|
data/_layouts/default.html
CHANGED
|
@@ -4,22 +4,22 @@
|
|
|
4
4
|
<body>
|
|
5
5
|
{% include header.html %}
|
|
6
6
|
{% include hero.html %}
|
|
7
|
-
<
|
|
8
|
-
<
|
|
7
|
+
<section class="section">
|
|
8
|
+
<div class="container">
|
|
9
9
|
<div class="columns is-multiline">
|
|
10
10
|
<div class="column">
|
|
11
11
|
<div class="content">
|
|
12
12
|
{{ content }}
|
|
13
13
|
</div>
|
|
14
14
|
</div>
|
|
15
|
-
{% if site.posts %}
|
|
15
|
+
{% if site.posts and page.show_sidebar %}
|
|
16
16
|
<div class="column is-4-desktop is-12-tablet">
|
|
17
17
|
{% include latest-posts.html %}
|
|
18
18
|
</div>
|
|
19
19
|
{% endif %}
|
|
20
20
|
</div>
|
|
21
|
-
</
|
|
22
|
-
</
|
|
21
|
+
</div>
|
|
22
|
+
</section>
|
|
23
23
|
{% include footer.html %}
|
|
24
24
|
<script src="{{ site.baseurl }}/assets/js/app.js" type="text/javascript"></script>
|
|
25
25
|
</body>
|
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.
|
|
4
|
+
version: 0.2.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- chrisrhymes
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2019-01-26 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -118,11 +118,13 @@ files:
|
|
|
118
118
|
- LICENSE.txt
|
|
119
119
|
- README.md
|
|
120
120
|
- _includes/footer.html
|
|
121
|
+
- _includes/google-analytics.html
|
|
121
122
|
- _includes/head.html
|
|
122
123
|
- _includes/header.html
|
|
123
124
|
- _includes/hero.html
|
|
124
125
|
- _includes/latest-posts.html
|
|
125
126
|
- _includes/pagination.html
|
|
127
|
+
- _includes/post-card.html
|
|
126
128
|
- _layouts/blog.html
|
|
127
129
|
- _layouts/default.html
|
|
128
130
|
- _layouts/page.html
|