feat(*): add image grids for album and associated media displays
This commit is contained in:
parent
9b4baad5fb
commit
36fbba761a
53 changed files with 1179 additions and 764 deletions
|
@ -9,15 +9,15 @@ schema: book
|
|||
<img
|
||||
class="media-image"
|
||||
srcset="
|
||||
{{ globals.cdn_url }}<?= htmlspecialchars($book["image"]) ?>?class=verticalsm&type=webp 200w,
|
||||
{{ globals.cdn_url }}<?= htmlspecialchars($book["image"]) ?>?class=verticalmd&type=webp 400w,
|
||||
{{ globals.cdn_url }}<?= htmlspecialchars($book["image"]) ?>?class=verticalbase&type=webp 800w
|
||||
<?= htmlspecialchars($book["image"]) ?>?class=verticalsm&type=webp 200w,
|
||||
<?= htmlspecialchars($book["image"]) ?>?class=verticalmd&type=webp 400w,
|
||||
<?= htmlspecialchars($book["image"]) ?>?class=verticalbase&type=webp 800w
|
||||
"
|
||||
sizes="(max-width: 450px) 203px,
|
||||
(max-width: 850px) 406px,
|
||||
(max-width: 1000px) 812px,
|
||||
812px"
|
||||
src="{{ globals.cdn_url }}<?= htmlspecialchars($book["image"]) ?>?class=verticalsm&type=webp"
|
||||
src="<?= htmlspecialchars($book["image"]) ?>?class=verticalsm&type=webp"
|
||||
alt="<?= htmlspecialchars($book["title"]) ?> by <?= htmlspecialchars($book["author"]) ?>"
|
||||
decoding="async"
|
||||
width="200"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue