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