Initial commit

site/snippets/blocks/gallery.php

@@ -0,0 +1,23 @@
+<?php
+/** @var \Kirby\Cms\Block $block */
+?>
+<figure class="gallery">
+  <ul>
+    <?php foreach ($block->images()->toFiles() as $image): ?>
+    <li>
+      <?php snippet('image', [
+        'alt'      => $image->alt(),
+        'contain'  => $block->crop()->isTrue(),
+        'lightbox' => true,
+        'ratio'    => $block->ratio()->or('auto'),
+        'src'      => $image->url(),
+      ]) ?>
+    </li>
+    <?php endforeach ?>
+  </ul>
+  <?php if ($block->caption()->isNotEmpty()): ?>
+  <figcaption>
+    <?= $block->caption() ?>
+  </figcaption>
+  <?php endif ?>
+</figure>

site/snippets/blocks/image.php

@@ -0,0 +1,44 @@
+<?php
+
+/*
+  Snippets are a great way to store code snippets for reuse
+  or to keep your templates clean.
+
+  Block snippets control the HTML for individual blocks
+  in the blocks field. This image snippet overwrites
+  Kirby's default image block to add custom classes
+  and data attributes.
+
+  More about snippets:
+  https://getkirby.com/docs/guide/templates/snippets
+*/
+
+$src = null;
+
+if ($block->location()->value() === 'web') {
+    $alt = $block->alt();
+    $src = $block->src();
+} else if ($image = $block->image()->toFile()) {
+    $alt = $block->alt()->or($image->alt());
+    $src = $image->url();
+}
+
+?>
+<?php if ($src): ?>
+<figure>
+  <?php snippet('image', [
+    'alt'      => $alt,
+    'contain'  => $block->crop()->isFalse(),
+    'lightbox' => $block->link()->isEmpty(),
+    'href'     => $block->link()->or($src),
+    'src'      => $src,
+    'ratio'    => $block->ratio()->or('auto')
+  ]) ?>
+
+  <?php if ($block->caption()->isNotEmpty()): ?>
+  <figcaption class="img-caption">
+    <?= $block->caption() ?>
+  </figcaption>
+  <?php endif ?>
+</figure>
+<?php endif ?>

site/snippets/blocks/video.php

@@ -0,0 +1,24 @@
+<?php
+/*
+  Snippets are a great way to store code snippets for reuse
+  or to keep your templates clean.
+
+  Block snippets control the HTML for individual blocks
+  in the blocks field. This video snippet overwrites
+  Kirby's default video block to add custom classes
+  and style attributes.
+
+  More about snippets:
+  https://getkirby.com/docs/guide/templates/snippets
+*/
+?>
+<?php if ($block->url()->isNotEmpty()): ?>
+<figure>
+  <span class="video" style="--w:16;--h:9">
+    <?= video($block->url()) ?>
+  </span>
+  <?php if ($block->caption()->isNotEmpty()): ?>
+  <figcaption class="video-caption"><?= $block->caption() ?></figcaption>
+  <?php endif ?>
+</figure>
+<?php endif ?>