quattle 1.4.0 → 1.5.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +2 -2
- data/_includes/cookie-consent.html +45 -0
- data/_layouts/default.html +13 -5
- data/_layouts/post.html +1 -1
- data/_sass/_base.scss +6 -6
- data/_sass/_code.scss +10 -10
- data/_sass/_type.scss +23 -18
- data/_sass/_variables.scss +15 -7
- metadata +6 -5
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c136a173fd58246d70b15299af9884a7cc0bafb310bf8df226fb8d1b9331ce80
|
4
|
+
data.tar.gz: 29981c8b3f3f94bf185df40ee53a8539bc313a8400b7bd702d9baf5fb7c22d1b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f74c2fbd09a390c354fa8477847298bc51df6fefe687dead6ff247a86e9d9765b2b0728a0fc9db378a9913098061d74fa99cf1f68cd7e9a49a28a70802f04f0f
|
7
|
+
data.tar.gz: 8d12947bbd551051432c0dfff0537a10c31a8e8219ad56fe2bdfcf2cbda56715251e8dfc276c95f581e2cad6c115f9e567cd325db1ffcccf609423896c951939
|
data/README.md
CHANGED
@@ -17,9 +17,9 @@ CSS media feature `prefers-color-scheme` to detect if the visitor has requested
|
|
17
17
|
|
18
18
|
HTML/CSS compression (minification)
|
19
19
|
|
20
|
-
Valid
|
20
|
+
Valid RSS 2.0 syndicated feed
|
21
21
|
|
22
|
-
GDPR valid and compliant cookie consent banner
|
22
|
+
GDPR valid and compliant cookie consent banner
|
23
23
|
|
24
24
|
404, site map, navigation, archive, category, tag, about, style and privacy pages
|
25
25
|
|
@@ -0,0 +1,45 @@
|
|
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/_layouts/default.html
CHANGED
@@ -10,6 +10,14 @@ layout: compress
|
|
10
10
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
11
11
|
<meta property="og:image" content="https://quattle.victorwynne.com/assets/iMessage.png" />
|
12
12
|
|
13
|
+
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f6f4">
|
14
|
+
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1e1e1e">
|
15
|
+
|
16
|
+
<meta name="apple-mobile-web-app-title" content=“Quattle”>
|
17
|
+
<meta name="apple-mobile-web-app-capable" content="yes">
|
18
|
+
|
19
|
+
<link rel="manifest" href="manifest.json">
|
20
|
+
|
13
21
|
<title>
|
14
22
|
{% if page.title == "Home" %}
|
15
23
|
{{ site.title }}{% if site.tagline %} · {{ site.tagline }}{% endif %}
|
@@ -24,19 +32,19 @@ layout: compress
|
|
24
32
|
<link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ site.baseurl }}/feed.xml">
|
25
33
|
|
26
34
|
{% seo title=false %}
|
27
|
-
|
35
|
+
|
28
36
|
</head>
|
29
37
|
|
30
38
|
<body>
|
31
39
|
|
32
40
|
<div class="container content">
|
33
41
|
<header class="masthead">
|
34
|
-
|
42
|
+
|
35
43
|
<h2 class="masthead-title">
|
36
44
|
<a href="{{ site.baseurl }}/" title="Home">{{ site.title }}</a><br>
|
37
45
|
<small>{{ site.tagline }}</small>
|
38
46
|
</h2>
|
39
|
-
|
47
|
+
|
40
48
|
<!-- Change navigation links here -->
|
41
49
|
<div class="navigation">
|
42
50
|
<ul id="navigation-list">
|
@@ -45,7 +53,7 @@ layout: compress
|
|
45
53
|
<li><a href="/about/">about</a></li>
|
46
54
|
</ul>
|
47
55
|
</div>
|
48
|
-
|
56
|
+
|
49
57
|
</header>
|
50
58
|
|
51
59
|
<main>
|
@@ -56,7 +64,7 @@ layout: compress
|
|
56
64
|
<p>Made with ❤️ on a Mac 💻</p>
|
57
65
|
</footer>
|
58
66
|
</div>
|
59
|
-
|
67
|
+
|
60
68
|
{% if site.ga_analytics %}
|
61
69
|
<script>
|
62
70
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
data/_layouts/post.html
CHANGED
@@ -17,7 +17,7 @@ layout: default
|
|
17
17
|
{% else %}
|
18
18
|
{% assign categories = page.categories %}
|
19
19
|
{% endif %}
|
20
|
-
{% if categories.size > 0 %}
|
20
|
+
{% if categories.size > 0 %}•{% endif %}
|
21
21
|
{% for category in categories %}
|
22
22
|
<a href="{{site.baseurl}}/categories/#{{category|slugize}}">{{category}}</a>{% unless forloop.last %},{% endunless %}
|
23
23
|
{% endfor %}
|
data/_sass/_base.scss
CHANGED
@@ -25,20 +25,20 @@ body {
|
|
25
25
|
background-color: $bg;
|
26
26
|
-webkit-text-size-adjust: 100%;
|
27
27
|
-ms-text-size-adjust: 100%;
|
28
|
-
|
29
|
-
|
28
|
+
|
29
|
+
|
30
30
|
@media (prefers-color-scheme: light) {
|
31
31
|
color: $light-scheme-text;
|
32
32
|
background-color: $light-scheme-bg;
|
33
33
|
}
|
34
|
-
|
34
|
+
|
35
35
|
}
|
36
36
|
|
37
37
|
// No `:visited` state is required by default (browsers will use `a`)
|
38
38
|
a {
|
39
39
|
color: $color;
|
40
40
|
text-decoration: none;
|
41
|
-
|
41
|
+
|
42
42
|
@media (prefers-color-scheme: light) {
|
43
43
|
color: $light-scheme-color;
|
44
44
|
}
|
@@ -67,7 +67,7 @@ table {
|
|
67
67
|
font-size: 85%;
|
68
68
|
border: 1px solid #555555;
|
69
69
|
border-collapse: collapse;
|
70
|
-
|
70
|
+
|
71
71
|
@media (prefers-color-scheme: light) {
|
72
72
|
border: 1px solid #D2D2D2;
|
73
73
|
}
|
@@ -86,7 +86,7 @@ th {
|
|
86
86
|
tbody tr:nth-child(odd) td,
|
87
87
|
tbody tr:nth-child(odd) th {
|
88
88
|
background-color: #2d2d2d;
|
89
|
-
|
89
|
+
|
90
90
|
@media (prefers-color-scheme: light) {
|
91
91
|
background-color: #d2d2d2;
|
92
92
|
}
|
data/_sass/_code.scss
CHANGED
@@ -2,15 +2,15 @@
|
|
2
2
|
|
3
3
|
/* Applies to inline `code blocks` */
|
4
4
|
.highlighter-rouge {
|
5
|
-
font-family: $
|
6
|
-
font-size:
|
7
|
-
padding:
|
5
|
+
font-family: $code-font-family;
|
6
|
+
font-size: 92%;
|
7
|
+
padding: 3px 3px;
|
8
8
|
background-color: $code-inline-bg;
|
9
9
|
color: $code-inline;
|
10
10
|
white-space: nowrap;
|
11
11
|
border: 1.5px solid $code-inline;
|
12
12
|
border-radius: .25em;
|
13
|
-
|
13
|
+
|
14
14
|
@media (prefers-color-scheme: light) {
|
15
15
|
color: $code-inline-light;
|
16
16
|
background-color: $code-inline-bg-light;
|
@@ -44,7 +44,7 @@ pre, code {
|
|
44
44
|
color: $code-block-bg;
|
45
45
|
background: #bdbdb3;
|
46
46
|
}
|
47
|
-
|
47
|
+
|
48
48
|
@media (prefers-color-scheme: light) {
|
49
49
|
background-color: $code-block-bg-light;
|
50
50
|
}
|
@@ -96,12 +96,12 @@ figure.highlight, div.highlight {
|
|
96
96
|
border: 1.5px solid $code-block-accent;
|
97
97
|
border-radius: 20px;
|
98
98
|
box-shadow: 0 4px 30px rgba(0,0,0,.4);
|
99
|
-
|
99
|
+
|
100
100
|
@media (prefers-color-scheme: light) {
|
101
101
|
background-color: $code-block-bg-light;
|
102
102
|
border: 1.5px solid $code-block-accent-light;
|
103
103
|
}
|
104
|
-
|
104
|
+
|
105
105
|
code {
|
106
106
|
background-color: $code-block-bg;
|
107
107
|
color: #babaad;
|
@@ -109,7 +109,7 @@ figure.highlight, div.highlight {
|
|
109
109
|
counter-reset: code;
|
110
110
|
display: block;
|
111
111
|
line-height: 1.6;
|
112
|
-
|
112
|
+
|
113
113
|
@media (prefers-color-scheme: light) {
|
114
114
|
background-color: $code-block-bg-light;
|
115
115
|
}
|
@@ -137,13 +137,13 @@ figure.highlight, div.highlight {
|
|
137
137
|
|
138
138
|
color: $code-block-accent;
|
139
139
|
background-color: $code-block-bg;
|
140
|
-
|
140
|
+
|
141
141
|
@media (prefers-color-scheme: light) {
|
142
142
|
border: 1px solid $code-block-accent-light;
|
143
143
|
color: $code-block-accent-light;
|
144
144
|
background-color: $code-block-bg-light;
|
145
145
|
}
|
146
|
-
|
146
|
+
|
147
147
|
@mixin media-query($device) {
|
148
148
|
@media screen and (max-width: $device) {
|
149
149
|
@content;
|
data/_sass/_type.scss
CHANGED
@@ -5,23 +5,23 @@ h1, h2, h3, h4, h6 {
|
|
5
5
|
font-weight: 600;
|
6
6
|
line-height: 1.25;
|
7
7
|
text-rendering: optimizeLegibility;
|
8
|
-
color: $
|
8
|
+
color: $header;
|
9
9
|
position: relative;
|
10
|
-
|
10
|
+
|
11
11
|
@media (prefers-color-scheme: light) {
|
12
|
-
color: $light-scheme-
|
12
|
+
color: $light-scheme-header;
|
13
13
|
}
|
14
14
|
}
|
15
15
|
|
16
16
|
h3::before {
|
17
17
|
content: "#";
|
18
|
-
color: $
|
18
|
+
color: $header-before;
|
19
19
|
left: -1em;
|
20
20
|
top: 0;
|
21
21
|
position: absolute;
|
22
|
-
|
22
|
+
|
23
23
|
@media (prefers-color-scheme: light) {
|
24
|
-
color: $light-scheme-
|
24
|
+
color: $light-scheme-header-before;
|
25
25
|
}
|
26
26
|
}
|
27
27
|
|
@@ -68,7 +68,7 @@ hr {
|
|
68
68
|
border-top: 1px solid $text;
|
69
69
|
border-bottom: 1px solid $text;
|
70
70
|
opacity: .2;
|
71
|
-
|
71
|
+
|
72
72
|
@media (prefers-color-scheme: light) {
|
73
73
|
border-top: 1px solid $light-scheme-text;
|
74
74
|
border-bottom: 1px solid $light-scheme-text;
|
@@ -82,7 +82,7 @@ abbr {
|
|
82
82
|
opacity: .5;
|
83
83
|
color: $text;
|
84
84
|
text-transform: uppercase;
|
85
|
-
|
85
|
+
|
86
86
|
@media (prefers-color-scheme: light) {
|
87
87
|
color: $light-scheme-text;
|
88
88
|
}
|
@@ -94,23 +94,23 @@ abbr {
|
|
94
94
|
}
|
95
95
|
|
96
96
|
span.link-arrow {
|
97
|
-
color: $
|
98
|
-
|
97
|
+
color: $header;
|
98
|
+
|
99
99
|
@media (prefers-color-scheme: light) {
|
100
|
-
color: $light-scheme-
|
100
|
+
color: $light-scheme-header;
|
101
101
|
}
|
102
102
|
}
|
103
103
|
|
104
104
|
blockquote {
|
105
105
|
width: 100%;
|
106
|
-
padding: .25em
|
106
|
+
padding: .25em 50px .25em 25px;
|
107
107
|
margin: 40px auto;
|
108
108
|
font-style: italic;
|
109
|
-
font-size:
|
109
|
+
font-size: 92%;
|
110
110
|
opacity: .9;
|
111
111
|
position: relative;
|
112
112
|
border-left: 4px solid $accent;
|
113
|
-
|
113
|
+
|
114
114
|
@media (prefers-color-scheme: light) {
|
115
115
|
border-left: 4px solid $light-scheme-accent;
|
116
116
|
opacity: .8;
|
@@ -134,7 +134,7 @@ mark {
|
|
134
134
|
background: $accent;
|
135
135
|
color: $text;
|
136
136
|
padding: 2px 2px;
|
137
|
-
|
137
|
+
|
138
138
|
@media (prefers-color-scheme: light) {
|
139
139
|
background: #e8e8e8;
|
140
140
|
color: $light-scheme-text;
|
@@ -154,7 +154,7 @@ a[href^="#fn:"] {
|
|
154
154
|
border: 1.5px solid $accent;
|
155
155
|
border-radius: 1em;
|
156
156
|
vertical-align: middle;
|
157
|
-
|
157
|
+
|
158
158
|
@media (prefers-color-scheme: light) {
|
159
159
|
color: $light-scheme-color;
|
160
160
|
background-color: #F8F8F8;
|
@@ -179,7 +179,7 @@ a[href^="#fnref:"] {
|
|
179
179
|
padding: 6px;
|
180
180
|
border: solid 1px $accent;
|
181
181
|
background-color: rgba(33, 34, 40, 1);
|
182
|
-
|
182
|
+
|
183
183
|
@media (prefers-color-scheme: light) {
|
184
184
|
border: solid 1.5px #d2d2d2;
|
185
185
|
background-color: #F8F8F8;
|
@@ -190,7 +190,7 @@ a[href^="#fnref:"] {
|
|
190
190
|
.reversefootnote {
|
191
191
|
text-decoration: none;
|
192
192
|
color: $color;
|
193
|
-
|
193
|
+
|
194
194
|
@media (prefers-color-scheme: light) {
|
195
195
|
color: $light-scheme-color;
|
196
196
|
}
|
@@ -203,4 +203,9 @@ a[href^="#fnref:"] {
|
|
203
203
|
.lead {
|
204
204
|
font-size: 1.25rem;
|
205
205
|
font-weight: 300;
|
206
|
+
color: $text;
|
207
|
+
|
208
|
+
@media (prefers-color-scheme: light) {
|
209
|
+
color: $light-scheme-text;
|
210
|
+
}
|
206
211
|
}
|
data/_sass/_variables.scss
CHANGED
@@ -2,23 +2,31 @@
|
|
2
2
|
|
3
3
|
$color: #0083a0;
|
4
4
|
$accent: #6968A7;
|
5
|
+
|
5
6
|
$light-scheme-color: #009ddc;
|
6
7
|
$light-scheme-accent: #909090;
|
7
8
|
|
8
|
-
$bg:
|
9
|
-
$text:
|
10
|
-
$
|
11
|
-
$
|
9
|
+
$bg: #1e1e1e;
|
10
|
+
$text: #f7f6f5;
|
11
|
+
$header: #8f8f8e;
|
12
|
+
$header-before: #8f8f8e;
|
13
|
+
|
14
|
+
$light-scheme-bg: #f7f6f4;
|
15
|
+
$light-scheme-text: #474747;
|
16
|
+
$light-scheme-header: #ACACAC;
|
17
|
+
$light-scheme-header-before: #ACACAC;
|
12
18
|
|
13
19
|
$code-inline: #5bc8f9;
|
14
20
|
$code-inline-bg: #212c2d;
|
15
21
|
$code-block-accent: #5bc8f9;
|
16
22
|
$code-block-bg: rgba(33, 34, 40, 1);
|
23
|
+
$code-border: #c24a45;
|
17
24
|
|
18
25
|
$code-inline-light: #343434;
|
19
26
|
$code-inline-bg-light: #F8F8F8;
|
20
27
|
$code-block-accent-light: #00c2bb;
|
21
28
|
$code-block-bg-light: rgba(49, 50, 59, 1);
|
29
|
+
$code-border-light: #ACACAC;
|
22
30
|
|
23
31
|
$notice: #6968A7;
|
24
32
|
$notice-bg: rgba(33, 34, 40, 1);
|
@@ -35,10 +43,10 @@ $message-red: #e03940;
|
|
35
43
|
$message-purple: #953c96;
|
36
44
|
$message-blue: #009ddc;
|
37
45
|
|
38
|
-
$root-font-family: -apple-system, BlinkMacSystemFont, '
|
46
|
+
$root-font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
39
47
|
$code-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
40
|
-
$root-font-size:
|
41
|
-
$root-line-height: 1.
|
48
|
+
$root-font-size: 17px;
|
49
|
+
$root-line-height: 1.75;
|
42
50
|
|
43
51
|
$large-breakpoint: 38em;
|
44
52
|
$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.
|
4
|
+
version: 1.5.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: 2022-
|
11
|
+
date: 2022-02-22 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -30,14 +30,14 @@ dependencies:
|
|
30
30
|
requirements:
|
31
31
|
- - "~>"
|
32
32
|
- !ruby/object:Gem::Version
|
33
|
-
version: '2.
|
33
|
+
version: '2.3'
|
34
34
|
type: :development
|
35
35
|
prerelease: false
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
37
37
|
requirements:
|
38
38
|
- - "~>"
|
39
39
|
- !ruby/object:Gem::Version
|
40
|
-
version: '2.
|
40
|
+
version: '2.3'
|
41
41
|
- !ruby/object:Gem::Dependency
|
42
42
|
name: rake
|
43
43
|
requirement: !ruby/object:Gem::Requirement
|
@@ -61,6 +61,7 @@ extra_rdoc_files: []
|
|
61
61
|
files:
|
62
62
|
- LICENSE
|
63
63
|
- README.md
|
64
|
+
- _includes/cookie-consent.html
|
64
65
|
- _layouts/compress.html
|
65
66
|
- _layouts/default.html
|
66
67
|
- _layouts/page.html
|
@@ -95,7 +96,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
95
96
|
- !ruby/object:Gem::Version
|
96
97
|
version: '0'
|
97
98
|
requirements: []
|
98
|
-
rubygems_version: 3.
|
99
|
+
rubygems_version: 3.3.3
|
99
100
|
signing_key:
|
100
101
|
specification_version: 4
|
101
102
|
summary: Quattle is a modern, responsive and customizable theme for Jekyll 4.
|