minima 2.1.0 → 2.1.1
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 +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
|

|
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: []
|