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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 41fab3f00ca2f24edddc4d3896d5e0e92f6e217d1f238132200a3c623d47e895
4
- data.tar.gz: 541c21c3ed7eac8cf28ce68900fade417a0f4ab33647df64f93081416169a302
3
+ metadata.gz: 9a6462c25709bb294f53a23097181cecfb6665c6c69ebeb58790fa0efe413d5e
4
+ data.tar.gz: ca761320b6c44ecc9f942257016f9a030c731155b0ef879f8547007e3e09618c
5
5
  SHA512:
6
- metadata.gz: 1fc5e9d40074c6bf32f5ac756a465640b9e445370541f080a935a1399dee0b4ac6e276ae3b0ddf0b0f3a9b357e1d92361f72df62832a38c991714ad1860747db
7
- data.tar.gz: 58660b5b4aa1ce8056e550d2ce8751bc1d0585d02589b042ef7d01504f56bf76bf164b0c320b2da427de20547aee92838c4e2b51b26b6bc4eb2904ae29ff5fa9
6
+ metadata.gz: 6f20310d0e3ecc05d3f4c88b4e6c85ccd75a60a3bf688b90f66391956306015dc4c0ecb9e9f59e745c290d4abb4d8b4939bdeb429a49e13666294a294ff5c5cf
7
+ data.tar.gz: dd24db8ce66e5dd2b853fc1210525469c962d0244b7c0643c9875866a2a6966794aef6562bec4bc988ff13814af7132ca80da993886698f939960d2a9187371c
@@ -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
- <time datetime="{{ page.date | date_to_xmlschema }}" class="post-date">{{ page.date | date_to_string }}</time>
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 %}&nbsp;{% 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 %}&nbsp;{% endunless %}
38
+ {% endfor %}
39
+ </div>
40
+
15
41
  </article>
16
42
 
17
43
  <div class="PageNavigation">
@@ -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: 13px;
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: 8px 12px;
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: 13px;
109
- top: -11px;
110
- padding: 0px 4px;
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: 5px;
116
- border-top-right-radius: 5px;
117
- border-bottom-left-radius: 5px;
118
- border-bottom-right-radius: 5px;
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: 0;
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: 2em;
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: #1a1a1a;
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-blue-bg; } /* Line highlight */
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.2.0
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-21 00:00:00.000000000 Z
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