feat: implement mobile menu toggle and update styles for navbar and footer

2025-06-14 19:35:29 +02:00
parent 6177803d35
commit 3b32f066f4
5 changed files with 193 additions and 74 deletions
@@ -10,6 +10,7 @@
      More about snippets:
      https://getkirby.com/docs/guide/templates/snippets
    */
+
 ?>
 <!DOCTYPE html>
 <html lang="de">
@@ -23,6 +24,7 @@
          In the title tag we show the title of our
          site and the title of the current page
        */
+
    ?>

    <title><?= $site->title()->esc() ?> | <?= $page->title()->esc() ?></title>
@@ -33,6 +35,7 @@
          Kirby also provides the `js()` helper to include script file.
          More Kirby helpers: https://getkirby.com/docs/reference/templates/helpers
        */
+
    ?>

    <?= css([
@@ -45,7 +48,9 @@
          absolute URLs in Kirby that always start with the
          base URL of your site.
        */
+
    ?>

-    <link rel="shortcut icon" type="image/x-icon" href="<?= url('assets/favicon.ico') ?>">
+    <link rel="shortcut icon" type="image/x-icon"
+          href="<?= url('assets/favicon.ico') ?>">
 </head>
@@ -11,7 +11,7 @@
      https://getkirby.com/docs/guide/templates/snippets
    */
 ?>
-<nav class="bg-sf_grau-50 shadow-lg sticky top-0 z-50">
+<nav class="bg-sf_grau-100 shadow-lg sticky top-0 z-50">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <div class="flex h-24 items-center justify-between">
            <!-- Logo (Links) -->