Add alt text to all photos

content/2_notes/20180905_through-the-desert/desert.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: A caravan of camels in the desert. The sun sets and paints the sky orange. Mountains are visible in the background.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

content/2_notes/20181005_chasing-waterfalls/waterfall.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: A huge waterfall in the background and a small figure standing at the bottom, raising their arms.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

content/2_notes/20190625_a-night-in-the-forest/forest.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: Two tents in the forest and the sun is shining through the leaves.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

content/2_notes/20200421_across-the-ocean/ocean.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: An array of small tropical islands with high cliffs and jungle on top. Boats sail between them.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

content/2_notes/20200913_himalaya-and-back/himalaya.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: Two donkeys carry climbing gear through rough terrain with high snowy mountain peaks in the background.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

content/2_notes/20201210_exploring-the-universe/dark-forest.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: The milky way above a foggy landscape with mountains in the background and a forest in the foreground.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

content/2_notes/20201210_exploring-the-universe/tent-in-the-woods.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: A tent at night, glowing from a light inside. It is surrounded by tall trees and the milky way is in the background.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

content/2_notes/20201210_exploring-the-universe/universe.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: A silhouette of a man looking up at the milky way at night.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

content/2_notes/_drafts/in-the-jungle-of-sumatra/sumatra.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: A hiker stands in front of an old asian building. Misty mountains in the background.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

content/3_about/table.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: A very clean white room with a small table and a chair in front of it. It's very minimalistic.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

content/3_about/team.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: Three women sit at a desk with their laptops. They are chatting and laughing.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

content/3_about/writing.jpg.txt

@@ -1,3 +1,23 @@
+Caption: 
+
+----
+
+Alt: A table with a notebook, a coffee mug and a croissant from above. A women is taking notes.
+
+----
+
+Photographer: 
+
+----
+
+License: 
+
+----
+
+Link: 
+
+----
+
 Template: blocks/image
 
 ----

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() ?>