noir-for-jekyll 1.2.0 → 1.3.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 +4 -4
- data/_layouts/default.html +17 -0
- data/_layouts/post.html +27 -1
- data/_sass/_buttons.scss +56 -0
- data/_sass/_code.scss +11 -9
- data/_sass/_masthead.scss +26 -1
- data/_sass/_posts.scss +26 -2
- data/_sass/_syntax.scss +2 -2
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 9a6462c25709bb294f53a23097181cecfb6665c6c69ebeb58790fa0efe413d5e
|
4
|
+
data.tar.gz: ca761320b6c44ecc9f942257016f9a030c731155b0ef879f8547007e3e09618c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6f20310d0e3ecc05d3f4c88b4e6c85ccd75a60a3bf688b90f66391956306015dc4c0ecb9e9f59e745c290d4abb4d8b4939bdeb429a49e13666294a294ff5c5cf
|
7
|
+
data.tar.gz: dd24db8ce66e5dd2b853fc1210525469c962d0244b7c0643c9875866a2a6966794aef6562bec4bc988ff13814af7132ca80da993886698f939960d2a9187371c
|
data/_layouts/default.html
CHANGED
@@ -1,3 +1,7 @@
|
|
1
|
+
---
|
2
|
+
layout: compress
|
3
|
+
---
|
4
|
+
|
1
5
|
<!doctype html>
|
2
6
|
<html lang="en">
|
3
7
|
|
@@ -7,10 +11,23 @@
|
|
7
11
|
|
8
12
|
<div class="container content">
|
9
13
|
<header class="masthead">
|
14
|
+
|
10
15
|
<h3 class="masthead-title">
|
11
16
|
<a href="{{ site.baseurl }}/" title="Home">{{ site.title }}</a>
|
12
17
|
<small>{{ site.tagline }}</small>
|
13
18
|
</h3>
|
19
|
+
|
20
|
+
<!-- Change navigation links here -->
|
21
|
+
<div class="navigation">
|
22
|
+
<ul id="navigation-list">
|
23
|
+
<li><a href="/archive/">archive</a></li>
|
24
|
+
<li><a href="/tags/">tags</a></li>
|
25
|
+
<li><a href="/categories/">categories</a></li>
|
26
|
+
<li><a href="/about/">about</a></li>
|
27
|
+
<li><a href="/styles/">styles</a></li>
|
28
|
+
</ul>
|
29
|
+
</div>
|
30
|
+
|
14
31
|
</header>
|
15
32
|
|
16
33
|
<main>
|
data/_layouts/post.html
CHANGED
@@ -10,8 +10,34 @@ layout: default
|
|
10
10
|
{% else %}
|
11
11
|
<h1 class="post-title">{{ page.title | smartify }}</h1>
|
12
12
|
{% endif %}</h1>
|
13
|
-
|
13
|
+
|
14
|
+
<time datetime="{{ page.date | date_to_xmlschema }}" class="post-date">{{ page.date | date_to_string }}
|
15
|
+
{% if post %}
|
16
|
+
{% assign categories = post.categories %}
|
17
|
+
{% else %}
|
18
|
+
{% assign categories = page.categories %}
|
19
|
+
{% endif %}
|
20
|
+
{% for category in categories %}
|
21
|
+
in <a href="{{site.baseurl}}/categories/#{{category|slugize}}">{{category}}</a>
|
22
|
+
{% unless forloop.last %} {% endunless %}
|
23
|
+
{% endfor %}
|
24
|
+
</time>{% if page.link %}<span class="external-link">External Link</span>{% endif %}
|
25
|
+
|
14
26
|
{{ content | smartify }}
|
27
|
+
|
28
|
+
<br>
|
29
|
+
<div class="tag-list">
|
30
|
+
{% if post %}
|
31
|
+
{% assign tags = post.tags %}
|
32
|
+
{% else %}
|
33
|
+
{% assign tags = page.tags %}
|
34
|
+
{% endif %}
|
35
|
+
{% for tag in tags %}
|
36
|
+
<a href="{{site.baseurl}}/tags/#{{tag|slugize}}">#{{tag}}</a>
|
37
|
+
{% unless forloop.last %} {% endunless %}
|
38
|
+
{% endfor %}
|
39
|
+
</div>
|
40
|
+
|
15
41
|
</article>
|
16
42
|
|
17
43
|
<div class="PageNavigation">
|
data/_sass/_buttons.scss
ADDED
@@ -0,0 +1,56 @@
|
|
1
|
+
// Buttons
|
2
|
+
|
3
|
+
.added {
|
4
|
+
background: #6a28e8;
|
5
|
+
color: #fff;
|
6
|
+
text-align: center;
|
7
|
+
font-variant: small-caps;
|
8
|
+
font-weight: bold;
|
9
|
+
padding: 1px 8px 3px;
|
10
|
+
margin: 0 3px 3px 0;
|
11
|
+
border-radius: 6px;
|
12
|
+
}
|
13
|
+
|
14
|
+
.improved {
|
15
|
+
background: #0c83e1;
|
16
|
+
color: #fff;
|
17
|
+
text-align: center;
|
18
|
+
font-variant: small-caps;
|
19
|
+
font-weight: bold;
|
20
|
+
padding: 1px 8px 3px;
|
21
|
+
margin: 0 3px 3px 0;
|
22
|
+
border-radius: 6px;
|
23
|
+
}
|
24
|
+
|
25
|
+
.fixed {
|
26
|
+
background: #00d486;
|
27
|
+
color: #fff;
|
28
|
+
text-align: center;
|
29
|
+
font-variant: small-caps;
|
30
|
+
font-weight: bold;
|
31
|
+
padding: 1px 8px 3px;
|
32
|
+
margin: 0 3px 3px 0;
|
33
|
+
border-radius: 6px;
|
34
|
+
}
|
35
|
+
|
36
|
+
.soon {
|
37
|
+
background: #ff6600;
|
38
|
+
color: #fff;
|
39
|
+
text-align: center;
|
40
|
+
font-variant: small-caps;
|
41
|
+
font-weight: bold;
|
42
|
+
padding: 1px 8px 3px;
|
43
|
+
margin: 0 3px 3px 0;
|
44
|
+
border-radius: 6px;
|
45
|
+
}
|
46
|
+
|
47
|
+
.removed {
|
48
|
+
background: #ff0000;
|
49
|
+
color: #fff;
|
50
|
+
text-align: center;
|
51
|
+
font-variant: small-caps;
|
52
|
+
font-weight: bold;
|
53
|
+
padding: 1px 8px 3px;
|
54
|
+
margin: 0 3px 3px 0;
|
55
|
+
border-radius: 6px;
|
56
|
+
}
|
data/_sass/_code.scss
CHANGED
@@ -17,7 +17,7 @@
|
|
17
17
|
|
18
18
|
/* Applies to all code */
|
19
19
|
pre, code {
|
20
|
-
font-size:
|
20
|
+
font-size: 14px;
|
21
21
|
font-family: $code-font-family;
|
22
22
|
font-style: normal;
|
23
23
|
|
@@ -67,7 +67,7 @@ code.highlight {
|
|
67
67
|
pre {
|
68
68
|
border-radius: 5px;
|
69
69
|
margin: 30px * 0.75 30px / 2;
|
70
|
-
padding:
|
70
|
+
padding: 15px 17px;
|
71
71
|
overflow-x: auto;
|
72
72
|
background-color: #f1f1ff;
|
73
73
|
|
@@ -86,6 +86,8 @@ figure.highlight, div.highlight {
|
|
86
86
|
pre {
|
87
87
|
background-color: $code-bg;
|
88
88
|
border: 1px solid $code-light;
|
89
|
+
border-radius: 15px;
|
90
|
+
box-shadow: 0 4px 30px rgba(0,0,0,.4);
|
89
91
|
|
90
92
|
@media (prefers-color-scheme: dark) {
|
91
93
|
border: 1px solid $code-dark;
|
@@ -105,17 +107,17 @@ figure.highlight, div.highlight {
|
|
105
107
|
position: absolute;
|
106
108
|
right: 20px; // 15 + 5
|
107
109
|
|
108
|
-
font-size:
|
109
|
-
top: -
|
110
|
-
padding: 0px
|
110
|
+
font-size: 16px;
|
111
|
+
top: -12px;
|
112
|
+
padding: 0px 7px;
|
111
113
|
text-transform: uppercase;
|
112
114
|
font-weight: bold;
|
113
115
|
|
114
116
|
border: 1px solid $code-light;
|
115
|
-
border-top-left-radius:
|
116
|
-
border-top-right-radius:
|
117
|
-
border-bottom-left-radius:
|
118
|
-
border-bottom-right-radius:
|
117
|
+
border-top-left-radius: 15px;
|
118
|
+
border-top-right-radius: 15px;
|
119
|
+
border-bottom-left-radius: 15px;
|
120
|
+
border-bottom-right-radius: 15px;
|
119
121
|
|
120
122
|
min-width: 30px;
|
121
123
|
text-align: center;
|
data/_sass/_masthead.scss
CHANGED
@@ -10,7 +10,7 @@
|
|
10
10
|
|
11
11
|
.masthead-title {
|
12
12
|
margin-top: 0;
|
13
|
-
margin-bottom:
|
13
|
+
margin-bottom: 20px;
|
14
14
|
color: $body-color;
|
15
15
|
position: relative;
|
16
16
|
|
@@ -28,3 +28,28 @@
|
|
28
28
|
opacity: .5;
|
29
29
|
}
|
30
30
|
}
|
31
|
+
|
32
|
+
.navigation {
|
33
|
+
display: block;
|
34
|
+
font-size: 90%;
|
35
|
+
font-variant: small-caps;
|
36
|
+
font-weight: 500;
|
37
|
+
color: $body-color;
|
38
|
+
|
39
|
+
@media (prefers-color-scheme: dark) {
|
40
|
+
color: $body-color-dark;
|
41
|
+
}
|
42
|
+
|
43
|
+
ul#navigation-list {
|
44
|
+
list-style: none;
|
45
|
+
margin: 0;
|
46
|
+
padding: 0;
|
47
|
+
}
|
48
|
+
ul#navigation-list li {
|
49
|
+
display: inline;
|
50
|
+
list-style: none;
|
51
|
+
padding-left: 0;
|
52
|
+
padding-right: 15px;
|
53
|
+
margin: 0;
|
54
|
+
}
|
55
|
+
}
|
data/_sass/_posts.scss
CHANGED
@@ -64,7 +64,7 @@ figure {
|
|
64
64
|
|
65
65
|
.page,
|
66
66
|
.post {
|
67
|
-
margin-bottom:
|
67
|
+
margin-bottom: 1em;
|
68
68
|
|
69
69
|
li + li {
|
70
70
|
margin-top: .25rem;
|
@@ -92,7 +92,6 @@ figure {
|
|
92
92
|
display: block;
|
93
93
|
margin-top: -.5rem;
|
94
94
|
margin-bottom: 1rem;
|
95
|
-
opacity: .8;
|
96
95
|
color: $body-color;
|
97
96
|
|
98
97
|
@media (prefers-color-scheme: dark) {
|
@@ -112,6 +111,31 @@ figure {
|
|
112
111
|
}
|
113
112
|
}
|
114
113
|
|
114
|
+
.external-link {
|
115
|
+
display: block;
|
116
|
+
font-size: 90%;
|
117
|
+
margin-top: -.9rem;
|
118
|
+
margin-bottom: 1.5rem;
|
119
|
+
opacity: .5;
|
120
|
+
color: $body-color;
|
121
|
+
|
122
|
+
@media (prefers-color-scheme: dark) {
|
123
|
+
color: $body-color-dark;
|
124
|
+
}
|
125
|
+
}
|
126
|
+
|
127
|
+
.tag-list {
|
128
|
+
padding-top: 0px;
|
129
|
+
padding-bottom: 4px;
|
130
|
+
padding-right: 8px;
|
131
|
+
border-radius: 5px;
|
132
|
+
color: $body-color;
|
133
|
+
|
134
|
+
@media (prefers-color-scheme: dark) {
|
135
|
+
color: $code-dark;
|
136
|
+
}
|
137
|
+
}
|
138
|
+
|
115
139
|
// Related posts
|
116
140
|
.related {
|
117
141
|
padding-top: 2rem;
|
data/_sass/_syntax.scss
CHANGED
@@ -24,12 +24,12 @@ $code-brown: #987654;
|
|
24
24
|
$code-red: #d65946;
|
25
25
|
$code-dark-red: #9d2512;
|
26
26
|
|
27
|
-
$code-bg:
|
27
|
+
$code-bg: rgba(36,37,43,1);
|
28
28
|
$code-fg: #bdbdb3;
|
29
29
|
|
30
30
|
// Syntax highlighting styles
|
31
31
|
|
32
|
-
.highlight .hll { background-color: $code-
|
32
|
+
.highlight .hll { background-color: $code-bg; } /* Line highlight */
|
33
33
|
.highlight .lineno { color: $code-blue-gray; } /* Line numbers */
|
34
34
|
// .highlight { background-color: $code-bg; color: $code-fg; }
|
35
35
|
.highlight .c { color: $code-gray } /* Comment */
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: noir-for-jekyll
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.3.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Victor Johnson
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2020-01-
|
11
|
+
date: 2020-01-26 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -66,6 +66,7 @@ files:
|
|
66
66
|
- _layouts/page.html
|
67
67
|
- _layouts/post.html
|
68
68
|
- _sass/_base.scss
|
69
|
+
- _sass/_buttons.scss
|
69
70
|
- _sass/_code.scss
|
70
71
|
- _sass/_layout.scss
|
71
72
|
- _sass/_masthead.scss
|