jekyll-bland 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +123 -0
- data/_includes/footer.html +12 -0
- data/_includes/head.html +14 -0
- data/_includes/header.html +16 -0
- data/_layouts/default.html +16 -0
- data/_layouts/listing.html +19 -0
- data/_layouts/page.html +13 -0
- data/_layouts/post.html +31 -0
- data/_layouts/tags.html +38 -0
- data/_sass/bland.scss +35 -0
- data/_sass/bland/_base.scss +224 -0
- data/_sass/bland/_layout.scss +167 -0
- data/_sass/bland/_reset.scss +11 -0
- data/_sass/bland/_syntax-highlighting.scss +73 -0
- data/assets/css/main.scss +5 -0
- metadata +102 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: bb9e7d2457d9fe51776ba08c495b9d55897a46d3
|
4
|
+
data.tar.gz: 44d026ca8c88831d47df487c92829987771fd0aa
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 329ba6d386d45ad4ae7d83567726e4268592514267147fbb0cb1ddfee87ef56cbd4093a7c9b315f7440b41b4cacca31850892ee7310b68ac6f28c157752c99e8
|
7
|
+
data.tar.gz: a49af8a61ebcf036404d72c1484d116c9341c8b2a34a40fafb834da892c0d2be05745a4ce77d94066b28b89f32d88144b642363f6f6fc9ecf5f3a120947ca7c3
|
data/LICENSE.txt
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2017 Jamie Davies
|
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,123 @@
|
|
1
|
+
# jekyll-bland
|
2
|
+
|
3
|
+
[![Build Status](https://travis-ci.org/daviesjamie/jekyll-bland.svg?branch=master)](https://travis-ci.org/daviesjamie/jekyll-bland)
|
4
|
+
|
5
|
+
*bland* is yet another "minimal" theme for Jekyll: it is very plain-looking by design, with no frills, embellishment or fancy fandangles to be found.
|
6
|
+
|
7
|
+
![bland theme preview](/screenshot.png)
|
8
|
+
|
9
|
+
## Features
|
10
|
+
|
11
|
+
The main feature of bland is that there are very few features. What bland offers is a very stable, clean base that you can extend further to fulful your own needs, or leave as-is for a snappy lightweight site.
|
12
|
+
|
13
|
+
What bland can offer you is:
|
14
|
+
- 4 (relatively) responsive layouts for your content:
|
15
|
+
- `page` is a layout for your pages
|
16
|
+
- `post` is a layout for your posts
|
17
|
+
- `listing` is a layout for listing posts
|
18
|
+
- `tags` is a layout for generating a list of your posts and the tags they belong to
|
19
|
+
- An elegant, clean look
|
20
|
+
- Simple CSS that is easy to extend and customise
|
21
|
+
- Nothing else!
|
22
|
+
|
23
|
+
Want to add Google Analytics to your site? Or Disqus comments? Override the default layouts and add some includes, and *do it yourself*.
|
24
|
+
|
25
|
+
## Installation
|
26
|
+
|
27
|
+
Add this line to your Jekyll site's `Gemfile`:
|
28
|
+
|
29
|
+
```ruby
|
30
|
+
gem "jekyll-bland"
|
31
|
+
```
|
32
|
+
|
33
|
+
And add this line to your Jekyll site's `_config.yml`:
|
34
|
+
|
35
|
+
```yaml
|
36
|
+
theme: jekyll-bland
|
37
|
+
```
|
38
|
+
|
39
|
+
And then execute:
|
40
|
+
|
41
|
+
$ bundle
|
42
|
+
|
43
|
+
Or install it yourself as:
|
44
|
+
|
45
|
+
$ gem install jekyll-bland
|
46
|
+
|
47
|
+
## Customisation
|
48
|
+
|
49
|
+
To override the default structure and style of bland, simply create the concerned directory at the root of your site, copy the file you wish to customise to that directory, and then edit the file. For example, to override the [`_includes/head.html`](_includes/head.html) file to specify a custom style path, you would need to:
|
50
|
+
|
51
|
+
1. create an `_includes` directory in the root of your site
|
52
|
+
2. copy `_includes/head.html` from the bland gem to your new `_includes` directory
|
53
|
+
3. edit that file
|
54
|
+
|
55
|
+
### CSS Variables
|
56
|
+
|
57
|
+
There are a number of variables used in the CSS for this theme that are available for you to customise, should you wish to do so. Take a look at [bland.scss](/_sass/bland.scss) for all of them, and their default values.
|
58
|
+
|
59
|
+
Customising the values of variables works in a similar way to overriding the `head.html` file metioned above:
|
60
|
+
|
61
|
+
1. copy `assets/css/main.scss` from the bland gem to your site's `assets/css` directory (you might have to create this if it doesn't exist)
|
62
|
+
2. set the values of any variables before the `@import "bland";` line
|
63
|
+
|
64
|
+
For example, to change the default font used throughout the site, this is what your `assets/css/main.scss` file should look like:
|
65
|
+
|
66
|
+
```scss
|
67
|
+
---
|
68
|
+
---
|
69
|
+
@charset "utf-8";
|
70
|
+
|
71
|
+
// Use a sans-serif font
|
72
|
+
$font-main: Helvetica, Arial, sans-serif;
|
73
|
+
|
74
|
+
// Import the bland theme styles
|
75
|
+
@import "bland";
|
76
|
+
```
|
77
|
+
|
78
|
+
Note the dashes at the top of the file; these are required to get jekyll to render the file properly.
|
79
|
+
|
80
|
+
You can also create your stylesheets and `@include` them here to further customise the theme, if you want to.
|
81
|
+
|
82
|
+
### Tags
|
83
|
+
|
84
|
+
If you choose to assign tags to your posts, then they will appear at the bottom of each post. Clicking on one of these tags will attempt to link to the section for that tag on the tags page, which will list all other posts under that tag.
|
85
|
+
|
86
|
+
Tag page, you say? Yes. You'll need to make this yourself, by creating a new page and putting the `layout:tags` key in the front matter. The default path for the tags page is `/tags/index.html`, but this can be adjusted with the `tags_page` key in your site's `_config.yml`.
|
87
|
+
|
88
|
+
### Navigation Links
|
89
|
+
|
90
|
+
By default, the navigation links at the top of the site will automatically include a link for every page in your jekyll site. If you want to exclude a page from the nav, you can simply include a `nav_exclude` key as part of the page's front matter:
|
91
|
+
|
92
|
+
```yaml
|
93
|
+
---
|
94
|
+
layout: tags
|
95
|
+
permalink: /tags/
|
96
|
+
title: Tags
|
97
|
+
nav_exclude: true
|
98
|
+
---
|
99
|
+
```
|
100
|
+
|
101
|
+
### Date formats
|
102
|
+
|
103
|
+
The format of the date used in post listings and at the top of each post page can be easily customised through the following settings in your site's `_config.yml`:
|
104
|
+
|
105
|
+
```yaml
|
106
|
+
# Use the same date in both listings and post pages
|
107
|
+
date_format: "%-d %b %Y"
|
108
|
+
|
109
|
+
# Or customise them separately:
|
110
|
+
listing_date_format: "%-d %b %Y"
|
111
|
+
post_date_format: "%-d %B %Y"
|
112
|
+
```
|
113
|
+
|
114
|
+
## Development
|
115
|
+
|
116
|
+
To set up your environment to develop this theme, run `bundle install`.
|
117
|
+
|
118
|
+
To test your theme, run `bundle exec rake preview` and open your browser at `http://localhost:4000/bland`. This starts a Jekyll server using the theme and the contents of the [`example`](/example) directory. As you make modifications to the theme and the example site, the preview will regenerate and you should see the changes in the browser after a refresh.
|
119
|
+
|
120
|
+
## License
|
121
|
+
|
122
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
123
|
+
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<footer class="footer">
|
2
|
+
<p>
|
3
|
+
{% if site.author %}
|
4
|
+
{{ site.author | escape }}
|
5
|
+
{% else %}
|
6
|
+
{{ site.title | escape }}
|
7
|
+
{% endif %}
|
8
|
+
· {{ site.time | date: '%Y' }}
|
9
|
+
<br>
|
10
|
+
<a href="{{ "/feed.xml" | relative_url }}">Subscribe</a>
|
11
|
+
</p>
|
12
|
+
</footer>
|
data/_includes/head.html
ADDED
@@ -0,0 +1,14 @@
|
|
1
|
+
<head>
|
2
|
+
<meta charset="utf-8">
|
3
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
4
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
5
|
+
|
6
|
+
<title>{% if page.title %}{{ page.title | escape }} · {% endif %}{{ site.title | escape }}</title>
|
7
|
+
<meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
|
8
|
+
|
9
|
+
<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
|
10
|
+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
11
|
+
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
|
12
|
+
|
13
|
+
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon">
|
14
|
+
</head>
|
@@ -0,0 +1,16 @@
|
|
1
|
+
<header class="masthead">
|
2
|
+
<h3 class="masthead-title">
|
3
|
+
<a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
|
4
|
+
</h3>
|
5
|
+
<nav class="masthead-nav">
|
6
|
+
<ul>
|
7
|
+
{% for page in site.pages %}
|
8
|
+
{% if page.title %}
|
9
|
+
{% unless page.nav_exclude %}
|
10
|
+
<li><a href="{{ page.url | relative_url }}">{{ page.title | escape }}</a></li>
|
11
|
+
{% endunless %}
|
12
|
+
{% endif %}
|
13
|
+
{% endfor %}
|
14
|
+
</ul>
|
15
|
+
</nav>
|
16
|
+
</header>
|
@@ -0,0 +1,16 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
3
|
+
{% include head.html %}
|
4
|
+
|
5
|
+
<body>
|
6
|
+
<div class="container">
|
7
|
+
{% include header.html %}
|
8
|
+
|
9
|
+
<main class="body" aria-label="Content">
|
10
|
+
{{ content }}
|
11
|
+
</main>
|
12
|
+
|
13
|
+
{% include footer.html %}
|
14
|
+
</div>
|
15
|
+
</body>
|
16
|
+
</html>
|
@@ -0,0 +1,19 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
<div class="listing">
|
6
|
+
|
7
|
+
{{ content }}
|
8
|
+
|
9
|
+
{% assign date_format = site.listing_date_format | default:site.date_format | default:"%-d %b %Y" %}
|
10
|
+
{% for post in site.posts %}
|
11
|
+
<div class="listing-item">
|
12
|
+
<span class="listing-date">{{ post.date | date:date_format }}</span>
|
13
|
+
<a class="listing-title" href="{{ post.url | relative_url }}">
|
14
|
+
{{ post.title | escape }}
|
15
|
+
</a>
|
16
|
+
</div>
|
17
|
+
{% endfor %}
|
18
|
+
|
19
|
+
</div>
|
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
@@ -0,0 +1,31 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
|
6
|
+
|
7
|
+
<header>
|
8
|
+
<h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
|
9
|
+
<span class="post-date">
|
10
|
+
Posted on
|
11
|
+
{% assign date_format = site.post_date_format | default:site.date_format | default:"%-d %B %Y" %}
|
12
|
+
<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
|
13
|
+
{{ page.date | date:date_format }}
|
14
|
+
</time>
|
15
|
+
</span>
|
16
|
+
</header>
|
17
|
+
|
18
|
+
<div class="post-content" itemprop="articleBody">
|
19
|
+
{{ content }}
|
20
|
+
</div>
|
21
|
+
|
22
|
+
{% if page.tags %}
|
23
|
+
{% assign tag_page = site.tag_page | default: '/tags/' | relative_url %}
|
24
|
+
<ul class="tag-list">
|
25
|
+
{% for tag in page.tags %}
|
26
|
+
<li><a href="{{ tag_page }}#{{ tag }}" class="tag">{{ tag }}</a></li>
|
27
|
+
{% endfor %}
|
28
|
+
</ul>
|
29
|
+
{% endif %}
|
30
|
+
|
31
|
+
</article>
|
data/_layouts/tags.html
ADDED
@@ -0,0 +1,38 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
{% assign sorted_tags = site.tags | sort %}
|
6
|
+
|
7
|
+
<div class="listing">
|
8
|
+
|
9
|
+
{{ content }}
|
10
|
+
|
11
|
+
<ul class="tag-list">
|
12
|
+
{% for tag in sorted_tags %}
|
13
|
+
<li>
|
14
|
+
<a href="#{{ tag[0] }}" class="tag">
|
15
|
+
{{ tag[0] }} <span class="count">{{ tag[1].size }}</span>
|
16
|
+
</a>
|
17
|
+
</li>
|
18
|
+
{% endfor %}
|
19
|
+
</ul>
|
20
|
+
|
21
|
+
{% assign date_format = site.listing_date_format | default:site.date_format | default:"%B %-d, %Y" %}
|
22
|
+
{% for tag in sorted_tags %}
|
23
|
+
{% assign t = tag | first %}
|
24
|
+
{% assign posts = tag | last %}
|
25
|
+
|
26
|
+
<h2 id="{{ t | lowercase }}">{{ t | titlecase }}</h2>
|
27
|
+
|
28
|
+
{% for post in posts %}
|
29
|
+
<div class="listing-item">
|
30
|
+
<span class="listing-date">{{ post.date | date:date_format }}</span>
|
31
|
+
<a class="listing-title" href="{{ post.url | relative_url }}">
|
32
|
+
{{ post.title | escape }}
|
33
|
+
</a>
|
34
|
+
</div>
|
35
|
+
{% endfor %}
|
36
|
+
{% endfor %}
|
37
|
+
|
38
|
+
</div>
|
data/_sass/bland.scss
ADDED
@@ -0,0 +1,35 @@
|
|
1
|
+
// Text
|
2
|
+
$font-main: Georgia, "Times New Roman", serif !default;
|
3
|
+
$font-mono: Menlo, Monaco, "Courier New", monospace !default;
|
4
|
+
|
5
|
+
$base-font-size: 21px !default;
|
6
|
+
$small-font-size: 16px !default;
|
7
|
+
$base-line-height: 1.5 !default;
|
8
|
+
|
9
|
+
// Colours
|
10
|
+
$color-theme: #5fb3b3 !default;
|
11
|
+
$color-background: #fff !default;
|
12
|
+
$color-text: #444 !default;
|
13
|
+
$color-text-dark: #222 !default;
|
14
|
+
$color-text-light: #666 !default;
|
15
|
+
$color-text-lighter: #999 !default;
|
16
|
+
$color-link: #222 !default;
|
17
|
+
$color-link-hover: #000 !default;
|
18
|
+
$color-link-underline: #ddd !default;
|
19
|
+
$color-date: #999 !default;
|
20
|
+
|
21
|
+
$color-grey-light: #ddd !default;
|
22
|
+
$color-grey-lighter: #eee !default;
|
23
|
+
$color-grey-lightest: #f5f5f5 !default;
|
24
|
+
|
25
|
+
// Break points
|
26
|
+
$screen-medium: 48rem !default;
|
27
|
+
$screen-small: 34rem !default;
|
28
|
+
$width-content: 32rem !default;
|
29
|
+
|
30
|
+
@import
|
31
|
+
"bland/reset",
|
32
|
+
"bland/base",
|
33
|
+
"bland/layout",
|
34
|
+
"bland/syntax-highlighting"
|
35
|
+
;
|
@@ -0,0 +1,224 @@
|
|
1
|
+
html {
|
2
|
+
font-family: $font-main;
|
3
|
+
font-size: $small-font-size;
|
4
|
+
@media (min-width: $screen-medium) {
|
5
|
+
font-size: $base-font-size;
|
6
|
+
}
|
7
|
+
|
8
|
+
// Optimise text for legibility
|
9
|
+
text-rendering: optimizeLegibility;
|
10
|
+
-moz-osx-font-smoothing: grayscale;
|
11
|
+
-webkit-font-smoothing: antialiased;
|
12
|
+
}
|
13
|
+
|
14
|
+
body {
|
15
|
+
background-color: $color-background;
|
16
|
+
color: $color-text;
|
17
|
+
line-height: $base-line-height;
|
18
|
+
padding: 2rem 1.5rem;
|
19
|
+
}
|
20
|
+
|
21
|
+
p {
|
22
|
+
margin: 0 0 1rem;
|
23
|
+
}
|
24
|
+
|
25
|
+
h1,
|
26
|
+
h2,
|
27
|
+
h3,
|
28
|
+
h4,
|
29
|
+
h5,
|
30
|
+
h6 {
|
31
|
+
color: $color-text-dark;
|
32
|
+
font-weight: bold;
|
33
|
+
letter-spacing: -.025rem;
|
34
|
+
line-height: 1.1;
|
35
|
+
margin-bottom: .5rem;
|
36
|
+
margin-top: 0;
|
37
|
+
}
|
38
|
+
|
39
|
+
h1 {
|
40
|
+
font-size: 2rem;
|
41
|
+
}
|
42
|
+
|
43
|
+
h2 {
|
44
|
+
font-size: 1.6rem;
|
45
|
+
}
|
46
|
+
|
47
|
+
h3 {
|
48
|
+
font-size: 1.2rem;
|
49
|
+
}
|
50
|
+
|
51
|
+
ol + h1,
|
52
|
+
ol + h2,
|
53
|
+
ol + h3,
|
54
|
+
p + h1,
|
55
|
+
p + h2,
|
56
|
+
p + h3,
|
57
|
+
ul + h1,
|
58
|
+
ul + h2,
|
59
|
+
ul + h3 {
|
60
|
+
margin-top: 1.5rem;
|
61
|
+
}
|
62
|
+
|
63
|
+
//---------------------------
|
64
|
+
// Emphasis
|
65
|
+
//---------------------------
|
66
|
+
em,
|
67
|
+
strong {
|
68
|
+
padding-left: .1em;
|
69
|
+
padding-right: .1em;
|
70
|
+
}
|
71
|
+
|
72
|
+
em {
|
73
|
+
color: $color-text-light;
|
74
|
+
}
|
75
|
+
|
76
|
+
strong {
|
77
|
+
color: $color-text-dark;
|
78
|
+
font-weight: bold;
|
79
|
+
}
|
80
|
+
|
81
|
+
//---------------------------
|
82
|
+
// Lists
|
83
|
+
//---------------------------
|
84
|
+
ol,
|
85
|
+
ul {
|
86
|
+
margin-bottom: 1rem;
|
87
|
+
margin-top: 0;
|
88
|
+
padding-left: 1.5em;
|
89
|
+
}
|
90
|
+
|
91
|
+
.body li {
|
92
|
+
margin-bottom: .25rem;
|
93
|
+
}
|
94
|
+
|
95
|
+
ul ul {
|
96
|
+
margin-bottom: .5rem;
|
97
|
+
margin-top: .25rem;
|
98
|
+
}
|
99
|
+
|
100
|
+
//---------------------------
|
101
|
+
// Code
|
102
|
+
//---------------------------
|
103
|
+
code,
|
104
|
+
pre {
|
105
|
+
font-family: $font-mono;
|
106
|
+
}
|
107
|
+
|
108
|
+
code {
|
109
|
+
background-color: $color-grey-lightest;
|
110
|
+
border-radius: .15em;
|
111
|
+
color: $color-theme;
|
112
|
+
font-size: 90%;
|
113
|
+
font-style: normal;
|
114
|
+
font-weight: normal;
|
115
|
+
padding: .15em .3em;
|
116
|
+
|
117
|
+
@media (max-width: $screen-small) {
|
118
|
+
word-break: break-word;
|
119
|
+
}
|
120
|
+
}
|
121
|
+
|
122
|
+
pre {
|
123
|
+
display: block;
|
124
|
+
font-size: .875rem;
|
125
|
+
line-height: 1.4;
|
126
|
+
margin: 0 0 1rem;
|
127
|
+
overflow-x: auto;
|
128
|
+
white-space: pre;
|
129
|
+
word-wrap: normal;
|
130
|
+
}
|
131
|
+
|
132
|
+
pre code {
|
133
|
+
background-color: transparent;
|
134
|
+
color: inherit;
|
135
|
+
padding: 0;
|
136
|
+
}
|
137
|
+
|
138
|
+
.highlight {
|
139
|
+
padding: 1rem 1.25rem;
|
140
|
+
}
|
141
|
+
|
142
|
+
.highlight pre {
|
143
|
+
font-size: .875rem;
|
144
|
+
margin-bottom: 0;
|
145
|
+
}
|
146
|
+
|
147
|
+
//---------------------------
|
148
|
+
// Links
|
149
|
+
//---------------------------
|
150
|
+
a {
|
151
|
+
color: $color-link;
|
152
|
+
font-weight: inherit;
|
153
|
+
line-weight: inherit;
|
154
|
+
text-decoration: none;
|
155
|
+
-webkit-transition: all .2s ease-in-out;
|
156
|
+
-moz-transition: all .2s ease-in-out;
|
157
|
+
transition: all .2s ease-in-out;
|
158
|
+
}
|
159
|
+
|
160
|
+
a:hover {
|
161
|
+
color: $color-link-hover;
|
162
|
+
}
|
163
|
+
|
164
|
+
h1 a {
|
165
|
+
border-bottom: 0;
|
166
|
+
}
|
167
|
+
|
168
|
+
.body a,
|
169
|
+
.footer a {
|
170
|
+
border-bottom: 1px solid $color-link-underline;
|
171
|
+
}
|
172
|
+
|
173
|
+
.body a:hover,
|
174
|
+
.footer a:hover {
|
175
|
+
border-bottom-color: $color-link-hover;
|
176
|
+
}
|
177
|
+
|
178
|
+
//---------------------------
|
179
|
+
// Other elements
|
180
|
+
//---------------------------
|
181
|
+
abbr {
|
182
|
+
background-color: $color-grey-lighter;
|
183
|
+
border-radius: 3px;
|
184
|
+
color: $color-text;
|
185
|
+
display: inline-block;
|
186
|
+
font-size: 13px;
|
187
|
+
font-weight: bold;
|
188
|
+
padding: 3px;
|
189
|
+
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
|
190
|
+
text-transform: uppercase;
|
191
|
+
}
|
192
|
+
|
193
|
+
blockquote {
|
194
|
+
border-left: .5rem solid $color-grey-lighter;
|
195
|
+
color: $color-text-lighter;
|
196
|
+
margin: 0 2rem 1rem -2rem;
|
197
|
+
padding: 0 0 0 1.5rem;
|
198
|
+
}
|
199
|
+
|
200
|
+
blockquote p:last-child {
|
201
|
+
margin-bottom: 0;
|
202
|
+
}
|
203
|
+
|
204
|
+
hr {
|
205
|
+
background-color: $color-grey-lighter;
|
206
|
+
border: 0;
|
207
|
+
height: 1px;
|
208
|
+
margin: 2rem auto;
|
209
|
+
width: 100px;
|
210
|
+
}
|
211
|
+
|
212
|
+
figure,
|
213
|
+
img {
|
214
|
+
border-radius: .25rem;
|
215
|
+
display: block;
|
216
|
+
margin: 0 0 1rem;
|
217
|
+
}
|
218
|
+
|
219
|
+
figure > figcaption {
|
220
|
+
color: $color-text-lighter;
|
221
|
+
font-size: .85rem;
|
222
|
+
margin-top: -.5rem;
|
223
|
+
text-align: center;
|
224
|
+
}
|
@@ -0,0 +1,167 @@
|
|
1
|
+
.container {
|
2
|
+
margin: 0 auto;
|
3
|
+
max-width: $width-content;
|
4
|
+
}
|
5
|
+
|
6
|
+
//---------------------------
|
7
|
+
// Header
|
8
|
+
//---------------------------
|
9
|
+
.masthead {
|
10
|
+
color: $color-text-light;
|
11
|
+
font-size: 1rem;
|
12
|
+
margin-bottom: 0;
|
13
|
+
|
14
|
+
@media (min-width: $screen-small) {
|
15
|
+
padding-top: 1rem;
|
16
|
+
text-align: right;
|
17
|
+
}
|
18
|
+
}
|
19
|
+
|
20
|
+
.masthead:after {
|
21
|
+
background-color: $color-grey-lighter;
|
22
|
+
content: "";
|
23
|
+
display: block;
|
24
|
+
height: 1px;
|
25
|
+
margin: 3rem auto;
|
26
|
+
width: 100px;
|
27
|
+
}
|
28
|
+
|
29
|
+
.masthead-nav ul {
|
30
|
+
list-style: none;
|
31
|
+
margin-bottom: 0;
|
32
|
+
padding-left: 0;
|
33
|
+
}
|
34
|
+
|
35
|
+
.masthead-nav li {
|
36
|
+
display: inline-block;
|
37
|
+
}
|
38
|
+
|
39
|
+
.masthead-nav li + li {
|
40
|
+
margin-left: .5rem;
|
41
|
+
}
|
42
|
+
|
43
|
+
.masthead-title {
|
44
|
+
@media (min-width: $screen-small) {
|
45
|
+
float: left;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
//---------------------------
|
50
|
+
// Footer
|
51
|
+
//---------------------------
|
52
|
+
.body:after {
|
53
|
+
background-color: $color-grey-lighter;
|
54
|
+
content: "";
|
55
|
+
display: block;
|
56
|
+
height: 1px;
|
57
|
+
margin: 3rem auto;
|
58
|
+
width: 100px;
|
59
|
+
}
|
60
|
+
|
61
|
+
.footer {
|
62
|
+
font-size: 90%;
|
63
|
+
text-align: center;
|
64
|
+
}
|
65
|
+
|
66
|
+
//---------------------------
|
67
|
+
// Listing
|
68
|
+
//---------------------------
|
69
|
+
.listing {
|
70
|
+
margin-bottom: 3rem;
|
71
|
+
}
|
72
|
+
|
73
|
+
.listing-item {
|
74
|
+
margin-bottom: 1rem;
|
75
|
+
overflow: auto;
|
76
|
+
|
77
|
+
@media (min-width: $screen-small) {
|
78
|
+
margin-bottom: .5rem;
|
79
|
+
}
|
80
|
+
}
|
81
|
+
|
82
|
+
.listing-item + h2 {
|
83
|
+
margin-top: 2rem;
|
84
|
+
}
|
85
|
+
|
86
|
+
.listing-date {
|
87
|
+
color: $color-date;
|
88
|
+
display: block;
|
89
|
+
margin-bottom: 0;
|
90
|
+
margin-top: 0;
|
91
|
+
|
92
|
+
@media (min-width: $screen-small) {
|
93
|
+
float: right;
|
94
|
+
margin-left: 1rem;
|
95
|
+
}
|
96
|
+
}
|
97
|
+
|
98
|
+
//---------------------------
|
99
|
+
// Post
|
100
|
+
//---------------------------
|
101
|
+
.post {
|
102
|
+
margin-bottom: 4rem;
|
103
|
+
position: relative;
|
104
|
+
}
|
105
|
+
|
106
|
+
.post img,
|
107
|
+
.post iframe {
|
108
|
+
max-width: 100%;
|
109
|
+
}
|
110
|
+
|
111
|
+
.post iframe {
|
112
|
+
margin-bottom: 1rem;
|
113
|
+
}
|
114
|
+
|
115
|
+
.post-date {
|
116
|
+
color: $color-date;
|
117
|
+
display: block;
|
118
|
+
font-size: .85rem;
|
119
|
+
margin-bottom: 1rem;
|
120
|
+
}
|
121
|
+
|
122
|
+
//---------------------------
|
123
|
+
// Page
|
124
|
+
//---------------------------
|
125
|
+
.page-title {
|
126
|
+
margin-bottom: 2rem;
|
127
|
+
}
|
128
|
+
|
129
|
+
.page-content > p:first-child {
|
130
|
+
font-size: 1.25rem;
|
131
|
+
}
|
132
|
+
|
133
|
+
//---------------------------
|
134
|
+
// Tags
|
135
|
+
//---------------------------
|
136
|
+
.tag {
|
137
|
+
background-color: $color-grey-lighter;
|
138
|
+
border-bottom: none !important;
|
139
|
+
border-radius: 3px;
|
140
|
+
color: $color-text;
|
141
|
+
font-size: .85rem;
|
142
|
+
padding: .3rem .6rem;
|
143
|
+
}
|
144
|
+
|
145
|
+
.tag:hover {
|
146
|
+
background-color: $color-grey-light;
|
147
|
+
border-bottom: none !important;
|
148
|
+
}
|
149
|
+
|
150
|
+
.tag .count {
|
151
|
+
color: $color-theme;
|
152
|
+
font-size: .7rem;
|
153
|
+
vertical-align: super;
|
154
|
+
}
|
155
|
+
|
156
|
+
.tag-list {
|
157
|
+
display: block;
|
158
|
+
padding-left: 0;
|
159
|
+
}
|
160
|
+
|
161
|
+
.tag-list li {
|
162
|
+
display: inline-block;
|
163
|
+
line-height: 2em;
|
164
|
+
margin-bottom: 0;
|
165
|
+
margin-right: .25rem;
|
166
|
+
white-space: nowrap; // prevent counts breaking to a new line
|
167
|
+
}
|
@@ -0,0 +1,73 @@
|
|
1
|
+
/*
|
2
|
+
Name: Base16 Oceanic Next Dark
|
3
|
+
Author: Dmitri Voronianski (http://pixelhunter.me)
|
4
|
+
Pygments template by Jan T. Sott (https://github.com/idleberg)
|
5
|
+
Created with Base16 Builder by Chris Kempson (https://github.com/chriskempson/base16-builder)
|
6
|
+
*/
|
7
|
+
.highlight .hll { background-color: #4f5b66 }
|
8
|
+
.highlight { background: #1b2b34; color: #d8dee9 }
|
9
|
+
.highlight .c { color: #65737e } /* Comment */
|
10
|
+
.highlight .err { color: #ec5f67 } /* Error */
|
11
|
+
.highlight .k { color: #c594c5 } /* Keyword */
|
12
|
+
.highlight .l { color: #f99157 } /* Literal */
|
13
|
+
.highlight .n { color: #d8dee9 } /* Name */
|
14
|
+
.highlight .o { color: #5fb3b3 } /* Operator */
|
15
|
+
.highlight .p { color: #d8dee9 } /* Punctuation */
|
16
|
+
.highlight .cm { color: #65737e } /* Comment.Multiline */
|
17
|
+
.highlight .cp { color: #65737e } /* Comment.Preproc */
|
18
|
+
.highlight .c1 { color: #65737e } /* Comment.Single */
|
19
|
+
.highlight .cs { color: #65737e } /* Comment.Special */
|
20
|
+
.highlight .gd { color: #ec5f67 } /* Generic.Deleted */
|
21
|
+
.highlight .ge { font-style: italic } /* Generic.Emph */
|
22
|
+
.highlight .gh { color: #d8dee9; font-weight: bold } /* Generic.Heading */
|
23
|
+
.highlight .gi { color: #99c794 } /* Generic.Inserted */
|
24
|
+
.highlight .gp { color: #65737e; font-weight: bold } /* Generic.Prompt */
|
25
|
+
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
26
|
+
.highlight .gu { color: #5fb3b3; font-weight: bold } /* Generic.Subheading */
|
27
|
+
.highlight .kc { color: #c594c5 } /* Keyword.Constant */
|
28
|
+
.highlight .kd { color: #c594c5 } /* Keyword.Declaration */
|
29
|
+
.highlight .kn { color: #5fb3b3 } /* Keyword.Namespace */
|
30
|
+
.highlight .kp { color: #c594c5 } /* Keyword.Pseudo */
|
31
|
+
.highlight .kr { color: #c594c5 } /* Keyword.Reserved */
|
32
|
+
.highlight .kt { color: #fac863 } /* Keyword.Type */
|
33
|
+
.highlight .ld { color: #99c794 } /* Literal.Date */
|
34
|
+
.highlight .m { color: #f99157 } /* Literal.Number */
|
35
|
+
.highlight .s { color: #99c794 } /* Literal.String */
|
36
|
+
.highlight .na { color: #6699cc } /* Name.Attribute */
|
37
|
+
.highlight .nb { color: #d8dee9 } /* Name.Builtin */
|
38
|
+
.highlight .nc { color: #fac863 } /* Name.Class */
|
39
|
+
.highlight .no { color: #ec5f67 } /* Name.Constant */
|
40
|
+
.highlight .nd { color: #5fb3b3 } /* Name.Decorator */
|
41
|
+
.highlight .ni { color: #d8dee9 } /* Name.Entity */
|
42
|
+
.highlight .ne { color: #ec5f67 } /* Name.Exception */
|
43
|
+
.highlight .nf { color: #6699cc } /* Name.Function */
|
44
|
+
.highlight .nl { color: #d8dee9 } /* Name.Label */
|
45
|
+
.highlight .nn { color: #fac863 } /* Name.Namespace */
|
46
|
+
.highlight .nx { color: #6699cc } /* Name.Other */
|
47
|
+
.highlight .py { color: #d8dee9 } /* Name.Property */
|
48
|
+
.highlight .nt { color: #5fb3b3 } /* Name.Tag */
|
49
|
+
.highlight .nv { color: #ec5f67 } /* Name.Variable */
|
50
|
+
.highlight .ow { color: #5fb3b3 } /* Operator.Word */
|
51
|
+
.highlight .w { color: #d8dee9 } /* Text.Whitespace */
|
52
|
+
.highlight .mf { color: #f99157 } /* Literal.Number.Float */
|
53
|
+
.highlight .mh { color: #f99157 } /* Literal.Number.Hex */
|
54
|
+
.highlight .mi { color: #f99157 } /* Literal.Number.Integer */
|
55
|
+
.highlight .mo { color: #f99157 } /* Literal.Number.Oct */
|
56
|
+
.highlight .sb { color: #99c794 } /* Literal.String.Backtick */
|
57
|
+
.highlight .sc { color: #d8dee9 } /* Literal.String.Char */
|
58
|
+
.highlight .sd { color: #65737e } /* Literal.String.Doc */
|
59
|
+
.highlight .s2 { color: #99c794 } /* Literal.String.Double */
|
60
|
+
.highlight .se { color: #f99157 } /* Literal.String.Escape */
|
61
|
+
.highlight .sh { color: #99c794 } /* Literal.String.Heredoc */
|
62
|
+
.highlight .si { color: #f99157 } /* Literal.String.Interpol */
|
63
|
+
.highlight .sx { color: #99c794 } /* Literal.String.Other */
|
64
|
+
.highlight .sr { color: #99c794 } /* Literal.String.Regex */
|
65
|
+
.highlight .s1 { color: #99c794 } /* Literal.String.Single */
|
66
|
+
.highlight .ss { color: #99c794 } /* Literal.String.Symbol */
|
67
|
+
.highlight .bp { color: #d8dee9 } /* Name.Builtin.Pseudo */
|
68
|
+
.highlight .vc { color: #ec5f67 } /* Name.Variable.Class */
|
69
|
+
.highlight .vg { color: #ec5f67 } /* Name.Variable.Global */
|
70
|
+
.highlight .vi { color: #ec5f67 } /* Name.Variable.Instance */
|
71
|
+
.highlight .il { color: #f99157 } /* Literal.Number.Integer.Long */
|
72
|
+
|
73
|
+
.highlight .lineno { color: #65737e; padding-right: .75rem; }
|
metadata
ADDED
@@ -0,0 +1,102 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: jekyll-bland
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.1.0
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Jamie Davies
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2017-03-11 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: jekyll
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - "~>"
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '3.4'
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - "~>"
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '3.4'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: bundler
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - "~>"
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '1.12'
|
34
|
+
type: :development
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - "~>"
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '1.12'
|
41
|
+
- !ruby/object:Gem::Dependency
|
42
|
+
name: rake
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
44
|
+
requirements:
|
45
|
+
- - "~>"
|
46
|
+
- !ruby/object:Gem::Version
|
47
|
+
version: '10.0'
|
48
|
+
type: :development
|
49
|
+
prerelease: false
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
51
|
+
requirements:
|
52
|
+
- - "~>"
|
53
|
+
- !ruby/object:Gem::Version
|
54
|
+
version: '10.0'
|
55
|
+
description:
|
56
|
+
email:
|
57
|
+
- jamie@jamiedavies.me
|
58
|
+
executables: []
|
59
|
+
extensions: []
|
60
|
+
extra_rdoc_files: []
|
61
|
+
files:
|
62
|
+
- LICENSE.txt
|
63
|
+
- README.md
|
64
|
+
- _includes/footer.html
|
65
|
+
- _includes/head.html
|
66
|
+
- _includes/header.html
|
67
|
+
- _layouts/default.html
|
68
|
+
- _layouts/listing.html
|
69
|
+
- _layouts/page.html
|
70
|
+
- _layouts/post.html
|
71
|
+
- _layouts/tags.html
|
72
|
+
- _sass/bland.scss
|
73
|
+
- _sass/bland/_base.scss
|
74
|
+
- _sass/bland/_layout.scss
|
75
|
+
- _sass/bland/_reset.scss
|
76
|
+
- _sass/bland/_syntax-highlighting.scss
|
77
|
+
- assets/css/main.scss
|
78
|
+
homepage: https://github.com/daviesjamie/jekyll-bland
|
79
|
+
licenses:
|
80
|
+
- MIT
|
81
|
+
metadata: {}
|
82
|
+
post_install_message:
|
83
|
+
rdoc_options: []
|
84
|
+
require_paths:
|
85
|
+
- lib
|
86
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
87
|
+
requirements:
|
88
|
+
- - ">="
|
89
|
+
- !ruby/object:Gem::Version
|
90
|
+
version: '0'
|
91
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
92
|
+
requirements:
|
93
|
+
- - ">="
|
94
|
+
- !ruby/object:Gem::Version
|
95
|
+
version: '0'
|
96
|
+
requirements: []
|
97
|
+
rubyforge_project:
|
98
|
+
rubygems_version: 2.6.8
|
99
|
+
signing_key:
|
100
|
+
specification_version: 4
|
101
|
+
summary: Yet another simple, no-frills theme for Jekyll.
|
102
|
+
test_files: []
|