Skip to content

Commit 49def64

Browse files
timlichtenbergtimlichtenberg
authored
Fix broken team photos in Firefox by switching AVIF to JPEG (#19)
Switch team photos from AVIF to JPEG for browser compatibility macOS sips produces HEVC-based AVIF that Firefox and some Chrome versions cannot decode. Images with odd pixel dimensions also lack the miaf brand flag required by Firefox and Safari. JPEG works universally. Same fix applied to formingworlds-website.
1 parent 3addf7f commit 49def64

46 files changed

Lines changed: 24 additions & 24 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.github/copilot-instructions.md‎

Lines changed: 2 additions & 2 deletions

‎_includes/components/teams/team-carousel-2.html‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ <h3 class="display-3">Current developers</h3>
1818
<div class="card-header">
1919
<div class="card-image">
2020
<a target="_blank" rel="noopener noreferrer" href="https://www.formingworlds.space/team/tim-lichtenberg">
21-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/TimLichtenberg.avif' | relative_url }}">
21+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/TimLichtenberg.jpg' | relative_url }}">
2222
</a>
2323
</div>
2424
</div>
@@ -75,7 +75,7 @@ <h6 class="mb-1">Project architecture</h6>
7575
<div class="card-header">
7676
<div class="card-image">
7777
<a target="_blank" rel="noopener noreferrer" href="https://www.h-nicholls.space/">
78-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/HarrisonNicholls.avif' | relative_url }}">
78+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/HarrisonNicholls.jpg' | relative_url }}">
7979
</a>
8080
</div>
8181
</div>
@@ -132,7 +132,7 @@ <h6 class="mb-1">Numerical methods</h6>
132132
<div class="card-header">
133133
<div class="card-image">
134134
<a target="_blank" rel="noopener noreferrer" href="https://planetmariana.github.io/">
135-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/MarianaSastre.avif' | relative_url }}">
135+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/MarianaSastre.jpg' | relative_url }}">
136136
</a>
137137
</div>
138138
</div>
@@ -192,7 +192,7 @@ <h6 class="mb-1">Volatile partitioning</h6>
192192
<div class="card-header">
193193
<div class="card-image">
194194
<a target="_blank" rel="noopener noreferrer" href="https://www.formingworlds.space/team/emma-postolec">
195-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/EmmaPostolec.avif' | relative_url }}">
195+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/EmmaPostolec.jpg' | relative_url }}">
196196
</a>
197197
</div>
198198
</div>
@@ -249,7 +249,7 @@ <h6 class="mb-1">JWST Observations</h6>
249249
<div class="card-header">
250250
<div class="card-image">
251251
<a target="_blank" rel="noopener noreferrer" href="https://github.com/MarijnJ0">
252-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/MarijnVanDijk.avif' | relative_url }}">
252+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/MarijnVanDijk.jpg' | relative_url }}">
253253
</a>
254254
</div>
255255
</div>
@@ -306,7 +306,7 @@ <h6 class="mb-1">Satellites & moons</h6>
306306
<div class="card-header">
307307
<div class="card-image">
308308
<a target="_blank" rel="noopener noreferrer" href="https://github.com/stuitje">
309-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/KarenStuitje.avif' | relative_url }}">
309+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/KarenStuitje.jpg' | relative_url }}">
310310
</a>
311311
</div>
312312
</div>
@@ -366,7 +366,7 @@ <h6 class="mb-1">Documentation</h6>
366366
<div class="card-header">
367367
<div class="card-image">
368368
<a target="_blank" rel="noopener noreferrer" href="https://rdc49.github.io/">
369-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/RobbCalder.avif' | relative_url }}">
369+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/RobbCalder.jpg' | relative_url }}">
370370
</a>
371371
</div>
372372
</div>
@@ -423,7 +423,7 @@ <h6 class="mb-1">Sub-Neptune evolution</h6>
423423
<div class="card-header">
424424
<div class="card-image">
425425
<a target="_blank" rel="noopener noreferrer" href="https://github.com/flaviacris03">
426-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/FlaviaPascal.avif' | relative_url }}">
426+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/FlaviaPascal.jpg' | relative_url }}">
427427
</a>
428428
</div>
429429
</div>
@@ -480,7 +480,7 @@ <h6 class="mb-1">Numerical methods</h6>
480480
<div class="card-header">
481481
<div class="card-image">
482482
<a target="_blank" rel="noopener noreferrer" href="https://fortuinlab.github.io/author/ben-riegler/">
483-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/BenRiegler.avif' | relative_url }}">
483+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/BenRiegler.jpg' | relative_url }}">
484484
</a>
485485
</div>
486486
</div>
@@ -544,7 +544,7 @@ <h6 class="mb-1">Statistical methods</h6>
544544
<div class="card-header">
545545
<div class="card-image">
546546
<a target="_blank" rel="noopener noreferrer" href="https://github.com/lorlo9999/">
547-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/LorenzoCesario.avif' | relative_url }}">
547+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/LorenzoCesario.jpg' | relative_url }}">
548548
</a>
549549
</div>
550550
</div>
@@ -601,7 +601,7 @@ <h6 class="mb-1">Retrieval methods</h6>
601601
<div class="card-header">
602602
<div class="card-image">
603603
<a target="_blank" rel="noopener noreferrer" href="https://github.com/Emeline0110">
604-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/EmelineDecocq.avif' | relative_url }}">
604+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/EmelineDecocq.jpg' | relative_url }}">
605605
</a>
606606
</div>
607607
</div>
@@ -658,7 +658,7 @@ <h6 class="mb-1">Ocean formation</h6>
658658
<div class="card-header">
659659
<div class="card-image">
660660
<a target="_blank" rel="noopener noreferrer" href="https://github.com/IKisvardai">
661-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/ImreKisvárdai.avif' | relative_url }}">
661+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/ImreKisvárdai.jpg' | relative_url }}">
662662
</a>
663663
</div>
664664
</div>
@@ -724,7 +724,7 @@ <h6 class="mb-1">Planetary geophysics</h6>
724724
<div class="card-header">
725725
<div class="card-image">
726726
<a target="_blank" rel="noopener noreferrer" href="https://www.shorttle.com/cv/">
727-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/OliverShorttle.avif' | relative_url }}">
727+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/OliverShorttle.jpg' | relative_url }}">
728728
</a>
729729
</div>
730730
</div>
@@ -781,7 +781,7 @@ <h6 class="mb-1">Planetary climate</h6>
781781
<div class="card-header">
782782
<div class="card-image">
783783
<a target="_blank" rel="noopener noreferrer" href="https://maraattia.github.io/">
784-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/MaraAttia.avif' | relative_url }}">
784+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/MaraAttia.jpg' | relative_url }}">
785785
</a>
786786
</div>
787787
</div>
@@ -838,7 +838,7 @@ <h6 class="mb-1">Energy transport</h6>
838838
<div class="card-header">
839839
<div class="card-image">
840840
<a target="_blank" rel="noopener noreferrer" href="https://github.com/ipanagiotou02">
841-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/IoannisPanagiotou.avif' | relative_url }}">
841+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/IoannisPanagiotou.jpg' | relative_url }}">
842842
</a>
843843
</div>
844844
</div>
@@ -901,7 +901,7 @@ <h6 class="mb-1">Ultra-hot planets</h6>
901901
<div class="card-header">
902902
<div class="card-image">
903903
<a target="_blank" rel="noopener noreferrer" href="https://egpbos.nl/">
904-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/PatrickBos.avif' | relative_url }}">
904+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/PatrickBos.jpg' | relative_url }}">
905905
</a>
906906
</div>
907907
</div>
@@ -952,7 +952,7 @@ <h3 class="display-3">Past contributors</h3>
952952
<div class="card-header">
953953
<div class="card-image">
954954
<a target="_blank" rel="noopener noreferrer" href="https://eaps.ethz.ch/en/people/profile.daniel-bower.html">
955-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/DanBower.avif' | relative_url }}">
955+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/DanBower.jpg' | relative_url }}">
956956
</a>
957957
</div>
958958
</div>
@@ -1009,7 +1009,7 @@ <h6 class="mb-1">Volatile partitioning</h6>
10091009
<div class="card-header">
10101010
<div class="card-image">
10111011
<a target="_blank" rel="noopener noreferrer" href="https://www.esciencecenter.nl/team/hanno-spreeuw/">
1012-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/HannoSpreeuw.avif' | relative_url }}">
1012+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/HannoSpreeuw.jpg' | relative_url }}">
10131013
</a>
10141014
</div>
10151015
</div>
@@ -1066,7 +1066,7 @@ <h6 class="mb-1">Lookup tables</h6>
10661066
<div class="card-header">
10671067
<div class="card-image">
10681068
<a target="_blank" rel="noopener noreferrer" href="https://orcid.org/0000-0002-5422-8794">
1069-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/LaurentSoucasse.avif' | relative_url }}">
1069+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/LaurentSoucasse.jpg' | relative_url }}">
10701070
</a>
10711071
</div>
10721072
</div>
@@ -1130,7 +1130,7 @@ <h6 class="mb-1">Code testing</h6>
11301130
<div class="card-header">
11311131
<div class="card-image">
11321132
<a target="_blank" rel="noopener noreferrer" href="https://www.stefsmeets.nl/">
1133-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/StefSmeets.avif' | relative_url }}">
1133+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/StefSmeets.jpg' | relative_url }}">
11341134
</a>
11351135
</div>
11361136
</div>
@@ -1187,7 +1187,7 @@ <h6 class="mb-1">Documentation</h6>
11871187
<div class="card-header">
11881188
<div class="card-image">
11891189
<a target="_blank" rel="noopener noreferrer" href="https://mark-hammond.github.io/about/">
1190-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/MarkHammond.avif' | relative_url }}">
1190+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/MarkHammond.jpg' | relative_url }}">
11911191
</a>
11921192
</div>
11931193
</div>
@@ -1244,7 +1244,7 @@ <h6 class="mb-1">Surface reflectivity</h6>
12441244
<div class="card-header">
12451245
<div class="card-image">
12461246
<a target="_blank" rel="noopener noreferrer" href="https://users.physics.ox.ac.uk/~pierrehumbert/">
1247-
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/RayPierrehumbert.avif' | relative_url }}">
1247+
<img style='width: 100%; object-fit: cover' loading='lazy' src="{{ '/assets/img/faces/RayPierrehumbert.jpg' | relative_url }}">
12481248
</a>
12491249
</div>
12501250
</div>

‎assets/img/faces/BenRiegler.avif‎

-14.4 KB
Binary file not shown.

‎assets/img/faces/BenRiegler.jpg‎

51.8 KB

‎assets/img/faces/DanBower.avif‎

-47.5 KB
Binary file not shown.

‎assets/img/faces/DanBower.jpg‎

151 KB

‎assets/img/faces/EmelineDecocq.avif‎

-167 KB
Binary file not shown.

‎assets/img/faces/EmelineDecocq.jpg‎

567 KB

‎assets/img/faces/EmmaPostolec.avif‎

-63.5 KB
Binary file not shown.

‎assets/img/faces/EmmaPostolec.jpg‎

128 KB

0 commit comments

Comments
 (0)