jekyll-theme-niveus 1.0.0

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 ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: ba76864a77a41e2c26cd3324b60e4bf9e76a1192
4
+ data.tar.gz: c1f3a2592c936e6da91bf88cb574a80e1619177e
5
+ SHA512:
6
+ metadata.gz: bf025b1027d4b624d08598d59c2baed27a1c086663deb78f961255a2f8f1d77cb6b12981f034bb5c23d558ef78a0f191558f82c70204c779e912216e33230210
7
+ data.tar.gz: a8bdf0cac8e7d36b9cf95e49d4dda165ec67402e40f1eb595ceef4e71aafdc7f4f7edd5a3c77a906343e8f3ae27e2aabc52007751a35d5e3634d065beaa38587
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2017 Jason Gabriele
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,36 @@
1
+ # jekyll-theme-niveus
2
+
3
+ Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes` and your sass in `_sass`. To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
4
+
5
+ TODO: Delete this and the text above, and describe your gem
6
+
7
+ ## Installation
8
+
9
+ Add this line to your Jekyll site's `Gemfile`:
10
+
11
+ ```ruby
12
+ gem "jekyll-theme-niveus"
13
+ ```
14
+
15
+ And add this line to your Jekyll site's `_config.yml`:
16
+
17
+ ```yaml
18
+ theme: jekyll-theme-niveus
19
+ ```
20
+
21
+ And then execute:
22
+
23
+ $ bundle
24
+
25
+ Or install it yourself as:
26
+
27
+ $ gem install jekyll-theme-niveus
28
+
29
+ ## Usage
30
+
31
+ You should add the class `youtube` to Youtube iframes and `photo` to `img` tags you want to show in your posts.
32
+
33
+ ## License
34
+
35
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
36
+
@@ -0,0 +1,6 @@
1
+ <footer class="site-footer">
2
+ <div class="wrapper">
3
+ <a href="{{ "/feed.xml" | relative_url }}">RSS</a>
4
+ <a href="{{ "/feed.json" | relative_url }}">JSON</a>
5
+ </div>
6
+ </footer>
@@ -0,0 +1,26 @@
1
+ <head>
2
+ <meta charset="utf-8" />
3
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
4
+
5
+ <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
6
+ <link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32" />
7
+ <link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16" />
8
+ <link rel="manifest" href="/images/manifest.json" />
9
+ <link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#5bbad5" />
10
+ <link rel="shortcut icon" href="/favicon.ico" />
11
+ <meta name="msapplication-config" content="/images/browserconfig.xml" />
12
+ <meta name="theme-color" content="#ffffff" />
13
+
14
+ <title>{% if page.title %}{{ page.title | escape }} &mdash; {{ site.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
15
+
16
+ <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
17
+ <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
18
+ <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
19
+ <link rel="alternate" type="application/json" title="{{ site.title | escape }}" href="{{ "/feed.json" | relative_url }}" />
20
+
21
+ {% if page.layout == 'archive' or paginator.page > 1 %}
22
+ <meta name="robots" content="noindex" />
23
+ {% endif %}
24
+
25
+ {% seo title=false %}
26
+ </head>
@@ -0,0 +1,16 @@
1
+ <header class="site-header" role="banner">
2
+ <div class="wrapper">
3
+ {% assign default_paths = site.pages | map: "path" %}
4
+ {% assign page_paths = site.header_pages | default: default_paths %}
5
+ <a class="site-title" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
6
+
7
+ <form action="https://google.com/search" method="get" class="site-search">
8
+ <fieldset role="search">
9
+ <input type="hidden" name="q" value="site:{{ site.url }}" />
10
+ <input class="search" type="text" name="q" placeholder="Search"/>
11
+ </fieldset>
12
+ </form>
13
+
14
+ {% include sitenav.html %}
15
+ </div>
16
+ </header>
@@ -0,0 +1,36 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <div class="archive">
5
+ <h1>{{ page.title }}</h1>
6
+ <ul class="post-list">
7
+ {% for post in page.posts %}
8
+ <li>
9
+ <h2><a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
10
+
11
+ {% assign date_format = site.jekyll-theme-niveus.date_format | default: "%B %-d, %Y" %}
12
+ <span class="post-meta">{{ post.date | date: date_format }}</span>
13
+
14
+ {{ post.excerpt }}
15
+
16
+ <a href="{{ post.url | relative_url }}" class="read-more">Continued...</a>
17
+ </li>
18
+ {% endfor %}
19
+ </ul>
20
+ </div>
21
+
22
+ <div class="pagination">
23
+ {% if paginator.next_page %}
24
+ <a href="{{ paginator.next_page_path }}" class="previous">← Older</a>
25
+ {% else %}
26
+ <span class="empty"></span>
27
+ {% endif %}
28
+
29
+ <a href="/archives.html" class="archives-link">Blog Archives</a>
30
+
31
+ {% if paginator.previous_page %}
32
+ <a href="{{ paginator.previous_page_path }}" class="next">Newer →</a>
33
+ {% else %}
34
+ <span class="empty"></span>
35
+ {% endif %}
36
+ </div>
@@ -0,0 +1,23 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ <div class="archive">
6
+ <h1>Post History</h1>
7
+
8
+ {% assign current_year = "" %}
9
+ <ul class="archive-list">
10
+ {% for post in site.posts %}
11
+ <li>
12
+ <span class="archive-year">
13
+ {% assign post_year = post.date | date: "%Y" %}
14
+ {% if post_year != current_year %}{{ post_year }}{% endif %}
15
+ {% assign current_year = post_year %}
16
+ </span>
17
+ <span class="archive-month">{{ post.date | date: "%b %e" }}</span>
18
+
19
+ <h2 class="archive-link"><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
20
+ </li>
21
+ {% endfor %}
22
+ </ul>
23
+ </div>
@@ -0,0 +1,15 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{ page.lang | default: site.lang | default: "en" }}">
3
+ {% include head.html %}
4
+ <body>
5
+ {% include header.html %}
6
+
7
+ <main class="page-content" aria-label="Content">
8
+ <div class="wrapper">
9
+ {{ content }}
10
+ </div>
11
+ </main>
12
+
13
+ {% include footer.html %}
14
+ </body>
15
+ </html>
@@ -0,0 +1,14 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="post">
5
+
6
+ <header class="post-header">
7
+ <h1 class="post-title">{{ page.title | escape }}</h1>
8
+ </header>
9
+
10
+ <div class="post-content">
11
+ {{ content }}
12
+ </div>
13
+
14
+ </article>
@@ -0,0 +1,71 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
5
+
6
+ <header class="post-header">
7
+ <h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
8
+ <p class="post-meta">
9
+ <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
10
+ {% assign date_format = site.jekyll-theme-niveus.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>
16
+ </header>
17
+
18
+ <div class="post-content" itemprop="articleBody">
19
+ {{ content }}
20
+ </div>
21
+
22
+ <div class="post-categories">
23
+ {% if page.categories %}
24
+ Categories:
25
+ {% for category in page.categories %}
26
+ <a href="{{ site.baseurl }}{{ category | remove:' ' | downcase }}">{{ category }}</a>
27
+ {% endfor %}
28
+ {% endif %}
29
+ </div>
30
+
31
+ <div class="post-tags">
32
+ {% if page.tags %}
33
+ Tags:
34
+ {% for tag in page.tags %}
35
+ <span>{{ tag }}</span>{% unless forloop.last %},{% endunless %}
36
+ {% endfor %}
37
+ {% endif %}
38
+ </div>
39
+
40
+ {% if site.disqus.shortname %}
41
+ {% include disqus_comments.html %}
42
+ {% endif %}
43
+
44
+ <div class="post-navigation">
45
+ {% if page.previous %}
46
+ <a href="{{ page.previous.url }}">← {{ page.previous.title }}</a>
47
+ {% else %}
48
+ <span class="empty"></span>
49
+ {% endif %}
50
+
51
+ {% if page.next %}
52
+ <a href="{{ page.next.url }}">{{ page.next.title }} →</a>
53
+ {% else %}
54
+ <span class="empty"></span>
55
+ {% endif %}
56
+ </div>
57
+
58
+ {% if site.related_posts %}
59
+ <div class="post-related">
60
+ <div>
61
+ <h3>Related Posts</h3>
62
+ <ul>
63
+ {% for post in site.related_posts %}
64
+ <li><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></li>
65
+ {% endfor %}
66
+ </ul>
67
+ </div>
68
+ </div>
69
+ {% endif %}
70
+
71
+ </article>
data/_sass/_base.scss ADDED
@@ -0,0 +1,132 @@
1
+ // Reset some basic elements
2
+ body, h1, h2, h3, h4, h5, h6,
3
+ p, blockquote, pre, hr,
4
+ dl, dd, ol, ul, figure {
5
+ margin: 0;
6
+ padding: 0;
7
+ }
8
+
9
+ // Basic styling
10
+ body {
11
+ font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
12
+ color: $text-color;
13
+ background-color: $background-color;
14
+ -webkit-text-size-adjust: 100%;
15
+ -webkit-font-feature-settings: "kern" 1;
16
+ -moz-font-feature-settings: "kern" 1;
17
+ -o-font-feature-settings: "kern" 1;
18
+ font-feature-settings: "kern" 1;
19
+ font-kerning: normal;
20
+ }
21
+
22
+ // Set `margin-bottom` to maintain vertical rhythm
23
+ h1, p, blockquote, pre,
24
+ ul, ol, dl, figure,
25
+ %vertical-rhythm {
26
+ margin-bottom: $spacing-unit / 2;
27
+ }
28
+
29
+ h2, h3, h4, h5, h6 {
30
+ margin-bottom: $spacing-unit / 4;
31
+ }
32
+
33
+ // Images
34
+ img {
35
+ max-width: 100%;
36
+ vertical-align: middle;
37
+ }
38
+
39
+ // Figures
40
+ figure > img {
41
+ display: block;
42
+ }
43
+
44
+ figcaption {
45
+ font-size: $small-font-size;
46
+ }
47
+
48
+ // Lists
49
+ ul, ol {
50
+ margin-left: $spacing-unit;
51
+ }
52
+
53
+ li {
54
+ > ul,
55
+ > ol {
56
+ margin-bottom: 0;
57
+ }
58
+ }
59
+
60
+ // Headings
61
+ h1, h2, h3, h4, h5, h6 {
62
+ font-weight: $base-font-weight;
63
+ }
64
+
65
+ // Links
66
+ a {
67
+ color: $brand-color;
68
+ text-decoration: none;
69
+ }
70
+
71
+ // Blockquotes
72
+ blockquote {
73
+ color: $grey-color;
74
+ border-left: 4px solid $grey-color-light;
75
+ padding-left: $spacing-unit / 2;
76
+ @include relative-font-size(1.125);
77
+ letter-spacing: -1px;
78
+ font-style: italic;
79
+
80
+ > :last-child {
81
+ margin-bottom: 0;
82
+ }
83
+ }
84
+
85
+ // Code formatting
86
+ pre,
87
+ code {
88
+ @include relative-font-size(0.9375);
89
+ border: 1px solid $grey-color-light;
90
+ border-radius: 3px;
91
+ background-color: #efefef;
92
+ }
93
+
94
+ code {
95
+ padding: 1px 5px;
96
+ }
97
+
98
+ pre {
99
+ padding: 8px 12px;
100
+ overflow-x: auto;
101
+
102
+ > code {
103
+ border: 0;
104
+ padding-right: 0;
105
+ padding-left: 0;
106
+ }
107
+ }
108
+
109
+ // Wrapper
110
+ .wrapper {
111
+ max-width: $content-width;
112
+ margin-right: auto;
113
+ margin-left: auto;
114
+ @extend %clearfix;
115
+
116
+ @include media-query($tablet) {
117
+ max-width: $tablet-width;
118
+ }
119
+
120
+ @include media-query($phone) {
121
+ max-width: none;
122
+ margin-left: 1em;
123
+ margin-right: 1em;
124
+ }
125
+ }
126
+
127
+ // Clearfix
128
+ %clearfix:after {
129
+ content: "";
130
+ display: table;
131
+ clear: both;
132
+ }
@@ -0,0 +1,433 @@
1
+ // Site header
2
+ .site-header {
3
+ border-bottom: 1px solid $grey-color-light;
4
+ min-height: $spacing-unit * 1.865;
5
+ }
6
+
7
+ .site-title {
8
+ @include relative-font-size(3);
9
+ display: block;
10
+ font-weight: 300;
11
+ margin: 0.6em 0;
12
+
13
+ @include media-query($tablet) {
14
+ @include relative-font-size(2);
15
+ }
16
+
17
+ @include media-query($phone) {
18
+ @include relative-font-size(1.3);
19
+ }
20
+
21
+ &,
22
+ &:visited {
23
+ color: $text-color;
24
+ }
25
+ }
26
+
27
+ .site-search {
28
+ display: block;
29
+ float: right;
30
+ margin-top: 7px;
31
+
32
+ @include media-query($phone) {
33
+ float: none;
34
+ }
35
+
36
+ fieldset {
37
+ border: none;
38
+ padding: 0;
39
+ margin: 0;
40
+
41
+ .search {
42
+ @include relative-font-size(.8);
43
+ line-height: 1.2em;
44
+ border-radius: 8px;
45
+ border: 1px solid $grey-color-light;
46
+ padding: 0.5em 0.6em;
47
+ width: 16em;
48
+ -webkit-appearance: none;
49
+
50
+ @include media-query($phone) {
51
+ width: 95%;
52
+ }
53
+ }
54
+ }
55
+ }
56
+
57
+ .site-nav {
58
+ line-height: $base-line-height * $base-font-size * 2.25;
59
+
60
+ .page-link {
61
+ color: $text-color;
62
+ line-height: $base-line-height;
63
+
64
+ &:hover {
65
+ color: $grey-color-dark;
66
+ }
67
+
68
+ // Gaps between nav items, but not on the last one
69
+ &:not(:last-child) {
70
+ margin-right: 30px;
71
+ }
72
+ }
73
+ }
74
+
75
+ // Pagination
76
+ .pagination {
77
+ display: table;
78
+ width: 100%;
79
+
80
+ > a, > span.empty {
81
+ display: table-cell;
82
+ width: 20%;
83
+ @include relative-font-size(1);
84
+
85
+ @include media-query($tablet) {
86
+ @include relative-font-size(0.9);
87
+ }
88
+
89
+ @include media-query($phone) {
90
+ @include relative-font-size(0.8);
91
+ }
92
+
93
+ &.archives-link {
94
+ width: auto;
95
+ text-align: center;
96
+ color: $grey-color-link;
97
+
98
+ &:before, &:after {
99
+ content: '\2014';
100
+ padding: 0 .3em;
101
+ }
102
+ }
103
+
104
+ &:last-child {
105
+ text-align: right;
106
+ }
107
+ }
108
+ }
109
+
110
+ // Site footer
111
+ .site-footer {
112
+ padding: ($spacing-unit/2) 0 $spacing-unit;
113
+ text-align: center;
114
+ @include relative-font-size(.8);
115
+ color: $grey-color-light;
116
+
117
+ a {
118
+ color: $grey-color-link;
119
+
120
+ + a::before {
121
+ content: '·';
122
+ padding: 0.4em;
123
+ }
124
+ }
125
+ }
126
+
127
+ // Page content
128
+ .page-content {
129
+ padding: $spacing-unit 0 0;
130
+
131
+ @include media-query($tablet) {
132
+ padding-top: ($spacing-unit/2);
133
+ }
134
+ }
135
+
136
+ .page-heading {
137
+ @include relative-font-size(1.25);
138
+ }
139
+
140
+ .post-list {
141
+ margin-left: 0;
142
+ list-style: none;
143
+
144
+ > li {
145
+ margin-bottom: $spacing-unit;
146
+
147
+ .post-meta {
148
+ display: block;
149
+ margin-bottom: ($spacing-unit/1.5);
150
+
151
+ @include media-query($tablet) {
152
+ margin-bottom: ($spacing-unit/2);
153
+ }
154
+
155
+ @include media-query($phone) {
156
+ margin-bottom: ($spacing-unit/3);
157
+ }
158
+ }
159
+
160
+ > p {
161
+ @include relative-font-size(1);
162
+
163
+ @include media-query($tablet) {
164
+ @include relative-font-size(0.9);
165
+ }
166
+
167
+ @include media-query($phone) {
168
+ @include relative-font-size(0.8);
169
+ }
170
+ }
171
+
172
+ &:last-child, > h2 {
173
+ margin-bottom: 0;
174
+ }
175
+ }
176
+ }
177
+
178
+ .post-meta {
179
+ font-size: $small-font-size;
180
+ color: $grey-color;
181
+ padding-left: 0.15em;
182
+ }
183
+
184
+ .post-link {
185
+ display: inline-block;
186
+ @include relative-font-size(2.5);
187
+ font-weight: 500;
188
+ margin: 0.1em 0 0;
189
+ line-height: 1em;
190
+ border-bottom: 2px solid transparent;
191
+ transition: border-bottom 0.3s ease;
192
+
193
+ @include media-query($tablet) {
194
+ @include relative-font-size(2);
195
+ }
196
+
197
+ @include media-query($phone) {
198
+ @include relative-font-size(1.5);
199
+ }
200
+
201
+ &:hover {
202
+ border-bottom: 2px solid $brand-color;
203
+ }
204
+ }
205
+
206
+ .read-more {
207
+ display: block;
208
+ @include relative-font-size(0.8);
209
+ color: $grey-color-link;
210
+ margin-top: -1em;
211
+ font-style: italic;
212
+ }
213
+
214
+ // Posts
215
+ .post-header {
216
+ margin-bottom: $spacing-unit;
217
+
218
+ @include media-query($tablet) {
219
+ margin-bottom: ($spacing-unit/2);
220
+ }
221
+
222
+ @include media-query($phone) {
223
+ margin-bottom: ($spacing-unit/3);
224
+ }
225
+ }
226
+
227
+ .post-title {
228
+ @include relative-font-size(3);
229
+ margin-bottom: 0;
230
+ line-height: 1.2em;
231
+
232
+ @include media-query($tablet) {
233
+ @include relative-font-size(2);
234
+ }
235
+
236
+ @include media-query($phone) {
237
+ @include relative-font-size(1.3);
238
+ }
239
+ }
240
+
241
+ .post-content {
242
+ margin-bottom: $spacing-unit;
243
+ @include relative-font-size(1);
244
+
245
+ @include media-query($tablet) {
246
+ margin-bottom: ($spacing-unit/2);
247
+ @include relative-font-size(0.9);
248
+ }
249
+
250
+ @include media-query($phone) {
251
+ margin-bottom: ($spacing-unit/3);
252
+ }
253
+
254
+ // Lone images
255
+ img.photo, iframe.youtube {
256
+ display: block;
257
+ margin: 0 auto;
258
+ }
259
+
260
+ // Multiple images in a row
261
+ img.photo + img.photo {
262
+ margin-top: 1em;
263
+ }
264
+
265
+ // Youtube embed
266
+ iframe.youtube {
267
+ margin-bottom: 1.5em;
268
+ max-width: 100% !important;
269
+ }
270
+
271
+ h2 {
272
+ @include relative-font-size(2);
273
+
274
+ @include media-query($tablet) {
275
+ @include relative-font-size(1.75);
276
+ }
277
+ }
278
+
279
+ h3 {
280
+ @include relative-font-size(1.625);
281
+
282
+ @include media-query($tablet) {
283
+ @include relative-font-size(1.375);
284
+ }
285
+ }
286
+
287
+ h4 {
288
+ @include relative-font-size(1.25);
289
+
290
+ @include media-query($tablet) {
291
+ @include relative-font-size(1.125);
292
+ }
293
+ }
294
+ }
295
+
296
+ .post-categories, .post-tags {
297
+ font-weight: bold;
298
+
299
+ > a, > span {
300
+ font-weight: normal;
301
+ }
302
+ }
303
+
304
+ .post-navigation {
305
+ display: table;
306
+ width: 100%;
307
+ margin: 3em 0;
308
+
309
+ > a {
310
+ display: table-cell;
311
+ width: 50%;
312
+ @include relative-font-size(1);
313
+
314
+ @include media-query($tablet) {
315
+ @include relative-font-size(0.9);
316
+ }
317
+
318
+ @include media-query($phone) {
319
+ @include relative-font-size(0.8);
320
+ }
321
+
322
+ &:last-child {
323
+ text-align: right;
324
+ }
325
+ }
326
+ }
327
+
328
+ .post-related {
329
+ text-align: center;
330
+
331
+ > div {
332
+ display: inline-block;
333
+ text-align: left;
334
+ }
335
+
336
+ h3 {
337
+ margin-bottom: 0.3em;
338
+ text-align: center;
339
+ }
340
+
341
+ ul {
342
+ margin-left: 1.3em;
343
+
344
+ a {
345
+ @include relative-font-size(0.8);
346
+ }
347
+ }
348
+ }
349
+
350
+ .archive {
351
+ h1 {
352
+ margin-bottom: 1.2em;
353
+ @include relative-font-size(3);
354
+
355
+ @include media-query($tablet) {
356
+ @include relative-font-size(2);
357
+ }
358
+
359
+ @include media-query($phone) {
360
+ @include relative-font-size(1.3);
361
+ }
362
+ }
363
+
364
+ .archive-list {
365
+ display: table;
366
+ width: 100%;
367
+ margin-left: 0;
368
+
369
+ > li {
370
+ display: table-row;
371
+
372
+ > span, > .archive-link {
373
+ display: table-cell;
374
+ padding: 0.6em;
375
+ }
376
+
377
+ > .archive-year {
378
+ @include relative-font-size(2);
379
+ padding-top: 0.75em;
380
+ padding-left: 0;
381
+ color: $grey-color-link;
382
+ border-right: 2px solid $grey-color-light;
383
+
384
+ @include media-query($tablet) {
385
+ @include relative-font-size(1.3);
386
+ padding-top: 0.85em;
387
+ }
388
+
389
+ @include media-query($phone) {
390
+ @include relative-font-size(1);
391
+ padding-top: 0.6em;
392
+ }
393
+ }
394
+
395
+ > .archive-month {
396
+ @include relative-font-size(1.2);
397
+ color: $grey-color-link;
398
+ white-space: nowrap;
399
+ vertical-align: middle;
400
+ text-transform: uppercase;
401
+ text-align: center;
402
+ border-right: 1px solid $grey-color-lightest;
403
+
404
+ @include media-query($tablet) {
405
+ @include relative-font-size(1);
406
+ }
407
+ }
408
+
409
+ > .archive-link {
410
+ width: 100%;
411
+ @include relative-font-size(2.2);
412
+ vertical-align: middle;
413
+
414
+ @include media-query($tablet) {
415
+ @include relative-font-size(1.5);
416
+ }
417
+
418
+ @include media-query($phone) {
419
+ @include relative-font-size(1);
420
+ }
421
+
422
+ > a {
423
+ border-bottom: 2px solid transparent;
424
+ transition: border-bottom 0.3s ease;
425
+
426
+ &:hover {
427
+ border-bottom: 2px solid $brand-color;
428
+ }
429
+ }
430
+ }
431
+ }
432
+ }
433
+ }
@@ -0,0 +1,69 @@
1
+ // Syntax highlighting styles
2
+ .highlight {
3
+ background: #fff;
4
+ @extend %vertical-rhythm;
5
+
6
+ .highlighter-rouge & {
7
+ background: #eef;
8
+ }
9
+
10
+ .c { color: #998; font-style: italic } // Comment
11
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
12
+ .k { font-weight: bold } // Keyword
13
+ .o { font-weight: bold } // Operator
14
+ .cm { color: #998; font-style: italic } // Comment.Multiline
15
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
16
+ .c1 { color: #998; font-style: italic } // Comment.Single
17
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
18
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
19
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
20
+ .ge { font-style: italic } // Generic.Emph
21
+ .gr { color: #a00 } // Generic.Error
22
+ .gh { color: #999 } // Generic.Heading
23
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
24
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
25
+ .go { color: #888 } // Generic.Output
26
+ .gp { color: #555 } // Generic.Prompt
27
+ .gs { font-weight: bold } // Generic.Strong
28
+ .gu { color: #aaa } // Generic.Subheading
29
+ .gt { color: #a00 } // Generic.Traceback
30
+ .kc { font-weight: bold } // Keyword.Constant
31
+ .kd { font-weight: bold } // Keyword.Declaration
32
+ .kp { font-weight: bold } // Keyword.Pseudo
33
+ .kr { font-weight: bold } // Keyword.Reserved
34
+ .kt { color: #458; font-weight: bold } // Keyword.Type
35
+ .m { color: #099 } // Literal.Number
36
+ .s { color: #d14 } // Literal.String
37
+ .na { color: #008080 } // Name.Attribute
38
+ .nb { color: #0086B3 } // Name.Builtin
39
+ .nc { color: #458; font-weight: bold } // Name.Class
40
+ .no { color: #008080 } // Name.Constant
41
+ .ni { color: #800080 } // Name.Entity
42
+ .ne { color: #900; font-weight: bold } // Name.Exception
43
+ .nf { color: #900; font-weight: bold } // Name.Function
44
+ .nn { color: #555 } // Name.Namespace
45
+ .nt { color: #000080 } // Name.Tag
46
+ .nv { color: #008080 } // Name.Variable
47
+ .ow { font-weight: bold } // Operator.Word
48
+ .w { color: #bbb } // Text.Whitespace
49
+ .mf { color: #099 } // Literal.Number.Float
50
+ .mh { color: #099 } // Literal.Number.Hex
51
+ .mi { color: #099 } // Literal.Number.Integer
52
+ .mo { color: #099 } // Literal.Number.Oct
53
+ .sb { color: #d14 } // Literal.String.Backtick
54
+ .sc { color: #d14 } // Literal.String.Char
55
+ .sd { color: #d14 } // Literal.String.Doc
56
+ .s2 { color: #d14 } // Literal.String.Double
57
+ .se { color: #d14 } // Literal.String.Escape
58
+ .sh { color: #d14 } // Literal.String.Heredoc
59
+ .si { color: #d14 } // Literal.String.Interpol
60
+ .sx { color: #d14 } // Literal.String.Other
61
+ .sr { color: #009926 } // Literal.String.Regex
62
+ .s1 { color: #d14 } // Literal.String.Single
63
+ .ss { color: #990073 } // Literal.String.Symbol
64
+ .bp { color: #999 } // Name.Builtin.Pseudo
65
+ .vc { color: #008080 } // Name.Variable.Class
66
+ .vg { color: #008080 } // Name.Variable.Global
67
+ .vi { color: #008080 } // Name.Variable.Instance
68
+ .il { color: #099 } // Literal.Number.Integer.Long
69
+ }
data/_sass/niveus.scss ADDED
@@ -0,0 +1,47 @@
1
+ @charset "utf-8";
2
+
3
+ // Define defaults for each variable.
4
+
5
+ $base-font-family: system, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande" !default;
6
+ $base-font-size: 17px !default;
7
+ $base-font-weight: 400 !default;
8
+ $small-font-size: $base-font-size * 0.8 !default;
9
+ $base-line-height: 1.5 !default;
10
+
11
+ $spacing-unit: 4em !default;
12
+
13
+ $text-color: #333 !default;
14
+ $background-color: #fdfdfd !default;
15
+ $brand-color: #1756a9 !default;
16
+
17
+ $grey-color: #828282 !default;
18
+ $grey-color-light: lighten($grey-color, 40%) !default;
19
+ $grey-color-lightest: #eee;
20
+ $grey-color-medium: darken($grey-color, 15%) !default;
21
+ $grey-color-dark: darken($grey-color, 25%) !default;
22
+ $grey-color-link: lighten($grey-color, 20%) !default;
23
+
24
+ // Width of the content area
25
+ $content-width: 860px !default;
26
+ $desktop: 1100px !default;
27
+ $tablet: 900px !default;
28
+ $tablet-width: 700px !default;
29
+ $phone: 720px !default;
30
+ $phone-width: 300px !default;
31
+
32
+ @mixin media-query($device) {
33
+ @media screen and (max-width: $device) {
34
+ @content;
35
+ }
36
+ }
37
+
38
+ @mixin relative-font-size($ratio) {
39
+ font-size: $base-font-size * $ratio;
40
+ }
41
+
42
+ // Import partials.
43
+ @import
44
+ "base",
45
+ "layout",
46
+ "syntax-highlighting"
47
+ ;
data/assets/main.scss ADDED
@@ -0,0 +1,5 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+
5
+ @import "niveus";
metadata ADDED
@@ -0,0 +1,101 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: jekyll-theme-niveus
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0
5
+ platform: ruby
6
+ authors:
7
+ - Jason Gabriele
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2017-06-03 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
+ - jason.gabriele@gmail.com
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/archive.html
68
+ - _layouts/archives.html
69
+ - _layouts/default.html
70
+ - _layouts/page.html
71
+ - _layouts/post.html
72
+ - _sass/_base.scss
73
+ - _sass/_layout.scss
74
+ - _sass/_syntax-highlighting.scss
75
+ - _sass/niveus.scss
76
+ - assets/main.scss
77
+ homepage: https://github.com/niveus/jekyll-theme-niveus
78
+ licenses:
79
+ - MIT
80
+ metadata: {}
81
+ post_install_message:
82
+ rdoc_options: []
83
+ require_paths:
84
+ - lib
85
+ required_ruby_version: !ruby/object:Gem::Requirement
86
+ requirements:
87
+ - - ">="
88
+ - !ruby/object:Gem::Version
89
+ version: '0'
90
+ required_rubygems_version: !ruby/object:Gem::Requirement
91
+ requirements:
92
+ - - ">="
93
+ - !ruby/object:Gem::Version
94
+ version: '0'
95
+ requirements: []
96
+ rubyforge_project:
97
+ rubygems_version: 2.6.10
98
+ signing_key:
99
+ specification_version: 4
100
+ summary: Theme used for nive.us
101
+ test_files: []