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