bulma-clean-theme 0.1.4 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|