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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 51116a1d311e7bdae2ab1b9dcf88ae6a3e196a14
4
- data.tar.gz: 736634916ac417b5c4bfc2512711a43a7ca5fc25
3
+ metadata.gz: 9417b6a418d2e0b957b930d88c4211ac83bcda02
4
+ data.tar.gz: 76c14f2c9770bf3255a3906f6744b389021311c2
5
5
  SHA512:
6
- metadata.gz: 3e5521054b2a1a1960665bd1aa091463fbe17a692a3cf2ae7840b882bbc7c18657cac5af43e03815203fd485c1093554d99b26bee1a9feedcaeb0b6efcee7e19
7
- data.tar.gz: e880b38efcdbb085f797c7c4531dbe89463ff1989ea9efd8f8a81d56a89bdb83b744a3a92ffb0521b45a26686978692060d3617e70b6e2d60f90c314d8c4cfe9
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` &mdash; Code-block that defines the `<head></head>` in *default* layout.
49
+ - `header.html` &mdash; Defines the site's main header section.
50
+ - `icon-* files` &mdash; 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` &mdash; 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` &mdash; Resets and defines base styles for various HTML elements.
58
+ - `minima/_layout.scss` &mdash; Defines the visual style for various layouts.
59
+ - `minima/_syntax-highlighting.scss` &mdash; 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 `bundle install`.
141
+ To set up your environment to develop this theme, run `script/bootstrap`.
85
142
 
86
- To test your theme, run `bundle exec rake preview` and open your browser at `http://localhost:4000/minima/`. This starts a Jekyll server using your theme and the contents of the `example/` directory. As you make modifications to your theme and to the example site, your site will regenerate and you should see the changes in the browser after a refresh.
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
 
@@ -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
- <a class="site-title" href="{{ "/" | relative_url}}">{{ site.title | escape }}</a>
6
-
7
- <nav class="site-nav">
8
- <span class="menu-icon">
9
- <svg viewBox="0 0 18 15" width="18px" height="15px">
10
- <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"/>
11
- <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"/>
12
- <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"/>
13
- </svg>
14
- </span>
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>
@@ -11,7 +11,8 @@ layout: default
11
11
  <ul class="post-list">
12
12
  {% for post in site.posts %}
13
13
  <li>
14
- <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
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>
@@ -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"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
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">
@@ -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",
@@ -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: 18px;
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: 15px;
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
+ }
@@ -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: 56px;
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: 26px;
14
+ @include relative-font-size(1.625);
15
15
  font-weight: 300;
16
- line-height: 56px;
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: 56px;
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
- &:hover .trigger {
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: 18px;
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: 15px;
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: 20px;
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: 24px;
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: 42px;
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: 36px;
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: 32px;
228
+ @include relative-font-size(2);
216
229
 
217
230
  @include media-query($on-laptop) {
218
- font-size: 28px;
231
+ @include relative-font-size(1.75);
219
232
  }
220
233
  }
221
234
 
222
235
  h3 {
223
- font-size: 26px;
236
+ @include relative-font-size(1.625);
224
237
 
225
238
  @include media-query($on-laptop) {
226
- font-size: 22px;
239
+ @include relative-font-size(1.375);
227
240
  }
228
241
  }
229
242
 
230
243
  h4 {
231
- font-size: 20px;
244
+ @include relative-font-size(1.25);
232
245
 
233
246
  @include media-query($on-laptop) {
234
- font-size: 18px;
247
+ @include relative-font-size(1.125);
235
248
  }
236
249
  }
237
250
  }
@@ -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.0
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: 2016-11-15 00:00:00.000000000 Z
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: |2+
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.5.1
89
+ rubygems_version: 2.6.11
117
90
  signing_key:
118
91
  specification_version: 4
119
- summary: A beautiful, minimal theme for Jekyll. NOT DONE YET.
92
+ summary: A beautiful, minimal theme for Jekyll.
120
93
  test_files: []