Design adjustments, new content and more

site/snippets/footer.php

@@ -1,26 +1,51 @@
 <?php
-/**
- * Snippets are a great way to store code snippets for reuse or to keep your templates clean.
- * in loops or simply to keep your templates clean.
- * This footer snippet is reused in all templates. In fetches information from the `site.txt` content file
- * and from the `about` page.
- * More about snippets: https://getkirby.com/docs/guide/templates/snippets
- */
-?>
+/*
+  Snippets are a great way to store code snippets for reuse
+  or to keep your templates clean.
 
-  </div>
+  This footer snippet is reused in all templates.
+
+  More about snippets:
+  https://getkirby.com/docs/guide/templates/snippets
+*/
+?>
+  </main>
 
   <footer class="footer">
-    <a href="<?= url() ?>">&copy; <?= date('Y') ?> / <?= $site->title() ?></a>
-
-    <?php if ($about = page('about')): ?>
-    <nav class="social">
-      <?php foreach ($about->social()->toStructure() as $social): ?>
-      <a href="<?= $social->url() ?>"><?= $social->platform() ?></a>
-      <?php endforeach ?>
-    </nav>
-    <?php endif ?>
+    <div class="grid">
+      <div class="column" style="--columns: 8">
+        <h2><a href="https://getkirby.com">Made with Kirby</a></h2>
+        <p>
+          Kirby: the file-based CMS that adapts to any project, loved by developers and editors alike
+        </p>
+      </div>
+      <div class="column" style="--columns: 2">
+        <h2>Pages</h2>
+        <ul>
+          <?php foreach ($site->children()->listed() as $example): ?>
+          <li><a href="<?= $example->url() ?>"><?= $example->title()->html() ?></a></li>
+          <?php endforeach ?>
+        </ul>
+      </div>
+      <div class="column" style="--columns: 2">
+        <h2>Kirby</h2>
+        <ul>
+          <li><a href="https://getkirby.com">Website</a></li>
+          <li><a href="https://getkirby.com/docs">Docs</a></li>
+          <li><a href="https://forum.getkirby.com">Forum</a></li>
+          <li><a href="https://chat.getkirby.com">Chat</a></li>
+          <li><a href="https://github.com/getkirby">GitHub</a></li>
+        </ul>
+      </div>
+    </div>
   </footer>
 
+  <?= js([
+    'assets/js/prism.js',
+    'assets/js/lightbox.js',
+    'assets/js/index.js',
+    '@auto'
+  ]) ?>
+
 </body>
 </html>