quattle 1.4.0 → 1.5.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: 3612201d0d6b805103857f18d2530840b4bb4254b1809ca61e7bdea80313fb5f
4
- data.tar.gz: 79797b674744fd06bc29044013914428464cd4eb74ea5a37cce1c7bffcdb502a
3
+ metadata.gz: c136a173fd58246d70b15299af9884a7cc0bafb310bf8df226fb8d1b9331ce80
4
+ data.tar.gz: 29981c8b3f3f94bf185df40ee53a8539bc313a8400b7bd702d9baf5fb7c22d1b
5
5
  SHA512:
6
- metadata.gz: b5d8fdc2457415c9eb3a2ada151c524db740e17e3a8592a3566523e5a2be4c96a3fc8c8a791f1b8a11e4d272d578cb53ae9d2699e58075accb267b27123df858
7
- data.tar.gz: 103dc2d43e723f0b800a9b7dc67eb6b90e9c779bcb3ba6db8884218d21e5ff908963bf481126890eea8de592f9c1ffd46cd03d1c5ceee7b825ff61645280545b
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 Atom syndicated feed
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>
@@ -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 %} &middot; {{ 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 %}in{% endif %}
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: $root-font-family;
6
- font-size: 100%;
7
- padding: 4px 4px;
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: $accent;
8
+ color: $header;
9
9
  position: relative;
10
-
10
+
11
11
  @media (prefers-color-scheme: light) {
12
- color: $light-scheme-accent;
12
+ color: $light-scheme-header;
13
13
  }
14
14
  }
15
15
 
16
16
  h3::before {
17
17
  content: "#";
18
- color: $accent;
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-accent;
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: $accent;
98
-
97
+ color: $header;
98
+
99
99
  @media (prefers-color-scheme: light) {
100
- color: $light-scheme-accent;
100
+ color: $light-scheme-header;
101
101
  }
102
102
  }
103
103
 
104
104
  blockquote {
105
105
  width: 100%;
106
- padding: .25em 100px .25em 25px;
106
+ padding: .25em 50px .25em 25px;
107
107
  margin: 40px auto;
108
108
  font-style: italic;
109
- font-size: 90%;
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
  }
@@ -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: 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);
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, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
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: 16px;
41
- $root-line-height: 1.5;
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.0
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-01-02 00:00:00.000000000 Z
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.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.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.2.32
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.