quattle 1.3.0 → 1.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (17) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +1 -1
  3. data/_layouts/default.html +32 -1
  4. data/_layouts/post.html +1 -1
  5. data/_sass/_base.scss +2 -4
  6. data/_sass/_buttons.scss +15 -12
  7. data/_sass/_code.scss +43 -23
  8. data/_sass/_layout.scss +0 -2
  9. data/_sass/_masthead.scss +2 -4
  10. data/_sass/_message.scss +34 -1
  11. data/_sass/_posts.scss +22 -26
  12. data/_sass/_syntax.scss +34 -41
  13. data/_sass/_type.scss +6 -6
  14. data/_sass/_variables.scss +24 -9
  15. metadata +2 -4
  16. data/_includes/cookie-consent.html +0 -45
  17. data/_includes/head.html +0 -21
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f7519254b8a172a3cd2f3a77096ad06ee5db6d21a2ed0458f740f32af785b8ef
4
- data.tar.gz: 830b7ae2492cf0ff3735f977c2f2b0c606947ddb5eac895a085626141a9a689e
3
+ metadata.gz: 3612201d0d6b805103857f18d2530840b4bb4254b1809ca61e7bdea80313fb5f
4
+ data.tar.gz: 79797b674744fd06bc29044013914428464cd4eb74ea5a37cce1c7bffcdb502a
5
5
  SHA512:
6
- metadata.gz: 410434c94a4ce040b5fbe6113d6f902f946982006c589e1226738d5e24976e1cdbff9f1d9dc9f23b7d4d958682cbc8b321008a2081e64071dcdc72cda8ed2315
7
- data.tar.gz: 440e54f636f092b2122c50b1c9c26ccd7d11e5a8f530f5ee334a148a58cdfe580a2c76fb9d6a5e10962bf758bb38bd1ca677d21477aefca7b3293d67ce15d0f1
6
+ metadata.gz: b5d8fdc2457415c9eb3a2ada151c524db740e17e3a8592a3566523e5a2be4c96a3fc8c8a791f1b8a11e4d272d578cb53ae9d2699e58075accb267b27123df858
7
+ data.tar.gz: 103dc2d43e723f0b800a9b7dc67eb6b90e9c779bcb3ba6db8884218d21e5ff908963bf481126890eea8de592f9c1ffd46cd03d1c5ceee7b825ff61645280545b
data/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2021 Victor Wynne
3
+ Copyright (c) 2019-2022 Victor Wynne
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
data/_layouts/default.html CHANGED
@@ -5,7 +5,27 @@ layout: compress
5
5
  <!doctype html>
6
6
  <html lang="en">
7
7
 
8
- {% include head.html %}
8
+ <head>
9
+ <meta charset="UTF-8">
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
11
+ <meta property="og:image" content="https://quattle.victorwynne.com/assets/iMessage.png" />
12
+
13
+ <title>
14
+ {% if page.title == "Home" %}
15
+ {{ site.title }}{% if site.tagline %} &middot; {{ site.tagline }}{% endif %}
16
+ {% else %}
17
+ {{ page.title }} &middot; {{ site.title }}
18
+ {% endif %}
19
+ </title>
20
+
21
+ <link rel="stylesheet" href="{{ site.baseurl }}/styles.css">
22
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.baseurl }}/assets/apple-touch-icon-precomposed.png">
23
+ <link rel="shortcut icon" href="{{ site.baseurl }}/assets/fav.ico">
24
+ <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ site.baseurl }}/feed.xml">
25
+
26
+ {% seo title=false %}
27
+
28
+ </head>
9
29
 
10
30
  <body>
11
31
 
@@ -36,6 +56,17 @@ layout: compress
36
56
  <p>Made with ❤️ on a Mac 💻</p>
37
57
  </footer>
38
58
  </div>
59
+
60
+ {% if site.ga_analytics %}
61
+ <script>
62
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
63
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
64
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
65
+ })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
66
+ ga('create', '{{ site.ga_analytics }}', 'auto');
67
+ ga('send', 'pageview');
68
+ </script>
69
+ {% endif %}
39
70
 
40
71
  {% include cookie-consent.html%}
41
72
 
data/_layouts/post.html CHANGED
@@ -28,7 +28,7 @@ layout: default
28
28
 
29
29
  {{ content | smartify }}
30
30
 
31
- <br>
31
+ <br><br>
32
32
  <div class="tag-list">
33
33
  {% if post %}
34
34
  {% assign tags = post.tags %}
data/_sass/_base.scss CHANGED
@@ -1,5 +1,3 @@
1
- // Body
2
-
3
1
  * {
4
2
  -webkit-box-sizing: border-box;
5
3
  -moz-box-sizing: border-box;
@@ -23,8 +21,8 @@ html {
23
21
  }
24
22
 
25
23
  body {
26
- color: $body-color;
27
- background-color: $body-bg;
24
+ color: $text;
25
+ background-color: $bg;
28
26
  -webkit-text-size-adjust: 100%;
29
27
  -ms-text-size-adjust: 100%;
30
28
 
data/_sass/_buttons.scss CHANGED
@@ -1,14 +1,13 @@
1
- // Buttons
2
-
3
1
  .added {
4
2
  background: #6a28e8;
5
3
  color: #fff;
6
4
  text-align: center;
7
5
  font-variant: small-caps;
8
6
  font-weight: bold;
9
- padding: 1px 8px 3px;
10
- margin: 0 3px 3px 0;
7
+ padding: 2px 9px 4px;
8
+ margin: 0 7px 7px 0;
11
9
  border-radius: 6px;
10
+ border: 1px solid #5bc8f9;
12
11
  }
13
12
 
14
13
  .improved {
@@ -17,9 +16,10 @@
17
16
  text-align: center;
18
17
  font-variant: small-caps;
19
18
  font-weight: bold;
20
- padding: 1px 8px 3px;
21
- margin: 0 3px 3px 0;
19
+ padding: 2px 9px 4px;
20
+ margin: 0 7px 7px 0;
22
21
  border-radius: 6px;
22
+ border: 1px solid #5bc8f9;
23
23
  }
24
24
 
25
25
  .fixed {
@@ -28,9 +28,10 @@
28
28
  text-align: center;
29
29
  font-variant: small-caps;
30
30
  font-weight: bold;
31
- padding: 1px 8px 3px;
32
- margin: 0 3px 3px 0;
31
+ padding: 2px 9px 4px;
32
+ margin: 0 7px 7px 0;
33
33
  border-radius: 6px;
34
+ border: 1px solid #5bc8f9;
34
35
  }
35
36
 
36
37
  .soon {
@@ -39,9 +40,10 @@
39
40
  text-align: center;
40
41
  font-variant: small-caps;
41
42
  font-weight: bold;
42
- padding: 1px 8px 3px;
43
- margin: 0 3px 3px 0;
43
+ padding: 2px 9px 4px;
44
+ margin: 0 7px 7px 0;
44
45
  border-radius: 6px;
46
+ border: 1px solid #5bc8f9;
45
47
  }
46
48
 
47
49
  .removed {
@@ -50,7 +52,8 @@
50
52
  text-align: center;
51
53
  font-variant: small-caps;
52
54
  font-weight: bold;
53
- padding: 1px 8px 3px;
54
- margin: 0 3px 3px 0;
55
+ padding: 2px 9px 4px;
56
+ margin: 0 7px 7px 0;
55
57
  border-radius: 6px;
58
+ border: 1px solid #5bc8f9;
56
59
  }
data/_sass/_code.scss CHANGED
@@ -1,19 +1,19 @@
1
- // Code blocks and syntax highlighting
1
+ // Inline code, code blocks and syntax highlighting
2
2
 
3
3
  /* Applies to inline `code blocks` */
4
4
  .highlighter-rouge {
5
5
  font-family: $root-font-family;
6
6
  font-size: 100%;
7
7
  padding: 4px 4px;
8
- background-color: #212c2d;
9
- color: $code;
8
+ background-color: $code-inline-bg;
9
+ color: $code-inline;
10
10
  white-space: nowrap;
11
- border: 1.5px solid $code;
11
+ border: 1.5px solid $code-inline;
12
12
  border-radius: .25em;
13
13
 
14
14
  @media (prefers-color-scheme: light) {
15
- color: $light-scheme-text;
16
- background-color: #F8F8F8;
15
+ color: $code-inline-light;
16
+ background-color: $code-inline-bg-light;
17
17
  border: 1.5px solid #D2D2D2;
18
18
  }
19
19
  }
@@ -31,19 +31,24 @@ pre, code {
31
31
  background-color: #eef;
32
32
 
33
33
  ::selection {
34
- color: $code-bg;
34
+ color: $code-block-bg;
35
35
  background: #bdbdb3;
36
36
  }
37
37
 
38
38
  ::-moz-selection {
39
- color: $code-bg;
39
+ color: $code-block-bg;
40
40
  background: #bdbdb3;
41
41
  }
42
42
 
43
43
  ::-webkit-selection {
44
- color: $code-bg;
44
+ color: $code-block-bg;
45
45
  background: #bdbdb3;
46
46
  }
47
+
48
+ @media (prefers-color-scheme: light) {
49
+ background-color: $code-block-bg-light;
50
+ }
51
+
47
52
  }
48
53
 
49
54
  /* Inline code, no highlight */
@@ -63,7 +68,7 @@ code.highlight {
63
68
  border-radius: 3px;
64
69
 
65
70
  color: #bdbdb3;
66
- background-color: $code-bg;
71
+ background-color: $code-block-bg;
67
72
  }
68
73
 
69
74
  /* Block code, no highlight */
@@ -87,32 +92,41 @@ figure.highlight, div.highlight {
87
92
  position: relative;
88
93
 
89
94
  pre {
90
- background-color: $code-bg;
91
- border: 1px solid $code;
92
- border-radius: 15px;
95
+ background-color: $code-block-bg;
96
+ border: 1.5px solid $code-block-accent;
97
+ border-radius: 20px;
93
98
  box-shadow: 0 4px 30px rgba(0,0,0,.4);
99
+
100
+ @media (prefers-color-scheme: light) {
101
+ background-color: $code-block-bg-light;
102
+ border: 1.5px solid $code-block-accent-light;
103
+ }
94
104
 
95
105
  code {
96
- background-color: $code-bg;
97
- color: #bdbdb3;
106
+ background-color: $code-block-bg;
107
+ color: #babaad;
98
108
 
99
109
  counter-reset: code;
100
110
  display: block;
101
- line-height: 1.5;
111
+ line-height: 1.6;
112
+
113
+ @media (prefers-color-scheme: light) {
114
+ background-color: $code-block-bg-light;
115
+ }
102
116
 
103
117
  /* Display language name */
104
118
  &[data-lang]::before {
105
119
  content: attr(data-lang);
106
120
  position: absolute;
107
- right: 20px; // 15 + 5
121
+ right: 20px;
108
122
 
109
- font-size: 16px;
110
- top: -12px;
111
- padding: 0px 7px;
123
+ font-size: 15px;
124
+ top: -14px;
125
+ padding: 2px 9px;
112
126
  text-transform: uppercase;
113
127
  font-weight: bold;
114
128
 
115
- border: 1px solid $code;
129
+ border: 1px solid $code-block-accent;
116
130
  border-top-left-radius: 15px;
117
131
  border-top-right-radius: 15px;
118
132
  border-bottom-left-radius: 15px;
@@ -121,8 +135,14 @@ figure.highlight, div.highlight {
121
135
  min-width: 30px;
122
136
  text-align: center;
123
137
 
124
- color: $code;
125
- background-color: $code-bg;
138
+ color: $code-block-accent;
139
+ background-color: $code-block-bg;
140
+
141
+ @media (prefers-color-scheme: light) {
142
+ border: 1px solid $code-block-accent-light;
143
+ color: $code-block-accent-light;
144
+ background-color: $code-block-bg-light;
145
+ }
126
146
 
127
147
  @mixin media-query($device) {
128
148
  @media screen and (max-width: $device) {
data/_sass/_layout.scss CHANGED
@@ -1,5 +1,3 @@
1
- // Site structure
2
-
3
1
  .container {
4
2
  max-width: 38rem;
5
3
  padding-left: 1.5rem;
data/_sass/_masthead.scss CHANGED
@@ -1,6 +1,4 @@
1
- // Masthead
2
- //
3
- // The style of the site's title and optional secondary description.
1
+ // The style of the site's title, secondary description and navigation
4
2
 
5
3
  .masthead {
6
4
  padding-top: 1rem;
@@ -12,7 +10,7 @@
12
10
  .masthead-title {
13
11
  margin-top: 0;
14
12
  margin-bottom: 20px;
15
- color: $body-color;
13
+ color: $text;
16
14
  position: relative;
17
15
  text-align: center;
18
16
  padding-left: 0px;
data/_sass/_message.scss CHANGED
@@ -7,11 +7,44 @@
7
7
  // <p class="message-yellow"><span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
8
8
  // <small><b>Warning!</b> This is a sentence inside of a message box.</small></p>
9
9
 
10
+ .notice {
11
+ margin-bottom: 15px;
12
+ padding: 12px;
13
+ color: $text;
14
+ border: .1rem solid $notice;
15
+ background-color: $notice-bg;
16
+ border: .1rem solid $notice;
17
+ border-radius: .5em;
18
+ text-align: center;
19
+
20
+ @media (prefers-color-scheme: light) {
21
+ color: $light-scheme-text;
22
+ border: .1rem solid $notice-light;
23
+ background-color: $notice-bg-light;
24
+ }
25
+ }
26
+
10
27
  .message {
11
28
  margin-bottom: 15px;
12
29
  padding: 12px;
13
- color: #fff;
30
+ color: $text;
14
31
  background-color: $message-default;
32
+ border: .1rem solid #00c2bb;
33
+ border-radius: .5em;
34
+ text-align: center;
35
+
36
+ @media (prefers-color-scheme: light) {
37
+ color: $light-scheme-text;
38
+ background-color: $message-light;
39
+ border: .1rem solid #d2d2d2;
40
+ }
41
+ }
42
+
43
+ .black {
44
+ margin-bottom: 15px;
45
+ padding: 12px;
46
+ color: #fff;
47
+ background-color: $message-black;
15
48
  border-left: .3rem solid #595959;
16
49
  border-radius: .5em;
17
50
  }
data/_sass/_posts.scss CHANGED
@@ -76,7 +76,7 @@ figure {
76
76
  .page-title,
77
77
  .post-title,
78
78
  .post-title a {
79
- color: $body-color;
79
+ color: $text;
80
80
 
81
81
  @media (prefers-color-scheme: light) {
82
82
  color: $light-scheme-text;
@@ -93,7 +93,7 @@ figure {
93
93
  display: block;
94
94
  margin-top: -.4rem;
95
95
  margin-bottom: 1rem;
96
- color: $body-color;
96
+ color: $text;
97
97
 
98
98
  @media (prefers-color-scheme: light) {
99
99
  color: $light-scheme-text;
@@ -104,7 +104,7 @@ figure {
104
104
  display: block;
105
105
  margin-top: -1rem;
106
106
  margin-bottom: 1.5rem;
107
- color: $body-color;
107
+ color: $text;
108
108
 
109
109
  @media (prefers-color-scheme: light) {
110
110
  color: $light-scheme-color;
@@ -116,7 +116,7 @@ figure {
116
116
  margin-top: -1rem;
117
117
  margin-bottom: 1.5rem;
118
118
  opacity: .7;
119
- color: $body-color;
119
+ color: $text;
120
120
 
121
121
  @media (prefers-color-scheme: light) {
122
122
  color: $light-scheme-accent;
@@ -175,26 +175,22 @@ a:visited {
175
175
  margin-top: 2rem;
176
176
  font-variant: small-caps;
177
177
  }
178
-
179
-
180
- .PageNavigation a {
181
- display: inline;
182
- width: auto;
183
- float: left;
184
- margin: 1em 0;
185
- }
186
-
187
- .PageNavigation .next {
188
- float: right;
189
- width: auto;
190
- text-align: right;
191
- }
192
-
193
- .related-posts {
194
- padding-left: 0;
195
- list-style: none;
196
-
197
- h3 {
198
- margin-top: 0;
178
+
179
+ .PageNavigation a {
180
+ display: inline;
181
+ width: auto;
182
+ float: left;
183
+ margin: 1em 0;
184
+ }
185
+ .PageNavigation .next {
186
+ float: right;
187
+ width: auto;
188
+ text-align: right;
189
+ }
190
+ .related-posts {
191
+ padding-left: 0;
192
+ list-style: none;
193
+ h3 {
194
+ margin-top: 0;
195
+ }
199
196
  }
200
- }
data/_sass/_syntax.scss CHANGED
@@ -1,67 +1,60 @@
1
1
  // Colors
2
2
 
3
- $code-lightest-green: #8fbc8f;
4
- $code-light-green: #9ccc65;
5
3
  $code-green: #6aaf50;
6
4
  $code-dark-green: #1d9a79;
7
- $code-green-bg: #042b11;
8
5
  $code-light-blue: #68a5e9;
9
6
  $code-blue: #5180b3;
10
- $code-blue-bg: #112b47;
11
- $code-orange: #df9522;
12
- $code-tan: #bdbc61;
13
- $code-dark-tan: #7d7c61;
14
- $code-bright-yellow: #fffe0a;
7
+ $code-orange: #e49824;
15
8
  $code-yellow: #baba36;
16
- $code-purple: #ab75c3;
17
- $code-light-gray: #858585;
18
- $code-gray: #757575;
19
- $code-dark-gray: #656565;
20
- $code-darker-gray: #454545;
21
- $code-darkest-gray: #252525;
22
- $code-blue-gray: #608079;
23
- $code-brown: #987654;
24
- $code-red: #d65946;
9
+ $code-purple: #a743d3;
10
+ $code-gray: #bdbdb3;
11
+ $code-red: #cd3f29;
25
12
  $code-dark-red: #9d2512;
26
-
27
- $code-bg: rgba(36,37,43,1);
28
- $code-fg: #bdbdb3;
13
+ $code-sky: #82d6d5;
14
+ $code-white: #c7c7c7;
29
15
 
30
16
  // Syntax highlighting styles
31
17
 
32
- .highlight .hll { background-color: $code-bg; } /* Line highlight */
33
- .highlight .lineno { color: $code-blue-gray; } /* Line numbers */
34
- // .highlight { background-color: $code-bg; color: $code-fg; }
18
+ .highlight .hll {
19
+
20
+ background-color: $code-block-bg;
21
+
22
+ @media (prefers-color-scheme: light) {
23
+ background-color: $code-block-bg-light;
24
+ }
25
+ }
26
+
27
+ .highlight .lineno { color: $code-white; } /* Line numbers */
35
28
  .highlight .c { color: $code-gray } /* Comment */
36
29
  .highlight .err { color: $code-dark-red } /* Error */
37
- .highlight .g { color: $code-fg } /* Generic */
38
- .highlight .k { color: $code-blue } /* Keyword */
30
+ .highlight .g { color: $code-white } /* Generic */
31
+ .highlight .k { color: $code-orange } /* Keyword */
39
32
  .highlight .l { color: $code-purple } /* Literal */
40
- .highlight .n { color: $code-purple } /* Name */
41
- .highlight .o { color: $code-fg } /* Operator */
33
+ .highlight .n { color: $code-red } /* Name */
34
+ .highlight .o { color: $code-sky } /* Operator */
42
35
  .highlight .x { color: $code-purple } /* Other */
43
- .highlight .p { color: $code-fg } /* Punctuation */
36
+ .highlight .p { color: $code-white } /* Punctuation */
44
37
  .highlight .cm { color: $code-gray } /* Comment.Multiline */
45
38
  .highlight .cp { color: $code-yellow } /* Comment.Preproc */
46
39
  .highlight .c1 { color: $code-gray } /* Comment.Single */
47
40
  .highlight .cs { color: $code-yellow } /* Comment.Special */
48
41
  .highlight .gd { color: $code-green } /* Generic.Deleted */
49
- .highlight .ge { color: $code-fg; font-style: italic } /* Generic.Emph */
42
+ .highlight .ge { color: $code-white; font-style: italic } /* Generic.Emph */
50
43
  .highlight .gr { color: $code-red } /* Generic.Error */
51
44
  .highlight .gh { color: $code-purple } /* Generic.Heading */
52
45
  .highlight .gi { color: $code-yellow } /* Generic.Inserted */
53
- .highlight .go { color: $code-fg } /* Generic.Output */
54
- .highlight .gp { color: $code-fg } /* Generic.Prompt */
55
- .highlight .gs { color: $code-fg } /* Generic.Strong */
46
+ .highlight .go { color: $code-white } /* Generic.Output */
47
+ .highlight .gp { color: $code-white } /* Generic.Prompt */
48
+ .highlight .gs { color: $code-white } /* Generic.Strong */
56
49
  .highlight .gu { color: $code-purple } /* Generic.Subheading */
57
- .highlight .gt { color: $code-fg } /* Generic.Traceback */
50
+ .highlight .gt { color: $code-white } /* Generic.Traceback */
58
51
  .highlight .kc { color: $code-purple } /* Keyword.Constant */
59
52
  .highlight .kd { color: $code-blue } /* Keyword.Declaration */
60
53
  .highlight .kn { color: $code-yellow } /* Keyword.Namespace */
61
54
  .highlight .kp { color: $code-yellow } /* Keyword.Pseudo */
62
55
  .highlight .kr { color: $code-blue } /* Keyword.Reserved */
63
56
  .highlight .kt { color: $code-red } /* Keyword.Type */
64
- .highlight .ld { color: $code-fg } /* Literal.Date */
57
+ .highlight .ld { color: $code-white } /* Literal.Date */
65
58
  .highlight .m { color: $code-orange } /* Literal.Number */
66
59
  .highlight .s { color: $code-green } /* Literal.String */
67
60
  .highlight .na { color: $code-yellow } /* Name.Attribute */
@@ -73,28 +66,28 @@ $code-fg: #bdbdb3;
73
66
  .highlight .ne { color: $code-purple } /* Name.Exception */
74
67
  .highlight .nf { color: $code-dark-green } /* Name.Function */
75
68
  .highlight .nl { color: $code-yellow } /* Name.Label */
76
- .highlight .nn { color: $code-fg } /* Name.Namespace */
77
- .highlight .nx { color: $code-fg } /* Name.Other */
69
+ .highlight .nn { color: $code-white } /* Name.Namespace */
70
+ .highlight .nx { color: $code-white } /* Name.Other */
78
71
  .highlight .py { color: $code-yellow } /* Name.Property */
79
72
  .highlight .nt { color: $code-blue } /* Name.Tag */
80
73
  .highlight .nv { color: $code-blue } /* Name.Variable */
81
74
  .highlight .ow { color: $code-yellow } /* Operator.Word */
82
- .highlight .w { color: $code-fg } /* Text.Whitespace */
75
+ .highlight .w { color: $code-white } /* Text.Whitespace */
83
76
  .highlight .mf { color: $code-orange } /* Literal.Number.Float */
84
77
  .highlight .mh { color: $code-orange } /* Literal.Number.Hex */
85
78
  .highlight .mi { color: $code-orange } /* Literal.Number.Integer */
86
79
  .highlight .mo { color: $code-orange } /* Literal.Number.Oct */
87
80
  .highlight .sb { color: $code-purple } /* Literal.String.Backtick */
88
81
  .highlight .sc { color: $code-green } /* Literal.String.Char */
89
- .highlight .sd { color: $code-fg } /* Literal.String.Doc */
82
+ .highlight .sd { color: $code-white } /* Literal.String.Doc */
90
83
  .highlight .s2 { color: $code-green } /* Literal.String.Double */
91
84
  .highlight .se { color: $code-purple } /* Literal.String.Escape */
92
- .highlight .sh { color: $code-fg } /* Literal.String.Heredoc */
93
- .highlight .si { color: $code-green } /* Literal.String.Interpol */
85
+ .highlight .sh { color: $code-white } /* Literal.String.Heredoc */
86
+ .highlight .si { color: $code-orange } /* Literal.String.Interpol */
94
87
  .highlight .sx { color: $code-green } /* Literal.String.Other */
95
88
  .highlight .sr { color: $code-red } /* Literal.String.Regex */
96
89
  .highlight .s1 { color: $code-green } /* Literal.String.Single */
97
- .highlight .ss { color: $code-green } /* Literal.String.Symbol */
90
+ .highlight .ss { color: $code-light-blue } /* Literal.String.Symbol */
98
91
  .highlight .bp { color: $code-blue } /* Name.Builtin.Pseudo */
99
92
  .highlight .vc { color: $code-blue } /* Name.Variable.Class */
100
93
  .highlight .vg { color: $code-blue } /* Name.Variable.Global */
data/_sass/_type.scss CHANGED
@@ -65,8 +65,8 @@ hr {
65
65
  position: relative;
66
66
  margin: 1.5rem 0;
67
67
  border: 0;
68
- border-top: 1px solid $body-color;
69
- border-bottom: 1px solid $body-color;
68
+ border-top: 1px solid $text;
69
+ border-bottom: 1px solid $text;
70
70
  opacity: .2;
71
71
 
72
72
  @media (prefers-color-scheme: light) {
@@ -80,7 +80,7 @@ abbr {
80
80
  font-size: 85%;
81
81
  font-weight: bold;
82
82
  opacity: .5;
83
- color: $body-color;
83
+ color: $text;
84
84
  text-transform: uppercase;
85
85
 
86
86
  @media (prefers-color-scheme: light) {
@@ -132,7 +132,7 @@ figure {
132
132
 
133
133
  mark {
134
134
  background: $accent;
135
- color: $body-color;
135
+ color: $text;
136
136
  padding: 2px 2px;
137
137
 
138
138
  @media (prefers-color-scheme: light) {
@@ -150,6 +150,7 @@ a[href^="#fn:"] {
150
150
  margin: 0 0.1em 0 0.2em;
151
151
  text-align: center;
152
152
  color: $color;
153
+ background-color: rgba(33, 34, 40, 1);
153
154
  border: 1.5px solid $accent;
154
155
  border-radius: 1em;
155
156
  vertical-align: middle;
@@ -177,6 +178,7 @@ a[href^="#fnref:"] {
177
178
  :target {
178
179
  padding: 6px;
179
180
  border: solid 1px $accent;
181
+ background-color: rgba(33, 34, 40, 1);
180
182
 
181
183
  @media (prefers-color-scheme: light) {
182
184
  border: solid 1.5px #d2d2d2;
@@ -202,5 +204,3 @@ a[href^="#fnref:"] {
202
204
  font-size: 1.25rem;
203
205
  font-weight: 300;
204
206
  }
205
-
206
-
data/_sass/_variables.scss CHANGED
@@ -1,12 +1,33 @@
1
- // Color scheme for light and dark mode
1
+ // Color schemes for light and dark mode
2
+
2
3
  $color: #0083a0;
3
4
  $accent: #6968A7;
4
5
  $light-scheme-color: #009ddc;
5
6
  $light-scheme-accent: #909090;
6
7
 
7
- $code: #5bc8f9;
8
+ $bg: rgba(0,0,0,.9);
9
+ $text: rgba(255, 255, 255, 0.8);
10
+ $light-scheme-bg: rgba(255, 255, 255, 0.8);
11
+ $light-scheme-text: rgba(52, 52, 52, 0.9);
12
+
13
+ $code-inline: #5bc8f9;
14
+ $code-inline-bg: #212c2d;
15
+ $code-block-accent: #5bc8f9;
16
+ $code-block-bg: rgba(33, 34, 40, 1);
17
+
18
+ $code-inline-light: #343434;
19
+ $code-inline-bg-light: #F8F8F8;
20
+ $code-block-accent-light: #00c2bb;
21
+ $code-block-bg-light: rgba(49, 50, 59, 1);
8
22
 
9
- $message-default: #282828;
23
+ $notice: #6968A7;
24
+ $notice-bg: rgba(33, 34, 40, 1);
25
+ $notice-light: #d2d2d2;
26
+ $notice-bg-light: #F8F8F8;
27
+
28
+ $message-default: #002d2b;
29
+ $message-light: #F8F8F8;
30
+ $message-black: #282828;
10
31
  $message-green: #62bb47;
11
32
  $message-yellow: #fcb827;
12
33
  $message-orange: #f6821f;
@@ -19,11 +40,5 @@ $code-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "
19
40
  $root-font-size: 16px;
20
41
  $root-line-height: 1.5;
21
42
 
22
- $body-color: rgba(255, 255, 255, 0.8);
23
- $body-bg: rgba(0,0,0,.9);
24
- $light-scheme-text: rgba(52, 52, 52, 0.9);
25
- $light-scheme-bg: rgba(255, 255, 255, 0.8);
26
-
27
-
28
43
  $large-breakpoint: 38em;
29
44
  $large-font-size: 1.25em;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: quattle
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.0
4
+ version: 1.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Victor Wynne
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-12-27 00:00:00.000000000 Z
11
+ date: 2022-01-02 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -61,8 +61,6 @@ extra_rdoc_files: []
61
61
  files:
62
62
  - LICENSE
63
63
  - README.md
64
- - _includes/cookie-consent.html
65
- - _includes/head.html
66
64
  - _layouts/compress.html
67
65
  - _layouts/default.html
68
66
  - _layouts/page.html
data/_includes/cookie-consent.html DELETED
@@ -1,45 +0,0 @@
1
- <style>
2
- #cookie-notice {padding: 0.5rem 1rem; display: none; text-align: center; position: fixed; bottom: 0; width: calc(100%); background: color(srgb 0.165 0.165 0.165); color: rgba(255,255,255,0.8);}
3
- #cookie-notice a {display: inline-block; cursor: pointer; margin-left: 0.5rem;}
4
- @media (max-width: 767px) {
5
- #cookie-notice span {display: block; padding-top: 3px; margin-bottom: 1rem;}
6
- #cookie-notice a {position: relative; bottom: 4px;}
7
- }
8
- </style>
9
- <div id="cookie-notice"><span>We would like to use third party cookies and scripts to improve the functionality of this website.</span><a id="cookie-notice-accept" class="btn btn-primary btn-sm">Approve</a><a href="/privacy" class="btn btn-primary btn-sm">More info</a></div>
10
- <script>
11
- function createCookie(name,value,days) {
12
- var expires = "";
13
- if (days) {
14
- var date = new Date();
15
- date.setTime(date.getTime() + (days*24*60*60*1000));
16
- expires = "; expires=" + date.toUTCString();
17
- }
18
- document.cookie = name + "=" + value + expires + "; path=/";
19
- }
20
- function readCookie(name) {
21
- var nameEQ = name + "=";
22
- var ca = document.cookie.split(';');
23
- for(var i=0;i < ca.length;i++) {
24
- var c = ca[i];
25
- while (c.charAt(0)==' ') c = c.substring(1,c.length);
26
- if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
27
- }
28
- return null;
29
- }
30
- function eraseCookie(name) {
31
- createCookie(name,"",-1);
32
- }
33
-
34
- if(readCookie('cookie-notice-dismissed')=='true') {
35
-
36
- } else {
37
- document.getElementById('cookie-notice').style.display = 'block';
38
- }
39
- document.getElementById('cookie-notice-accept').addEventListener("click",function() {
40
- createCookie('cookie-notice-dismissed','true',31);
41
- document.getElementById('cookie-notice').style.display = 'none';
42
- location.reload();
43
- });
44
-
45
- </script>
data/_includes/head.html DELETED
@@ -1,21 +0,0 @@
1
- <head>
2
- <meta charset="UTF-8">
3
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
4
- <meta property="og:image" content="https://quattle.victorwynne.com/assets/iMessage.png" />
5
-
6
- <title>
7
- {% if page.title == "Home" %}
8
- {{ site.title }}{% if site.tagline %} &middot; {{ site.tagline }}{% endif %}
9
- {% else %}
10
- {{ page.title }} &middot; {{ site.title }}
11
- {% endif %}
12
- </title>
13
-
14
- <link rel="stylesheet" href="{{ site.baseurl }}/styles.css">
15
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.baseurl }}/assets/apple-touch-icon-precomposed.png">
16
- <link rel="shortcut icon" href="{{ site.baseurl }}/assets/fav.ico">
17
- <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ site.baseurl }}/feed.xml">
18
-
19
- {% seo title=false %}
20
-
21
- </head>