feat: responsive images
BIN
images/caesar-128.jpg
Normal file
|
After Width: | Height: | Size: 7.6 KiB |
BIN
images/caesar-128.webp
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
images/caesar-256.jpg
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
images/caesar-256.webp
Normal file
|
After Width: | Height: | Size: 9.3 KiB |
BIN
images/caesar-500.jpg
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
images/caesar-500.webp
Normal file
|
After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 114 KiB |
|
|
@ -15,7 +15,7 @@
|
|||
"@type": "Person",
|
||||
"name": "Caesar Schinas",
|
||||
"url": "https://caesarschinas.com",
|
||||
"image": "https://caesarschinas.com/images/caesar.jpg",
|
||||
"image": "https://caesarschinas.com/images/caesar-500.jpg",
|
||||
"sameAs": [
|
||||
"https://github.com/caesar",
|
||||
"https://twitter.com/CaesarSchinas",
|
||||
|
|
@ -29,9 +29,9 @@
|
|||
<header>
|
||||
<h1>Caesar Schinas</h1>
|
||||
<picture>
|
||||
<source srcset="./images/caesar.webp" type="image/webp" />
|
||||
<source srcset="./images/caesar.jpg" type="image/jpeg" />
|
||||
<img class="profile" src="./images/caesar.jpg" width="120" height="120" />
|
||||
<source srcset="./images/caesar-256.webp 256w, ./images/caesar-128.webp 128w" type="image/webp" />
|
||||
<source srcset="./images/caesar-256.jpg 256w, ./images/caesar-128.jpg 128w" type="image/jpeg" />
|
||||
<img class="profile" src="./images/caesar-128.jpg" width="128" height="128" />
|
||||
</picture>
|
||||
<p class="ipa" lang="en-fonipa">/ ˈsiːzə ˈskɪnəs /</p>
|
||||
<p class="dfn">Sailor; programmer; web designer; publisher.</p>
|
||||
|
|
|
|||