noir-for-jekyll 1.2.0 → 1.3.0

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
  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