jekyll-theme-switch 0.5.1 → 0.6.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: fed28c552991dd89ae3908fa605560262ac908c7876945e05b5aa8317459b30a
4
- data.tar.gz: 8d2d2de8a110c81443e339252b10dee0d029823b026a1a336aba17c758f2619f
3
+ metadata.gz: aae47871456f3c6e9630d8cb01cce692cb6827da23ca97b2784eae7580da46b5
4
+ data.tar.gz: b55fcb12119f6417c976e3fa5a89e9ed326a1662c7c50777bd6ceed386ec1058
5
5
  SHA512:
6
- metadata.gz: 97152e2b7f5d2de17c1dcf4cdebb4be5550714d353da01edf007c85d6b0044b091e101406110f3329bffdee76eeffb88463f52fcd4b22aa1098923798889984c
7
- data.tar.gz: 7d3c4c2b9b7044b9e541dcfde51122aa5935aa2d95763ff0569e5525252775bb6b6874321b20deca332a8f21ac1887341f2a959f1b9ec99fc83173323bcc6c1d
6
+ metadata.gz: e1f6a03ccd584df49c02ab9b5f7fea86a6054e4e35c011f638b213607450fda3a6aaa37588f83dd617b3e6170c257ac57a7e545ac071f9924fbee40b0710797b
7
+ data.tar.gz: 0d663a1f75225348a84f9cc3f8855a8fb5a5b75d2bfd618a9103c1a93afb46b5330909d32d38ce34db81d782ed9d9312f32b683fa041c8e7ba46e0a68a242c9c
@@ -103,12 +103,6 @@
103
103
  Generated by <a href="https://jekyllrb.com/">Jekyll</a>
104
104
  and the <a href="https://islandsvinur.gitlab.io/jekyll-theme-switch/">Logging the Switch theme</a>.
105
105
  </div>
106
- {{ site.config }}
107
- {% if site.config['jekyll-theme-switch'].repository_prefix_url %}
108
- <div class="footer-wide">
109
- <a href="{{ site.config['jekyll-theme-switch'].repository_prefix_url }}{{ page.path }}">Edit this page</a> in GitLab.
110
- </div>
111
- {% endif %}
112
106
  </div>
113
107
 
114
108
  </div>
@@ -1,5 +1,5 @@
1
1
 
2
- <div class='youtube-embedder'>
2
+ <div class='embed-container'>
3
3
  <iframe title="YouTube video player"
4
4
  width="640" height="390"
5
5
  src="https://www.youtube-nocookie.com/embed/{{ youtube_id }}"
@@ -10,7 +10,7 @@ layout: wrapped
10
10
  {% if post.lead_image %}
11
11
  <style type="text/css" scoped>
12
12
  li#post-{{ post.id | slugify }} {
13
- background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 80%),
13
+ background-image: radial-gradient(farthest-corner at 100% 0, rgba(255,255,255,0.7) 33%, rgba(255,255,255,1) 66%),
14
14
  url('{{ post.lead_image | prepend: site.baseurl | prepend: site.url }}');
15
15
  background-size: cover;
16
16
  background-repeat: no-repeat;
@@ -19,7 +19,7 @@ layout: wrapped
19
19
 
20
20
  @media (prefers-color-scheme: dark) {
21
21
  li#post-{{ post.id | slugify }} {
22
- background-image: linear-gradient(90deg, rgba(31,31,31,1) 50%, rgba(31,31,31,0.7) 80%),
22
+ background-image: radial-gradient(farthest-corner at 100% 0, rgba(31,31,31,0.7) 33%, rgba(31,31,31,1) 66%),
23
23
  url('{{ post.lead_image | prepend: site.baseurl | prepend: site.url }}');
24
24
  }
25
25
  }
data/_layouts/home.html CHANGED
@@ -10,7 +10,7 @@ layout: wrapped
10
10
  {% if post.lead_image %}
11
11
  <style type="text/css" scoped>
12
12
  li#post-{{ post.id | slugify }} {
13
- background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 80%),
13
+ background-image: radial-gradient(farthest-corner at 100% 0, rgba(255,255,255,0.7) 33%, rgba(255,255,255,1) 66%),
14
14
  url('{{ post.lead_image | prepend: site.baseurl | prepend: site.url }}');
15
15
  background-size: cover;
16
16
  background-repeat: no-repeat;
@@ -19,7 +19,7 @@ layout: wrapped
19
19
 
20
20
  @media (prefers-color-scheme: dark) {
21
21
  li#post-{{ post.id | slugify }} {
22
- background-image: linear-gradient(90deg, rgba(31,31,31,1) 50%, rgba(31,31,31,0.7) 80%),
22
+ background-image: radial-gradient(farthest-corner at 100% 0, rgba(31,31,31,0.7) 33%, rgba(31,31,31,1) 66%),
23
23
  url('{{ post.lead_image | prepend: site.baseurl | prepend: site.url }}');
24
24
  }
25
25
  }
@@ -10,7 +10,7 @@ layout: wrapped
10
10
  {% if post.lead_image %}
11
11
  <style type="text/css" scoped>
12
12
  li#post-{{ post.id | slugify }} {
13
- background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 80%),
13
+ background-image: radial-gradient(farthest-corner at 100% 0, rgba(255,255,255,0.7) 33%, rgba(255,255,255,1) 66%),
14
14
  url('{{ post.lead_image | prepend: site.baseurl | prepend: site.url }}');
15
15
  background-size: cover;
16
16
  background-repeat: no-repeat;
@@ -19,7 +19,7 @@ layout: wrapped
19
19
 
20
20
  @media (prefers-color-scheme: dark) {
21
21
  li#post-{{ post.id | slugify }} {
22
- background-image: linear-gradient(90deg, rgba(31,31,31,1) 50%, rgba(31,31,31,0.7) 80%),
22
+ background-image: radial-gradient(farthest-corner at 100% 0, rgba(31,31,31,0.7) 33%, rgba(31,31,31,1) 66%),
23
23
  url('{{ post.lead_image | prepend: site.baseurl | prepend: site.url }}');
24
24
  }
25
25
  }
@@ -4,14 +4,14 @@ module Jekyll
4
4
  def taglinks(input)
5
5
  site = @context.registers[:site]
6
6
  input.map do |tag|
7
- "<a href=\"#{site.baseurl}/#{site.config['tag_dir']}/#{tag}\">#{tag}</a>"
7
+ "<a href=\"#{site.baseurl}/#{site.config['tag_dir']}/#{Utils.slugify(tag)}\">#{tag}</a>"
8
8
  end
9
9
  end
10
10
 
11
11
  def categorylinks(input)
12
12
  site = @context.registers[:site]
13
13
  input.map do |cat|
14
- "<a href=\"#{site.baseurl}/#{site.config['category_dir']}/#{cat}\">#{cat}</a>"
14
+ "<a href=\"#{site.baseurl}/#{site.config['category_dir']}/#{Utils.slugify(cat)}\">#{cat}</a>"
15
15
  end
16
16
  end
17
17
  end
@@ -9,7 +9,6 @@ dl, dd, ol, ul, figure {
9
9
  }
10
10
 
11
11
 
12
-
13
12
  /**
14
13
  * Basic styling
15
14
  */
@@ -24,7 +23,6 @@ body {
24
23
  }
25
24
 
26
25
 
27
-
28
26
  /**
29
27
  * Set `margin-bottom` to maintain vertical rhythm
30
28
  */
@@ -32,11 +30,10 @@ h1, h2, h3, h4, h5, h6,
32
30
  p, blockquote, pre,
33
31
  ul, ol, dl, figure,
34
32
  %vertical-rhythm {
35
- margin-bottom: $spacing-unit / 2;
33
+ margin-bottom: calc($spacing-unit / 2);
36
34
  }
37
35
 
38
36
 
39
-
40
37
  /**
41
38
  * Images
42
39
  */
@@ -46,33 +43,65 @@ img {
46
43
  }
47
44
 
48
45
  article {
49
- img {
50
- float: left;
51
- margin-right: 1em;
52
- }
46
+ img, iframe {
47
+ border-radius: 4px;
48
+ @include BoxShadow(1);
49
+
50
+ &.center {
53
51
 
54
- p.center {
55
- clear: both;
56
- text-align: center;
52
+ }
53
+
54
+ &.width-75 {
55
+ max-width: 75%;
56
+ }
57
57
 
58
- img {
59
- float: none;
58
+ &.width-50 {
59
+ max-width: 50%;
60
+ }
60
61
  }
61
- }
62
62
 
63
- p.fill {
64
- text-align: center;
63
+ .embed-container {
64
+ position: relative;
65
+ padding-bottom: 56.25%;
66
+ margin-bottom: 1em;
67
+ height: 0;
68
+ overflow: hidden;
69
+ max-width: 100%;
70
+ clear: both;
71
+
72
+ iframe,
73
+ object,
74
+ embed {
75
+ position: absolute;
76
+ top: 0;
77
+ left: 0;
78
+ width: 100%;
79
+ height: 100%;
80
+ }
81
+ }
65
82
 
66
- img {
67
- float: none;
68
- width: 90%;
83
+ p.center {
84
+ clear: both;
85
+ text-align: center;
86
+
87
+ img {
88
+ float: none;
89
+ }
69
90
  }
70
- }
71
91
 
72
- p.small,
73
- div.footnotes {
74
- font-size: 0.75em;
75
- }
92
+ p.fill {
93
+ text-align: center;
94
+
95
+ img {
96
+ float: none;
97
+ width: 90%;
98
+ }
99
+ }
100
+
101
+ p.small,
102
+ div.footnotes {
103
+ font-size: 0.75em;
104
+ }
76
105
  }
77
106
 
78
107
  video {
@@ -93,7 +122,6 @@ figcaption {
93
122
  }
94
123
 
95
124
 
96
-
97
125
  /**
98
126
  * Lists
99
127
  */
@@ -104,12 +132,11 @@ ul, ol {
104
132
  li {
105
133
  > ul,
106
134
  > ol {
107
- margin-bottom: 0;
135
+ margin-bottom: 0;
108
136
  }
109
137
  }
110
138
 
111
139
 
112
-
113
140
  /**
114
141
  * Headings
115
142
  */
@@ -118,7 +145,6 @@ h1, h2, h3, h4, h5, h6 {
118
145
  }
119
146
 
120
147
 
121
-
122
148
  /**
123
149
  * Links
124
150
  */
@@ -126,7 +152,7 @@ a {
126
152
  color: $brand-color;
127
153
 
128
154
  &:visited {
129
- color: adjust-hue($brand-color, +120deg);
155
+ color: adjust-hue($brand-color, +120deg);
130
156
  }
131
157
 
132
158
  &:hover {
@@ -136,13 +162,12 @@ a {
136
162
  }
137
163
 
138
164
 
139
-
140
165
  /**
141
166
  * Blockquotes
142
167
  */
143
168
  blockquote {
144
- border-left: ($spacing-unit / 8) solid $grey-color;
145
- padding-left: $spacing-unit / 2;
169
+ border-left: calc($spacing-unit / 8) solid $grey-color;
170
+ padding-left: calc($spacing-unit / 2);
146
171
  font-style: italic;
147
172
 
148
173
  > :last-child {
@@ -151,7 +176,6 @@ blockquote {
151
176
  }
152
177
 
153
178
 
154
-
155
179
  /**
156
180
  * Code formatting
157
181
  */
@@ -179,13 +203,12 @@ pre {
179
203
  }
180
204
 
181
205
 
182
-
183
206
  /**
184
207
  * Wrapper
185
208
  */
186
209
  .wrapper {
187
210
  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
188
- max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
211
+ max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
189
212
  margin-right: auto;
190
213
  margin-left: auto;
191
214
  padding-right: $spacing-unit;
@@ -194,14 +217,13 @@ pre {
194
217
 
195
218
  @include media-query($on-laptop) {
196
219
  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
197
- max-width: calc(#{$content-width} - (#{$spacing-unit}));
198
- padding-right: $spacing-unit / 2;
199
- padding-left: $spacing-unit / 2;
220
+ max-width: calc(#{$content-width} - (#{$spacing-unit}));
221
+ padding-right: calc($spacing-unit / 2);
222
+ padding-left: calc($spacing-unit / 2);
200
223
  }
201
224
  }
202
225
 
203
226
 
204
-
205
227
  /**
206
228
  * Clearfix
207
229
  */
@@ -215,7 +237,6 @@ pre {
215
237
  }
216
238
 
217
239
 
218
-
219
240
  /**
220
241
  * Icons
221
242
  */
@@ -2,7 +2,7 @@
2
2
  img.askew_left {
3
3
  transform: matrix3d(1, 0, 0, 0.0006, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
4
4
  border: red 2px solid;
5
- width: $content-width / 4;
5
+ width: calc($content-width / 4);
6
6
  }
7
7
 
8
8
  img.reflect,
@@ -93,7 +93,7 @@
93
93
 
94
94
  .footer-heading {
95
95
  font-size: 18px;
96
- margin-bottom: $spacing-unit / 2;
96
+ margin-bottom: calc($spacing-unit / 2);
97
97
  }
98
98
 
99
99
  .contact-list,
@@ -109,14 +109,14 @@
109
109
  .footer-col-wrapper {
110
110
  font-size: 15px;
111
111
  color: $grey-color;
112
- margin-left: -$spacing-unit / 2;
112
+ margin-left: calc(-1 * $spacing-unit / 2);
113
113
  @extend %clearfix;
114
114
  }
115
115
 
116
116
  .footer-col {
117
117
  float: left;
118
- margin-bottom: $spacing-unit / 2;
119
- padding-left: $spacing-unit / 2;
118
+ margin-bottom: calc($spacing-unit / 2);
119
+ padding-left: calc($spacing-unit / 2);
120
120
  }
121
121
 
122
122
  .footer-col-1 {
@@ -248,6 +248,8 @@
248
248
  }
249
249
 
250
250
  .post-content {
251
+ h1, h2, h3, h4 { clear: both; }
252
+
251
253
  h2 {
252
254
  font-size: 32px;
253
255
 
@@ -294,7 +296,7 @@
294
296
 
295
297
  th, td {
296
298
  text-align: left;
297
- padding: $spacing-unit / 2;
299
+ padding: calc($spacing-unit / 2);
298
300
  border-bottom: thin solid $brand-color;
299
301
  }
300
302
 
@@ -386,8 +388,8 @@ a.button:hover,
386
388
  .align-right { text-align: right; }
387
389
  .align-left { text-align: left; }
388
390
 
389
- .left { float: left; }
390
- .right { float: right; }
391
+ .left { float: left; margin-right: 1em }
392
+ .right { float: right; margin-left: 1em; }
391
393
 
392
394
  div.post.candid-strategies-md
393
395
  article
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-switch
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.1
4
+ version: 0.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Christian Luijten
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-12-15 00:00:00.000000000 Z
11
+ date: 2023-03-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -177,7 +177,7 @@ files:
177
177
  - assets/image/fabian-betto-d3npqyXkaGI-unsplash.jpg
178
178
  - assets/image/jonatan-pie-g6tqHx0ME1o-unsplash.jpg
179
179
  - assets/image/marek-piwnicki-NPct-Mxw-64-unsplash.jpg
180
- homepage: https://luijten.org/
180
+ homepage: https://islandsvinur.gitlab.io/jekyll-theme-switch/
181
181
  licenses:
182
182
  - MIT
183
183
  metadata: {}
@@ -196,7 +196,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
196
196
  - !ruby/object:Gem::Version
197
197
  version: '0'
198
198
  requirements: []
199
- rubygems_version: 3.0.3.1
199
+ rubygems_version: 3.3.26
200
200
  signing_key:
201
201
  specification_version: 4
202
202
  summary: The theme for Logging the Switch.