Add alt text to all photos

site/snippets/note.php

@@ -14,7 +14,7 @@
     <header>
       <figure class="img" style="--w: 16; --h:9">
         <?php if ($cover = $note->cover()): ?>
-        <?= $cover->crop(320, 180) ?>
+          <img src="<?= $cover->crop(320, 180)->url() ?>" alt="<?= $cover->alt()->esc() ?>">
         <?php endif ?>
       </figure>
 

site/templates/album.php

@@ -35,7 +35,7 @@
         <li>
           <a href="<?= $image->url() ?>" data-lightbox>
             <figure class="img" style="--w:<?= $image->width() ?>;--h:<?= $image->height() ?>">
-              <?= $image->resize(800) ?>
+              <img src="<?= $image->resize(800)->url() ?>" alt="<?= $image->alt()->esc() ?>">
             </figure>
           </a>
         </li>

site/templates/home.php

@@ -44,7 +44,7 @@
           */
           ?>
           <?php if ($cover = $album->cover()): ?>
-          <?= $cover->resize(1024, 1024) ?>
+          <img src="<?= $cover->resize(1024, 1024)->url() ?>" alt="<?= $cover->alt()->esc() ?>">
           <?php endif ?>
           <figcaption>
             <span>

site/templates/note.php

@@ -25,7 +25,7 @@
 
 <?php if ($cover = $page->cover()): ?>
 <a href="<?= $cover->url() ?>" data-lightbox class="img" style="--w:2; --h:1">
-  <?= $cover->crop(1200, 600) ?>
+  <img src="<?= $cover->crop(1200, 600)->url() ?>" alt="<?= $cover->alt()->esc() ?>">
 </a>
 <?php endif ?>
 

site/templates/photography.php

@@ -27,7 +27,9 @@
     <a href="<?= $project->url() ?>">
       <figure>
         <span class="img" style="--w:4;--h:5">
-          <?= ($cover = $project->cover()) ? $cover->crop(400, 500) : null ?>
+          <?php if ($cover = $project->cover()): ?>
+            <img src="<?= $cover->crop(400, 500)->url() ?>" alt="<?= $cover->alt()->esc() ?>">
+          <?php endif ?>
         </span>
         <figcaption class="img-caption">
           <?= $project->title()->esc() ?>