aemi 1.1.0 → 1.1.1
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 +4 -4
- data/_data/mime.yml +28 -0
- data/_data/sizes.yml +38 -0
- data/_includes/footer.html +1 -1
- data/_includes/header.html +1 -1
- data/_includes/image-caption.html +13 -0
- data/_includes/image.html +11 -0
- data/_includes/video-caption.html +27 -0
- data/_includes/video.html +24 -0
- data/_layouts/home.html +3 -1
- data/_sass/aemi/_base.scss +12 -1
- data/_sass/aemi/_layout.scss +48 -42
- metadata +8 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2e175581a2edf55001c3a100c02878fa4458f6963b66a1710540341b22e94887
|
|
4
|
+
data.tar.gz: d413280c443fef0026572dc1c9e6f55ca7eed95536a2a107a43aa3a0d6661dac
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e1434b70131c7e130314ff29d0e0d30513998b21ecc7c069b1229f291eee06868319fc0022256f96aec457fa871d2178b3d09705f07a2154686f71f2f29fd076
|
|
7
|
+
data.tar.gz: 57a08f4c86320b26982ae3aa1b755a940fbae97b0191afe8b8feb886ee755775a6cfb4b465df6d20d1cfe7112d729fa1916f0a496cc1e7107e058ad3530d33ed
|
data/_data/mime.yml
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
types:
|
|
2
|
+
images:
|
|
3
|
+
-
|
|
4
|
+
ext: avif
|
|
5
|
+
type: avif
|
|
6
|
+
-
|
|
7
|
+
ext: webp
|
|
8
|
+
type: webp
|
|
9
|
+
-
|
|
10
|
+
ext: jpg
|
|
11
|
+
type: jpeg
|
|
12
|
+
-
|
|
13
|
+
ext: png
|
|
14
|
+
type: png
|
|
15
|
+
video:
|
|
16
|
+
-
|
|
17
|
+
ext: avif.webm
|
|
18
|
+
type: av1
|
|
19
|
+
-
|
|
20
|
+
ext: mov
|
|
21
|
+
type: H265
|
|
22
|
+
-
|
|
23
|
+
ext: webm
|
|
24
|
+
type: webm
|
|
25
|
+
-
|
|
26
|
+
ext: mp4
|
|
27
|
+
type: mp4
|
|
28
|
+
|
data/_data/sizes.yml
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
landscape:
|
|
2
|
+
-
|
|
3
|
+
width: 1920
|
|
4
|
+
height: 1080
|
|
5
|
+
-
|
|
6
|
+
width: 1280
|
|
7
|
+
height: 720
|
|
8
|
+
-
|
|
9
|
+
width: 853
|
|
10
|
+
height: 480
|
|
11
|
+
-
|
|
12
|
+
width: 640
|
|
13
|
+
height: 480
|
|
14
|
+
-
|
|
15
|
+
width: 427
|
|
16
|
+
height: 240
|
|
17
|
+
-
|
|
18
|
+
width: 256
|
|
19
|
+
height: 144
|
|
20
|
+
portrait:
|
|
21
|
+
-
|
|
22
|
+
width: 1080
|
|
23
|
+
height: 1920
|
|
24
|
+
-
|
|
25
|
+
width: 720
|
|
26
|
+
height: 1280
|
|
27
|
+
-
|
|
28
|
+
width: 480
|
|
29
|
+
height: 853
|
|
30
|
+
-
|
|
31
|
+
width: 360
|
|
32
|
+
height: 640
|
|
33
|
+
-
|
|
34
|
+
width: 240
|
|
35
|
+
height: 427
|
|
36
|
+
-
|
|
37
|
+
width: 144
|
|
38
|
+
height: 256
|
data/_includes/footer.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div class="contained">
|
|
4
4
|
|
|
5
5
|
<div class="footer-header">
|
|
6
|
-
<a class="footer-
|
|
6
|
+
<a class="footer-title brand" rel="author" href="{{ '/' | relative_url }}">
|
|
7
7
|
{%- if site.logo -%}
|
|
8
8
|
<strong class="screen-reader-text">{{ site.title | escape }}</strong>
|
|
9
9
|
<img src="{{ site.logo | relative_url }}" alt="{{ site.title | escape }}" height="2rem">
|
data/_includes/header.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div class="site-header-wrapper contained">
|
|
4
4
|
{%- assign default_paths = site.pages | map: "path" -%}
|
|
5
5
|
{%- assign page_paths = site.header_pages | default: default_paths -%}
|
|
6
|
-
<a class="site-title" rel="author" href="{{ '/' | relative_url }}">
|
|
6
|
+
<a class="site-title brand" rel="author" href="{{ '/' | relative_url }}">
|
|
7
7
|
{%- if site.logo -%}
|
|
8
8
|
<img src="{{ site.logo | relative_url }}" alt="{{ site.title | escape }}" height="2rem">
|
|
9
9
|
{%- else -%}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<figure class="image with-caption">
|
|
2
|
+
<picture>
|
|
3
|
+
{% for format in site.data.mime.types.images %}
|
|
4
|
+
<source srcset="{{ include.name | relative_url }}.{{ format.ext }}" type="image/{{ format.type }}">
|
|
5
|
+
{% endfor %}
|
|
6
|
+
<img src="{{ include.name | relative_url }}.png" {% if include.alt != nil %}alt="{{ include.alt | escape }}"{% endif %} loading="lazy">
|
|
7
|
+
</picture>
|
|
8
|
+
{% if include.caption != nil %}
|
|
9
|
+
<figcaption>{{ include.caption | escape }}</figcaption>
|
|
10
|
+
{% else if include.alt != nil %}
|
|
11
|
+
<figcaption>{{ include.alt | escape }}</figcaption>
|
|
12
|
+
{% endif %}
|
|
13
|
+
</figure>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<figure class="image no-caption">
|
|
2
|
+
<picture>
|
|
3
|
+
{% for format in site.data.mime.types.images %}
|
|
4
|
+
<source srcset="{{ include.name | relative_url }}.{{ format.ext }}" type="image/{{ format.type }}">
|
|
5
|
+
{% endfor %}
|
|
6
|
+
<img src="{{ include.name | relative_url }}.png" {% if include.alt != nil %}alt="{{ include.alt | escape }}"{% endif %} loading="lazy">
|
|
7
|
+
</picture>
|
|
8
|
+
{% if include.alt != nil %}
|
|
9
|
+
<figcaption class="screen-reader-text">{{ include.alt | escape }}</figcaption>
|
|
10
|
+
{% endif %}
|
|
11
|
+
</figure>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<figure class="video with-caption">
|
|
2
|
+
<video {% if include.autoplay == true %}autoplay{% endif %}
|
|
3
|
+
{% if include.loop == true %}loop{% endif %}
|
|
4
|
+
{% if include.muted == true %}muted{% endif %}
|
|
5
|
+
{% if include.controls == true %}controls{% endif %}
|
|
6
|
+
{% if include.alt != nil %}alt="{{ include.alt | escape }}"{% endif %}
|
|
7
|
+
width="100%">
|
|
8
|
+
{% for format in site.data.mime.types.video %}
|
|
9
|
+
{% if include.portrait == true %}
|
|
10
|
+
<source src="{{ include.name }}.full.{{ format.ext }}" type="video/{{ format.type }}" media="all and (min-height: 2560px)">
|
|
11
|
+
{% for size in site.data.sizes.portrait %}
|
|
12
|
+
<source src="{{ include.name }}.{{ size.height }}p.{{ format.ext }}" type="video/{{ format.type }}" media="all and (min-height: {{ size.height }}px)">
|
|
13
|
+
{% endfor %}
|
|
14
|
+
{% else %}
|
|
15
|
+
<source src="{{ include.name }}.full.{{ format.ext }}" type="video/{{ format.type }}" media="all and (min-width: 2560px)">
|
|
16
|
+
{% for size in site.data.sizes.landscape %}
|
|
17
|
+
<source src="{{ include.name }}.{{ size.height }}p.{{ format.ext }}" type="video/{{ format.type }}" media="all and (min-width: {{ size.width }}px)">
|
|
18
|
+
{% endfor %}
|
|
19
|
+
{% endif %}
|
|
20
|
+
{% endfor %}
|
|
21
|
+
</video>
|
|
22
|
+
{% if include.caption != nil %}
|
|
23
|
+
<figcaption>{{ include.caption | escape }}</figcaption>
|
|
24
|
+
{% else if include.alt != nil %}
|
|
25
|
+
<figcaption>{{ include.alt | escape }}</figcaption>
|
|
26
|
+
{% endif %}
|
|
27
|
+
</figure>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<figure class="video no-caption">
|
|
2
|
+
<video {% if include.autoplay == true %}autoplay{% endif %}
|
|
3
|
+
{% if include.loop == true %}loop{% endif %}
|
|
4
|
+
{% if include.muted == true %}muted{% endif %}
|
|
5
|
+
{% if include.controls == true %}controls{% endif %}
|
|
6
|
+
{% if include.alt != nil %}alt="{{ include.alt | escape }}"{% endif %} width="100%">
|
|
7
|
+
{% for format in site.data.mime.types.video %}
|
|
8
|
+
{% if include.portrait == true %}
|
|
9
|
+
<source src="{{ include.name }}.full.{{ format.ext }}" type="video/{{ format.type }}" media="all and (min-height: 2560px)">
|
|
10
|
+
{% for size in site.data.sizes.portrait %}
|
|
11
|
+
<source src="{{ include.name }}.{{ size.height }}p.{{ format.ext }}" type="video/{{ format.type }}" media="all and (min-height: {{ size.height }}px)">
|
|
12
|
+
{% endfor %}
|
|
13
|
+
{% else %}
|
|
14
|
+
<source src="{{ include.name }}.full.{{ format.ext }}" type="video/{{ format.type }}" media="all and (min-width: 2560px)">
|
|
15
|
+
{% for size in site.data.sizes.landscape %}
|
|
16
|
+
<source src="{{ include.name }}.{{ size.height }}p.{{ format.ext }}" type="video/{{ format.type }}" media="all and (min-width: {{ size.width }}px)">
|
|
17
|
+
{% endfor %}
|
|
18
|
+
{% endif %}
|
|
19
|
+
{% endfor %}
|
|
20
|
+
</video>
|
|
21
|
+
{% if include.alt != nil %}
|
|
22
|
+
<figcaption class="screen-reader-text">{{ include.alt | escape }}</figcaption>
|
|
23
|
+
{% endif %}
|
|
24
|
+
</figure>
|
data/_layouts/home.html
CHANGED
|
@@ -63,7 +63,9 @@ layout: default
|
|
|
63
63
|
<header class="entry-header">
|
|
64
64
|
|
|
65
65
|
{% if post.thumbnail %}
|
|
66
|
-
<div class="entry-thumbnail"
|
|
66
|
+
<div class="entry-thumbnail">
|
|
67
|
+
<img src="{{ post.thumbnail | prepend: '/assets/images/thumbnails/' | relative_url }}" alt="{{ post.title | escape }}" loading="lazy" width="100%" height="100%">
|
|
68
|
+
</div>
|
|
67
69
|
{% endif %}
|
|
68
70
|
|
|
69
71
|
<a class="entry-info {% if post.thumbnail %}with-thumbnail{% endif %}" href="{{ post.url | relative_url }}">
|
data/_sass/aemi/_base.scss
CHANGED
|
@@ -135,7 +135,7 @@ video {
|
|
|
135
135
|
vertical-align: middle;
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
:not(figure, a)
|
|
138
|
+
:not(figure, figure>picture, a) {
|
|
139
139
|
> img,
|
|
140
140
|
> video {
|
|
141
141
|
margin-top: var(--half-spacing-unit);
|
|
@@ -148,14 +148,25 @@ video {
|
|
|
148
148
|
* Figures
|
|
149
149
|
*/
|
|
150
150
|
figure {
|
|
151
|
+
|
|
152
|
+
background-color: var(--background-color-lighten);
|
|
153
|
+
border: 1px solid var(--border-color);
|
|
154
|
+
border-radius: var(--border-radius);
|
|
155
|
+
padding: var(--quarter-spacing-unit);
|
|
156
|
+
|
|
151
157
|
> img,
|
|
152
158
|
> video {
|
|
159
|
+
border-radius: calc(var(--border-radius) / 2);
|
|
153
160
|
display: block;
|
|
154
161
|
}
|
|
155
162
|
}
|
|
156
163
|
|
|
157
164
|
figcaption {
|
|
165
|
+
display: block;
|
|
158
166
|
font-size: .875rem;
|
|
167
|
+
font-style: italic;
|
|
168
|
+
margin-top: var(--quarter-spacing-unit);
|
|
169
|
+
text-align: center;
|
|
159
170
|
}
|
|
160
171
|
|
|
161
172
|
|
data/_sass/aemi/_layout.scss
CHANGED
|
@@ -89,30 +89,41 @@
|
|
|
89
89
|
position: relative;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
.
|
|
93
|
-
|
|
94
|
-
font: var(--head-font-weight)
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
92
|
+
.brand {
|
|
93
|
+
|
|
94
|
+
font-weight: var(--head-font-weight);
|
|
95
|
+
font-family: var(--head-font-family);
|
|
96
|
+
|
|
97
|
+
&,
|
|
98
|
+
&:visited {
|
|
99
|
+
color: var(--text-color);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
&,
|
|
103
|
+
&:hover {
|
|
104
|
+
text-decoration: none;
|
|
105
|
+
}
|
|
99
106
|
|
|
100
107
|
> img {
|
|
101
108
|
height: 2rem;
|
|
109
|
+
line-height: 1;
|
|
102
110
|
border-radius: 0;
|
|
103
|
-
|
|
104
111
|
@media (prefers-color-scheme: dark) {
|
|
105
112
|
& {
|
|
113
|
+
color: var(--text-color-i);
|
|
106
114
|
filter: invert(100%);
|
|
107
115
|
}
|
|
108
116
|
}
|
|
109
|
-
|
|
110
117
|
}
|
|
118
|
+
}
|
|
111
119
|
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
120
|
+
.site-title {
|
|
121
|
+
display: block;
|
|
122
|
+
font-size: 2rem;
|
|
123
|
+
line-height: 1;
|
|
124
|
+
margin-bottom: 0;
|
|
125
|
+
float: left;
|
|
126
|
+
z-index: 1000;
|
|
116
127
|
}
|
|
117
128
|
|
|
118
129
|
.site-nav {
|
|
@@ -262,26 +273,11 @@
|
|
|
262
273
|
}
|
|
263
274
|
|
|
264
275
|
.footer-header {
|
|
265
|
-
|
|
266
276
|
display: block;
|
|
267
277
|
margin-bottom: var(--half-spacing-unit);
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
&,
|
|
272
|
-
&:visited {
|
|
273
|
-
color: var(--text-color);
|
|
274
|
-
}
|
|
275
|
-
|
|
276
|
-
> img {
|
|
277
|
-
height: 2rem;
|
|
278
|
-
border-radius: 0;
|
|
279
|
-
@media (prefers-color-scheme: dark) {
|
|
280
|
-
& {
|
|
281
|
-
filter: invert(100%);
|
|
282
|
-
}
|
|
283
|
-
}
|
|
284
|
-
}
|
|
278
|
+
> .footer-title {
|
|
279
|
+
font-size: 1.5rem;
|
|
280
|
+
line-height: 1.25;
|
|
285
281
|
}
|
|
286
282
|
}
|
|
287
283
|
|
|
@@ -402,26 +398,36 @@
|
|
|
402
398
|
transform: translate3d(0, 0, 0);
|
|
403
399
|
|
|
404
400
|
>.entry-thumbnail {
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
401
|
+
> img {
|
|
402
|
+
border-radius: 0;
|
|
403
|
+
filter: blur(0);
|
|
404
|
+
object-fit: cover;
|
|
405
|
+
object-position: center center;
|
|
406
|
+
transform: scale(1);
|
|
407
|
+
transition-property: filter, transform;
|
|
408
|
+
transition-duration: var(--transition-timing-std);
|
|
409
|
+
transition-timing-function: var(--transition-function-std);
|
|
410
|
+
}
|
|
409
411
|
position: absolute;
|
|
410
|
-
transform: translate(-50%, -50%) scale(1);
|
|
411
412
|
height: 100%;
|
|
412
413
|
width: 100%;
|
|
413
|
-
top:
|
|
414
|
-
left:
|
|
415
|
-
transition-property:
|
|
414
|
+
top: 0;
|
|
415
|
+
left: 0;
|
|
416
|
+
transition-property: opacity;
|
|
416
417
|
transition-duration: var(--transition-timing-std);
|
|
417
418
|
transition-timing-function: var(--transition-function-std);
|
|
418
419
|
}
|
|
419
420
|
|
|
420
421
|
&:not(:hover) {
|
|
421
422
|
>.entry-thumbnail {
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
423
|
+
> img {
|
|
424
|
+
filter: blur(10px);
|
|
425
|
+
transform: scale(1.05);
|
|
426
|
+
transition-property: filter, transform;
|
|
427
|
+
transition-duration: var(--transition-timing-std);
|
|
428
|
+
transition-timing-function: var(--transition-function-std);
|
|
429
|
+
}
|
|
430
|
+
transition-property: opacity;
|
|
425
431
|
transition-duration: var(--transition-timing-std);
|
|
426
432
|
transition-timing-function: var(--transition-function-std);
|
|
427
433
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: aemi
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.1.
|
|
4
|
+
version: 1.1.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Guillaume C
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2022-06-
|
|
11
|
+
date: 2022-06-29 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -87,12 +87,18 @@ executables: []
|
|
|
87
87
|
extensions: []
|
|
88
88
|
extra_rdoc_files: []
|
|
89
89
|
files:
|
|
90
|
+
- _data/mime.yml
|
|
91
|
+
- _data/sizes.yml
|
|
90
92
|
- _data/social.yml
|
|
91
93
|
- _includes/content.html
|
|
92
94
|
- _includes/footer.html
|
|
93
95
|
- _includes/head.html
|
|
94
96
|
- _includes/header.html
|
|
97
|
+
- _includes/image-caption.html
|
|
98
|
+
- _includes/image.html
|
|
95
99
|
- _includes/social.html
|
|
100
|
+
- _includes/video-caption.html
|
|
101
|
+
- _includes/video.html
|
|
96
102
|
- _layouts/default.html
|
|
97
103
|
- _layouts/home.html
|
|
98
104
|
- _layouts/page.html
|