aemi 1.1.0 → 1.1.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|