minima 2.1.0 → 2.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +60 -3
- data/_includes/header.html +26 -21
- data/_layouts/home.html +2 -1
- data/_layouts/post.html +8 -1
- data/_sass/minima.scss +6 -0
- data/_sass/minima/_base.scss +20 -3
- data/_sass/minima/_layout.scss +31 -18
- data/assets/main.scss +0 -34
- metadata +5 -32
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 9417b6a418d2e0b957b930d88c4211ac83bcda02
|
4
|
+
data.tar.gz: 76c14f2c9770bf3255a3906f6744b389021311c2
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 69bb7731abb5e64120290be99b6ba41e347193c663f16bb14f854f323ca2231ff844d243ce20e6597d2c6cc27321cf6db99cd5c1c161409f7c4edf66c19256e2
|
7
|
+
data.tar.gz: ef9fdc93823836c6ce87ff65fd4a527c71954df03a4d7d2f1e9efe6c337e16f1c496ec4d9eaa025d2bb62aa07e246c71ecc6341ccf6ca76781fc90473a282d91
|
data/README.md
CHANGED
@@ -2,6 +2,8 @@
|
|
2
2
|
|
3
3
|
*Minima is a one-size-fits-all Jekyll theme for writers*. It's Jekyll's default (and first) theme. It's what you get when you run `jekyll new`.
|
4
4
|
|
5
|
+
[Theme preview](https://jekyll.github.io/minima/)
|
6
|
+
|
5
7
|
![minima theme preview](/screenshot.png)
|
6
8
|
|
7
9
|
## Installation
|
@@ -21,7 +23,48 @@ theme: minima
|
|
21
23
|
And then execute:
|
22
24
|
|
23
25
|
$ bundle
|
24
|
-
|
26
|
+
|
27
|
+
|
28
|
+
## Contents At-A-Glance
|
29
|
+
|
30
|
+
Minima has been scaffolded by the `jekyll new-theme` command and therefore has all the necessary files and directories to have a new Jekyll site up and running with zero-configuration.
|
31
|
+
|
32
|
+
### Layouts
|
33
|
+
|
34
|
+
Refers to files within the `_layouts` directory, that define the markup for your theme.
|
35
|
+
|
36
|
+
- `default.html` — The base layout that lays the foundation for subsequent layouts. The derived layouts inject their contents into this file at the line that says ` {{ content }} ` and are linked to this file via [FrontMatter](https://jekyllrb.com/docs/frontmatter/) declaration `layout: default`.
|
37
|
+
- `home.html` — The layout for your landing-page / home-page / index-page.
|
38
|
+
- `page.html` — The layout for your documents that contain FrontMatter, but are not posts.
|
39
|
+
- `post.html` — The layout for your posts.
|
40
|
+
|
41
|
+
### Includes
|
42
|
+
|
43
|
+
Refers to snippets of code within the `_includes` directory that can be inserted in multiple layouts (and another include-file as well) within the same theme-gem.
|
44
|
+
|
45
|
+
- `disqus_comments.html` — Code to markup disqus comment box.
|
46
|
+
- `footer.html` — Defines the site's footer section.
|
47
|
+
- `google-analytics.html` — Inserts Google Analytics module (active only in production environment).
|
48
|
+
- `head.html` — Code-block that defines the `<head></head>` in *default* layout.
|
49
|
+
- `header.html` — Defines the site's main header section.
|
50
|
+
- `icon-* files` — Inserts github and twitter ids with respective icons.
|
51
|
+
|
52
|
+
### Sass
|
53
|
+
|
54
|
+
Refers to `.scss` files within the `_sass` directory that define the theme's styles.
|
55
|
+
|
56
|
+
- `minima.scss` — The core file imported by preprocessed `main.scss`, it defines the variable defaults for the theme and also further imports sass partials to supplement itself.
|
57
|
+
- `minima/_base.scss` — Resets and defines base styles for various HTML elements.
|
58
|
+
- `minima/_layout.scss` — Defines the visual style for various layouts.
|
59
|
+
- `minima/_syntax-highlighting.scss` — Defines the styles for syntax-highlighting.
|
60
|
+
|
61
|
+
### Assets
|
62
|
+
|
63
|
+
Refers to various asset files within the `assets` directory.
|
64
|
+
Contains the `main.scss` that imports sass files from within the `_sass` directory. This `main.scss` is what gets processed into the theme's main stylesheet `main.css` called by `_layouts/default.html` via `_includes/head.html`.
|
65
|
+
|
66
|
+
This directory can include sub-directories to manage assets of similar type, and will be copied over as is, to the final transformed site directory.
|
67
|
+
|
25
68
|
|
26
69
|
## Usage
|
27
70
|
|
@@ -46,6 +89,20 @@ The site's default CSS has now moved to a new place within the gem itself, [`ass
|
|
46
89
|
|
47
90
|
--
|
48
91
|
|
92
|
+
### Change default date format
|
93
|
+
|
94
|
+
You can change the default date format by specifying `site.minima.date_format`
|
95
|
+
in `_config.yml`.
|
96
|
+
|
97
|
+
```
|
98
|
+
# Minima date format
|
99
|
+
# refer to http://shopify.github.io/liquid/filters/date/ if you want to customize this
|
100
|
+
minima:
|
101
|
+
date_format: "%b %-d, %Y"
|
102
|
+
```
|
103
|
+
|
104
|
+
--
|
105
|
+
|
49
106
|
### Enabling comments (via Disqus)
|
50
107
|
|
51
108
|
Optionally, if you have a Disqus account, you can tell Jekyll to use it to show a comments section below each post.
|
@@ -81,9 +138,9 @@ Bug reports and pull requests are welcome on GitHub at https://github.com/jekyll
|
|
81
138
|
|
82
139
|
## Development
|
83
140
|
|
84
|
-
To set up your environment to develop this theme, run `
|
141
|
+
To set up your environment to develop this theme, run `script/bootstrap`.
|
85
142
|
|
86
|
-
To test your theme, run `bundle exec
|
143
|
+
To test your theme, run `script/server` (or `bundle exec jekyll serve`) and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme and the contents. As you make modifications, your site will regenerate and you should see the changes in the browser after a refresh.
|
87
144
|
|
88
145
|
## License
|
89
146
|
|
data/_includes/header.html
CHANGED
@@ -1,27 +1,32 @@
|
|
1
1
|
<header class="site-header" role="banner">
|
2
2
|
|
3
3
|
<div class="wrapper">
|
4
|
+
{% assign default_paths = site.pages | map: "path" %}
|
5
|
+
{% assign page_paths = site.header_pages | default: default_paths %}
|
6
|
+
<a class="site-title" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
|
7
|
+
|
8
|
+
{% if page_paths %}
|
9
|
+
<nav class="site-nav">
|
10
|
+
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
|
11
|
+
<label for="nav-trigger">
|
12
|
+
<span class="menu-icon">
|
13
|
+
<svg viewBox="0 0 18 15" width="18px" height="15px">
|
14
|
+
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
|
15
|
+
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
|
16
|
+
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
|
17
|
+
</svg>
|
18
|
+
</span>
|
19
|
+
</label>
|
4
20
|
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
<div class="trigger">
|
17
|
-
{% for my_page in site.pages %}
|
18
|
-
{% if my_page.title %}
|
19
|
-
<a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
|
20
|
-
{% endif %}
|
21
|
-
{% endfor %}
|
22
|
-
</div>
|
23
|
-
</nav>
|
24
|
-
|
21
|
+
<div class="trigger">
|
22
|
+
{% for path in page_paths %}
|
23
|
+
{% assign my_page = site.pages | where: "path", path | first %}
|
24
|
+
{% if my_page.title %}
|
25
|
+
<a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
|
26
|
+
{% endif %}
|
27
|
+
{% endfor %}
|
28
|
+
</div>
|
29
|
+
</nav>
|
30
|
+
{% endif %}
|
25
31
|
</div>
|
26
|
-
|
27
32
|
</header>
|
data/_layouts/home.html
CHANGED
@@ -11,7 +11,8 @@ layout: default
|
|
11
11
|
<ul class="post-list">
|
12
12
|
{% for post in site.posts %}
|
13
13
|
<li>
|
14
|
-
|
14
|
+
{% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
|
15
|
+
<span class="post-meta">{{ post.date | date: date_format }}</span>
|
15
16
|
|
16
17
|
<h2>
|
17
18
|
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
|
data/_layouts/post.html
CHANGED
@@ -5,7 +5,14 @@ layout: default
|
|
5
5
|
|
6
6
|
<header class="post-header">
|
7
7
|
<h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
|
8
|
-
<p class="post-meta"
|
8
|
+
<p class="post-meta">
|
9
|
+
<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
|
10
|
+
{% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
|
11
|
+
{{ page.date | date: date_format }}
|
12
|
+
</time>
|
13
|
+
{% if page.author %}
|
14
|
+
• <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>
|
15
|
+
{% endif %}</p>
|
9
16
|
</header>
|
10
17
|
|
11
18
|
<div class="post-content" itemprop="articleBody">
|
data/_sass/minima.scss
CHANGED
@@ -1,3 +1,5 @@
|
|
1
|
+
@charset "utf-8";
|
2
|
+
|
1
3
|
// Define defaults for each variable.
|
2
4
|
|
3
5
|
$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
@@ -35,6 +37,10 @@ $on-laptop: 800px !default;
|
|
35
37
|
}
|
36
38
|
}
|
37
39
|
|
40
|
+
@mixin relative-font-size($ratio) {
|
41
|
+
font-size: $base-font-size * $ratio;
|
42
|
+
}
|
43
|
+
|
38
44
|
// Import partials.
|
39
45
|
@import
|
40
46
|
"minima/base",
|
data/_sass/minima/_base.scss
CHANGED
@@ -102,8 +102,15 @@ a {
|
|
102
102
|
color: $text-color;
|
103
103
|
text-decoration: underline;
|
104
104
|
}
|
105
|
-
}
|
106
105
|
|
106
|
+
.social-media-list &:hover {
|
107
|
+
text-decoration: none;
|
108
|
+
|
109
|
+
.username {
|
110
|
+
text-decoration: underline;
|
111
|
+
}
|
112
|
+
}
|
113
|
+
}
|
107
114
|
|
108
115
|
|
109
116
|
/**
|
@@ -113,7 +120,7 @@ blockquote {
|
|
113
120
|
color: $grey-color;
|
114
121
|
border-left: 4px solid $grey-color-light;
|
115
122
|
padding-left: $spacing-unit / 2;
|
116
|
-
font-size
|
123
|
+
@include relative-font-size(1.125);
|
117
124
|
letter-spacing: -1px;
|
118
125
|
font-style: italic;
|
119
126
|
|
@@ -129,7 +136,7 @@ blockquote {
|
|
129
136
|
*/
|
130
137
|
pre,
|
131
138
|
code {
|
132
|
-
font-size
|
139
|
+
@include relative-font-size(0.9375);
|
133
140
|
border: 1px solid $grey-color-light;
|
134
141
|
border-radius: 3px;
|
135
142
|
background-color: #eef;
|
@@ -196,3 +203,13 @@ pre {
|
|
196
203
|
fill: $grey-color;
|
197
204
|
}
|
198
205
|
}
|
206
|
+
|
207
|
+
.social-media-list {
|
208
|
+
.icon {
|
209
|
+
padding-right: 5px;
|
210
|
+
}
|
211
|
+
|
212
|
+
li + li {
|
213
|
+
padding-top: 5px;
|
214
|
+
}
|
215
|
+
}
|
data/_sass/minima/_layout.scss
CHANGED
@@ -4,16 +4,16 @@
|
|
4
4
|
.site-header {
|
5
5
|
border-top: 5px solid $grey-color-dark;
|
6
6
|
border-bottom: 1px solid $grey-color-light;
|
7
|
-
min-height:
|
7
|
+
min-height: $spacing-unit * 1.865;
|
8
8
|
|
9
9
|
// Positioning context for the mobile navigation icon
|
10
10
|
position: relative;
|
11
11
|
}
|
12
12
|
|
13
13
|
.site-title {
|
14
|
-
font-size
|
14
|
+
@include relative-font-size(1.625);
|
15
15
|
font-weight: 300;
|
16
|
-
line-height:
|
16
|
+
line-height: $base-line-height * $base-font-size * 2.25;
|
17
17
|
letter-spacing: -1px;
|
18
18
|
margin-bottom: 0;
|
19
19
|
float: left;
|
@@ -26,7 +26,11 @@
|
|
26
26
|
|
27
27
|
.site-nav {
|
28
28
|
float: right;
|
29
|
-
line-height:
|
29
|
+
line-height: $base-line-height * $base-font-size * 2.25;
|
30
|
+
|
31
|
+
.nav-trigger {
|
32
|
+
display: none;
|
33
|
+
}
|
30
34
|
|
31
35
|
.menu-icon {
|
32
36
|
display: none;
|
@@ -51,6 +55,15 @@
|
|
51
55
|
border-radius: 5px;
|
52
56
|
text-align: right;
|
53
57
|
|
58
|
+
label[for="nav-trigger"] {
|
59
|
+
display: block;
|
60
|
+
float: right;
|
61
|
+
width: 36px;
|
62
|
+
height: 36px;
|
63
|
+
z-index: 2;
|
64
|
+
cursor: pointer;
|
65
|
+
}
|
66
|
+
|
54
67
|
.menu-icon {
|
55
68
|
display: block;
|
56
69
|
float: right;
|
@@ -65,12 +78,12 @@
|
|
65
78
|
}
|
66
79
|
}
|
67
80
|
|
68
|
-
.trigger {
|
81
|
+
input ~ .trigger {
|
69
82
|
clear: both;
|
70
83
|
display: none;
|
71
84
|
}
|
72
85
|
|
73
|
-
|
86
|
+
input:checked ~ .trigger {
|
74
87
|
display: block;
|
75
88
|
padding-bottom: 5px;
|
76
89
|
}
|
@@ -98,7 +111,7 @@
|
|
98
111
|
}
|
99
112
|
|
100
113
|
.footer-heading {
|
101
|
-
font-size
|
114
|
+
@include relative-font-size(1.125);
|
102
115
|
margin-bottom: $spacing-unit / 2;
|
103
116
|
}
|
104
117
|
|
@@ -109,7 +122,7 @@
|
|
109
122
|
}
|
110
123
|
|
111
124
|
.footer-col-wrapper {
|
112
|
-
font-size
|
125
|
+
@include relative-font-size(0.9375);
|
113
126
|
color: $grey-color;
|
114
127
|
margin-left: -$spacing-unit / 2;
|
115
128
|
@extend %clearfix;
|
@@ -167,7 +180,7 @@
|
|
167
180
|
}
|
168
181
|
|
169
182
|
.page-heading {
|
170
|
-
font-size
|
183
|
+
@include relative-font-size(1.25);
|
171
184
|
}
|
172
185
|
|
173
186
|
.post-list {
|
@@ -186,7 +199,7 @@
|
|
186
199
|
|
187
200
|
.post-link {
|
188
201
|
display: block;
|
189
|
-
font-size
|
202
|
+
@include relative-font-size(1.5);
|
190
203
|
}
|
191
204
|
|
192
205
|
|
@@ -199,12 +212,12 @@
|
|
199
212
|
}
|
200
213
|
|
201
214
|
.post-title {
|
202
|
-
font-size
|
215
|
+
@include relative-font-size(2.625);
|
203
216
|
letter-spacing: -1px;
|
204
217
|
line-height: 1;
|
205
218
|
|
206
219
|
@include media-query($on-laptop) {
|
207
|
-
font-size
|
220
|
+
@include relative-font-size(2.25);
|
208
221
|
}
|
209
222
|
}
|
210
223
|
|
@@ -212,26 +225,26 @@
|
|
212
225
|
margin-bottom: $spacing-unit;
|
213
226
|
|
214
227
|
h2 {
|
215
|
-
font-size
|
228
|
+
@include relative-font-size(2);
|
216
229
|
|
217
230
|
@include media-query($on-laptop) {
|
218
|
-
font-size
|
231
|
+
@include relative-font-size(1.75);
|
219
232
|
}
|
220
233
|
}
|
221
234
|
|
222
235
|
h3 {
|
223
|
-
font-size
|
236
|
+
@include relative-font-size(1.625);
|
224
237
|
|
225
238
|
@include media-query($on-laptop) {
|
226
|
-
font-size
|
239
|
+
@include relative-font-size(1.375);
|
227
240
|
}
|
228
241
|
}
|
229
242
|
|
230
243
|
h4 {
|
231
|
-
font-size
|
244
|
+
@include relative-font-size(1.25);
|
232
245
|
|
233
246
|
@include media-query($on-laptop) {
|
234
|
-
font-size
|
247
|
+
@include relative-font-size(1.125);
|
235
248
|
}
|
236
249
|
}
|
237
250
|
}
|
data/assets/main.scss
CHANGED
@@ -1,39 +1,5 @@
|
|
1
1
|
---
|
2
2
|
# Only the main Sass file needs front matter (the dashes are enough)
|
3
3
|
---
|
4
|
-
@charset "utf-8";
|
5
4
|
|
6
|
-
// Our variables
|
7
|
-
$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
8
|
-
$base-font-size: 16px;
|
9
|
-
$base-font-weight: 400;
|
10
|
-
$small-font-size: $base-font-size * 0.875;
|
11
|
-
$base-line-height: 1.5;
|
12
|
-
|
13
|
-
$spacing-unit: 30px;
|
14
|
-
|
15
|
-
$text-color: #111;
|
16
|
-
$background-color: #fdfdfd;
|
17
|
-
$brand-color: #2a7ae2;
|
18
|
-
|
19
|
-
$grey-color: #828282;
|
20
|
-
$grey-color-light: lighten($grey-color, 40%);
|
21
|
-
$grey-color-dark: darken($grey-color, 25%);
|
22
|
-
|
23
|
-
// Width of the content area
|
24
|
-
$content-width: 800px;
|
25
|
-
|
26
|
-
$on-palm: 600px;
|
27
|
-
$on-laptop: 800px;
|
28
|
-
|
29
|
-
// Minima also includes a mixin for defining media queries.
|
30
|
-
// Use media queries like this:
|
31
|
-
// @include media-query($on-palm) {
|
32
|
-
// .wrapper {
|
33
|
-
// padding-right: $spacing-unit / 2;
|
34
|
-
// padding-left: $spacing-unit / 2;
|
35
|
-
// }
|
36
|
-
// }
|
37
|
-
|
38
|
-
// Import partials from the `minima` theme.
|
39
5
|
@import "minima";
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: minima
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.1.
|
4
|
+
version: 2.1.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Joel Glovier
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2017-04-13 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -38,20 +38,6 @@ dependencies:
|
|
38
38
|
- - "~>"
|
39
39
|
- !ruby/object:Gem::Version
|
40
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
41
|
description:
|
56
42
|
email:
|
57
43
|
- jglovier@github.com
|
@@ -84,20 +70,7 @@ licenses:
|
|
84
70
|
- MIT
|
85
71
|
metadata:
|
86
72
|
plugin_type: theme
|
87
|
-
post_install_message:
|
88
|
-
|
89
|
-
----------------------------------------------
|
90
|
-
Thank you for installing minima 2.0!
|
91
|
-
|
92
|
-
Minima 2.0 comes with a breaking change that
|
93
|
-
renders '<your-site>/css/main.scss' redundant.
|
94
|
-
That file is now bundled with this gem as
|
95
|
-
'<minima>/assets/main.scss'.
|
96
|
-
|
97
|
-
More Information:
|
98
|
-
https://github.com/jekyll/minima#customization
|
99
|
-
----------------------------------------------
|
100
|
-
|
73
|
+
post_install_message:
|
101
74
|
rdoc_options: []
|
102
75
|
require_paths:
|
103
76
|
- lib
|
@@ -113,8 +86,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
113
86
|
version: '0'
|
114
87
|
requirements: []
|
115
88
|
rubyforge_project:
|
116
|
-
rubygems_version: 2.
|
89
|
+
rubygems_version: 2.6.11
|
117
90
|
signing_key:
|
118
91
|
specification_version: 4
|
119
|
-
summary: A beautiful, minimal theme for Jekyll.
|
92
|
+
summary: A beautiful, minimal theme for Jekyll.
|
120
93
|
test_files: []
|