bulma-clean-theme 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE.txt +21 -0
- data/README.md +51 -0
- data/_includes/footer.html +7 -0
- data/_includes/head.html +8 -0
- data/_includes/header.html +25 -0
- data/_includes/hero.html +8 -0
- data/_includes/latest-posts.html +27 -0
- data/_includes/pagination.html +23 -0
- data/_layouts/blog.html +34 -0
- data/_layouts/default.html +27 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +7 -0
- data/_posts/2018-10-11-test3.md +12 -0
- data/_posts/2018-10-12-test2.md +12 -0
- data/_posts/2018-10-13-test.md +12 -0
- data/_sass/_layout.scss +11 -0
- data/assets/css/app.scss +12 -0
- data/assets/js/app.js +25 -0
- data/blog/index.html +5 -0
- data/package.json +15 -0
- metadata +22 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ecb9542e9cee44bd019b114880b99d2e0a9643b9
|
|
4
|
+
data.tar.gz: da53d6bf7b12f1bc68ef11220c979152687be8eb
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ef2e5d99057e1e82066544ff909737cc8647218f71b0cda98f84d07dc1dc426a99c8122b4be97694d4b0e74c008240b0cab56c3b34cbe24b487dd41d6fe93434
|
|
7
|
+
data.tar.gz: ff89042528a6dda6d92c9ceddf8e8188a88dbdf3748e6f874e5edf65adf8de5684527338c88834b306f601089829b4b8c96c4ef2cc88931a7088504a46927b80
|
data/LICENSE.txt
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2018 chrisrhymes
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
|
13
|
+
all copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
# clean-theme
|
|
2
|
+
|
|
3
|
+
This is a clean and simple Jekyll Theme built with the Bulma framework, providing a modern looking site to start with.
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
## Installation
|
|
7
|
+
|
|
8
|
+
Add this line to your Jekyll site's `Gemfile`:
|
|
9
|
+
|
|
10
|
+
```ruby
|
|
11
|
+
gem "bulma-clean-theme"
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
And add this line to your Jekyll site's `_config.yml`:
|
|
15
|
+
|
|
16
|
+
```yaml
|
|
17
|
+
theme: bulma-clean-theme
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
Install the node modules
|
|
21
|
+
|
|
22
|
+
$ npm install
|
|
23
|
+
|
|
24
|
+
And then execute:
|
|
25
|
+
|
|
26
|
+
$ bundle
|
|
27
|
+
|
|
28
|
+
Or install it yourself as:
|
|
29
|
+
|
|
30
|
+
$ gem install bulma-clean-theme
|
|
31
|
+
|
|
32
|
+
## Usage
|
|
33
|
+
|
|
34
|
+
Create your pages as individual markdown files and use the `layout: default` for normal pages. Set the pages title and subtitle in the frontmatter and it will appear in the hero.
|
|
35
|
+
|
|
36
|
+
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
|
+
|
|
38
|
+
## Contributing
|
|
39
|
+
|
|
40
|
+
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.
|
|
41
|
+
|
|
42
|
+
## Development
|
|
43
|
+
|
|
44
|
+
To set up your environment to develop this theme, run `bundle install`.
|
|
45
|
+
|
|
46
|
+
Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
|
|
47
|
+
|
|
48
|
+
## License
|
|
49
|
+
|
|
50
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
|
51
|
+
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<meta charset="utf-8">
|
|
3
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
4
|
+
<title>{{ page.title }} - {{ site.title }}</title>
|
|
5
|
+
<link rel="stylesheet" href="/assets/css/app.css">
|
|
6
|
+
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
|
|
7
|
+
{% seo %}
|
|
8
|
+
</head>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
|
|
2
|
+
<nav class="navbar is-primary" >
|
|
3
|
+
<div class="container">
|
|
4
|
+
<div class="navbar-brand">
|
|
5
|
+
<a href="/" class="navbar-item">
|
|
6
|
+
{{ site.title }}
|
|
7
|
+
</a>
|
|
8
|
+
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navMenu">
|
|
9
|
+
<span aria-hidden="true"></span>
|
|
10
|
+
<span aria-hidden="true"></span>
|
|
11
|
+
<span aria-hidden="true"></span>
|
|
12
|
+
</a>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="navbar-menu" id="navMenu">
|
|
15
|
+
<div class="navbar-start">
|
|
16
|
+
<a href="/" class="navbar-item">Home</a>
|
|
17
|
+
{% if site.data.navigation %}
|
|
18
|
+
{% for item in site.data.navigation %}
|
|
19
|
+
<a href="/{{ item.link }}" class="navbar-item">{{ item.name }}</a>
|
|
20
|
+
{% endfor %}
|
|
21
|
+
{% endif %}
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
</nav>
|
data/_includes/hero.html
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<p class="title is-4">Latest Posts</p>
|
|
2
|
+
|
|
3
|
+
<div class="columns is-multiline">
|
|
4
|
+
{% for post in site.posts limit:3 %}
|
|
5
|
+
<div class="column is-12">
|
|
6
|
+
<div class="card">
|
|
7
|
+
<header class="card-header">
|
|
8
|
+
<a class="card-header-title" href="{{ 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="{{ 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>
|
|
22
|
+
</div>
|
|
23
|
+
{% endfor %}
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<nav class="pagination is-centered">
|
|
2
|
+
{% if paginator.previous_page %}
|
|
3
|
+
<a href="{{ paginator.previous_page_path }}" class="pagination-previous is-info">Previous</a>
|
|
4
|
+
{% else %}
|
|
5
|
+
<p class="pagination-previous" disabled>Previous</p>
|
|
6
|
+
{% endif %}
|
|
7
|
+
{% if paginator.next_page %}
|
|
8
|
+
<a href="{{ paginator.next_page_path }}" class="pagination-next is-info">Next</a>
|
|
9
|
+
{% else %}
|
|
10
|
+
<p class="pagination-next" disabled >Next</p>
|
|
11
|
+
{% endif %}
|
|
12
|
+
<ul class="pagination-list">
|
|
13
|
+
{% for page in (1..paginator.total_pages) %}
|
|
14
|
+
{% if page == paginator.page %}
|
|
15
|
+
<li><a class="pagination-link is-current">{{ page }}</a></li>
|
|
16
|
+
{% elsif page == 1 %}
|
|
17
|
+
<li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="pagination-link">{{ page }}</a></li>
|
|
18
|
+
{% else %}
|
|
19
|
+
<li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}" class="pagination-link">{{ page }}</a></li>
|
|
20
|
+
{% endif %}
|
|
21
|
+
{% endfor %}
|
|
22
|
+
</ul>
|
|
23
|
+
</nav>
|
data/_layouts/blog.html
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{{ content }}
|
|
6
|
+
|
|
7
|
+
<div class="columns is-multiline">
|
|
8
|
+
<div class="column is-12">
|
|
9
|
+
{% include pagination.html %}
|
|
10
|
+
</div>
|
|
11
|
+
{% for post in paginator.posts %}
|
|
12
|
+
<div class="column is-12">
|
|
13
|
+
<div class="card">
|
|
14
|
+
<header class="card-header">
|
|
15
|
+
<a class="card-header-title" href="{{ 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="{{ 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>
|
|
29
|
+
</div>
|
|
30
|
+
{% endfor %}
|
|
31
|
+
<div class="column is-12">
|
|
32
|
+
{% include pagination.html %}
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
{% include head.html %}
|
|
4
|
+
<body>
|
|
5
|
+
{% include header.html %}
|
|
6
|
+
{% include hero.html %}
|
|
7
|
+
<div class="container">
|
|
8
|
+
<section class="section">
|
|
9
|
+
<div class="columns is-multiline">
|
|
10
|
+
<div class="column">
|
|
11
|
+
<div class="content">
|
|
12
|
+
{{ content }}
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
{% if site.posts %}
|
|
16
|
+
<div class="column is-4-desktop is-12-tablet">
|
|
17
|
+
{% include latest-posts.html %}
|
|
18
|
+
</div>
|
|
19
|
+
{% endif %}
|
|
20
|
+
</div>
|
|
21
|
+
</section>
|
|
22
|
+
</div>
|
|
23
|
+
{% include footer.html %}
|
|
24
|
+
<script src="/assets/js/app.js" type="text/javascript"></script>
|
|
25
|
+
</body>
|
|
26
|
+
</html>
|
|
27
|
+
|
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Test Post 1
|
|
3
|
+
subtitle: Test post subtitle
|
|
4
|
+
layout: post
|
|
5
|
+
author: C.S. Rhymes
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
This is a test post! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin ultrices eros id accumsan. Vestibulum dictum volutpat sapien in molestie. Nunc auctor felis quis nibh tincidunt, vel sodales dolor viverra. Donec elementum dolor nisl, nec imperdiet sapien semper in.
|
|
9
|
+
|
|
10
|
+
Integer ligula magna, vulputate in arcu vel, auctor aliquet enim. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hendrerit commodo ex, in blandit est iaculis id.
|
|
11
|
+
|
|
12
|
+
Suspendisse potenti. Vivamus vitae felis placerat, consectetur tellus sed, consequat nulla. Sed id semper nulla. Nunc dui ligula, consequat id eleifend non, iaculis ut ex. Aenean fringilla convallis placerat. Aenean pulvinar accumsan magna, molestie aliquet nunc ornare nec. Sed commodo, turpis eget dapibus auctor, metus tellus eleifend quam, ut aliquet libero ligula id erat. Curabitur quis quam sed nibh efficitur vulputate. Vivamus fringilla quam non augue dictum dictum. Praesent semper dolor et vehicula sagittis. Pellentesque ornare, est non fringilla consequat, quam felis cursus neque, nec vulputate purus nisl et elit.
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Test Post 2
|
|
3
|
+
subtitle: Test post subtitle
|
|
4
|
+
layout: post
|
|
5
|
+
author: C.S. Rhymes
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
This is a test post! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin ultrices eros id accumsan. Vestibulum dictum volutpat sapien in molestie. Nunc auctor felis quis nibh tincidunt, vel sodales dolor viverra. Donec elementum dolor nisl, nec imperdiet sapien semper in.
|
|
9
|
+
|
|
10
|
+
Integer ligula magna, vulputate in arcu vel, auctor aliquet enim. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hendrerit commodo ex, in blandit est iaculis id.
|
|
11
|
+
|
|
12
|
+
Suspendisse potenti. Vivamus vitae felis placerat, consectetur tellus sed, consequat nulla. Sed id semper nulla. Nunc dui ligula, consequat id eleifend non, iaculis ut ex. Aenean fringilla convallis placerat. Aenean pulvinar accumsan magna, molestie aliquet nunc ornare nec. Sed commodo, turpis eget dapibus auctor, metus tellus eleifend quam, ut aliquet libero ligula id erat. Curabitur quis quam sed nibh efficitur vulputate. Vivamus fringilla quam non augue dictum dictum. Praesent semper dolor et vehicula sagittis. Pellentesque ornare, est non fringilla consequat, quam felis cursus neque, nec vulputate purus nisl et elit.
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Test Post 3
|
|
3
|
+
subtitle: Test post subtitle
|
|
4
|
+
layout: post
|
|
5
|
+
author: C.S. Rhymes
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
This is a test post! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin ultrices eros id accumsan. Vestibulum dictum volutpat sapien in molestie. Nunc auctor felis quis nibh tincidunt, vel sodales dolor viverra. Donec elementum dolor nisl, nec imperdiet sapien semper in.
|
|
9
|
+
|
|
10
|
+
Integer ligula magna, vulputate in arcu vel, auctor aliquet enim. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hendrerit commodo ex, in blandit est iaculis id.
|
|
11
|
+
|
|
12
|
+
Suspendisse potenti. Vivamus vitae felis placerat, consectetur tellus sed, consequat nulla. Sed id semper nulla. Nunc dui ligula, consequat id eleifend non, iaculis ut ex. Aenean fringilla convallis placerat. Aenean pulvinar accumsan magna, molestie aliquet nunc ornare nec. Sed commodo, turpis eget dapibus auctor, metus tellus eleifend quam, ut aliquet libero ligula id erat. Curabitur quis quam sed nibh efficitur vulputate. Vivamus fringilla quam non augue dictum dictum. Praesent semper dolor et vehicula sagittis. Pellentesque ornare, est non fringilla consequat, quam felis cursus neque, nec vulputate purus nisl et elit.
|
data/_sass/_layout.scss
ADDED
data/assets/css/app.scss
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
|
|
4
|
+
// Main CSS file
|
|
5
|
+
@charset "utf-8";
|
|
6
|
+
@import url('https://fonts.googleapis.com/css?family=Montserrat');
|
|
7
|
+
|
|
8
|
+
$family-sans-serif: 'Montserrat', sans-serif;
|
|
9
|
+
$primary: #188eac;
|
|
10
|
+
|
|
11
|
+
@import "../node_modules/bulma/bulma.sass";
|
|
12
|
+
@import "layout";
|
data/assets/js/app.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
document.addEventListener('DOMContentLoaded', () => {
|
|
2
|
+
|
|
3
|
+
// Get all "navbar-burger" elements
|
|
4
|
+
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
|
5
|
+
|
|
6
|
+
// Check if there are any navbar burgers
|
|
7
|
+
if ($navbarBurgers.length > 0) {
|
|
8
|
+
|
|
9
|
+
// Add a click event on each of them
|
|
10
|
+
$navbarBurgers.forEach( el => {
|
|
11
|
+
el.addEventListener('click', () => {
|
|
12
|
+
|
|
13
|
+
// Get the target from the "data-target" attribute
|
|
14
|
+
const target = el.dataset.target;
|
|
15
|
+
const $target = document.getElementById(target);
|
|
16
|
+
|
|
17
|
+
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
|
|
18
|
+
el.classList.toggle('is-active');
|
|
19
|
+
$target.classList.toggle('is-active');
|
|
20
|
+
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
});
|
data/blog/index.html
ADDED
data/package.json
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "bulma-clean-theme",
|
|
3
|
+
"description": "This is a clean and simple Jekyll Theme built with the Bulma framework, providing a modern looking site to start with.",
|
|
4
|
+
"version": "1.0.0",
|
|
5
|
+
"main": "index.js",
|
|
6
|
+
"devDependencies": {},
|
|
7
|
+
"scripts": {
|
|
8
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
9
|
+
},
|
|
10
|
+
"author": "chrisrhymes",
|
|
11
|
+
"license": "MIT",
|
|
12
|
+
"dependencies": {
|
|
13
|
+
"bulma": "^0.7.2"
|
|
14
|
+
},
|
|
15
|
+
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: bulma-clean-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- chrisrhymes
|
|
@@ -58,7 +58,27 @@ email:
|
|
|
58
58
|
executables: []
|
|
59
59
|
extensions: []
|
|
60
60
|
extra_rdoc_files: []
|
|
61
|
-
files:
|
|
61
|
+
files:
|
|
62
|
+
- LICENSE.txt
|
|
63
|
+
- README.md
|
|
64
|
+
- _includes/footer.html
|
|
65
|
+
- _includes/head.html
|
|
66
|
+
- _includes/header.html
|
|
67
|
+
- _includes/hero.html
|
|
68
|
+
- _includes/latest-posts.html
|
|
69
|
+
- _includes/pagination.html
|
|
70
|
+
- _layouts/blog.html
|
|
71
|
+
- _layouts/default.html
|
|
72
|
+
- _layouts/page.html
|
|
73
|
+
- _layouts/post.html
|
|
74
|
+
- _posts/2018-10-11-test3.md
|
|
75
|
+
- _posts/2018-10-12-test2.md
|
|
76
|
+
- _posts/2018-10-13-test.md
|
|
77
|
+
- _sass/_layout.scss
|
|
78
|
+
- assets/css/app.scss
|
|
79
|
+
- assets/js/app.js
|
|
80
|
+
- blog/index.html
|
|
81
|
+
- package.json
|
|
62
82
|
homepage: https://www.github.com/chrisrhymes/bulma-clean-theme
|
|
63
83
|
licenses:
|
|
64
84
|
- MIT
|