Initial Commit

2025-06-14 17:42:12 +02:00
commit 815dbb4139
23 changed files with 3606 additions and 0 deletions
@@ -0,0 +1,21 @@
+title: Default Page
+
+columns:
+  main:
+    width: 2/3
+    sections:
+      fields:
+        type: fields
+        fields:
+          text:
+            type: textarea
+            size: huge
+  sidebar:
+    width: 1/3
+    sections:
+      pages:
+        type: pages
+        template: default
+      files:
+        type: files
+
@@ -0,0 +1,5 @@
+title: Site
+
+sections:
+  pages:
+    type: pages
@@ -0,0 +1,23 @@
+<?php
+    /*
+      Snippets are a great way to store code snippets for reuse
+      or to keep your templates clean.
+
+      This footer snippet is reused in all templates.
+
+      More about snippets:
+      https://getkirby.com/docs/guide/templates/snippets
+    */
+?>
+    <footer class="bg-gray-800 text-white p-6 mt-8 shadow-inner">
+        <div class="container mx-auto text-center">
+            <p>&copy; 2025 Meine Simple Webseite. Alle Rechte vorbehalten.</p>
+            <div class="mt-2 space-x-4">
+                <a href="#" class="hover:text-gray-300">Datenschutz</a>
+                <a href="#" class="hover:text-gray-300">Impressum</a>
+            </div>
+        </div>
+    </footer>
+    
+</body>
+</html>
@@ -0,0 +1,51 @@
+<?php
+    /*
+      Snippets are a great way to store code snippets for reuse
+      or to keep your templates clean.
+
+      This header snippet is reused in all templates.
+      It fetches information from the `site.txt` content file
+      and contains the site navigation.
+
+      More about snippets:
+      https://getkirby.com/docs/guide/templates/snippets
+    */
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+
+    <?php
+        /*
+          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>
+
+    <?php
+        /*
+          Stylesheets can be included using the `css()` helper.
+          Kirby also provides the `js()` helper to include script file.
+          More Kirby helpers: https://getkirby.com/docs/reference/templates/helpers
+        */
+    ?>
+
+    <?= css([
+        'assets/css/styles.css',
+    ]) ?>
+
+    <?php
+        /*
+          The `url()` helper is a great way to create reliable
+          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') ?>">
+</head>
@@ -0,0 +1,66 @@
+<?php
+    /*
+      Templates render the content of your pages.
+
+      They contain the markup together with some control structures
+      like loops or if-statements. The `$page` variable always
+      refers to the currently active page.
+
+      To fetch the content from each field we call the field name as a
+      method on the `$page` object, e.g. `$page->title()`.
+
+      This default template must not be removed. It is used whenever Kirby
+      cannot find a template with the name of the content file.
+
+      Snippets like the header and footer contain markup used in
+      multiple templates. They also help to keep templates clean.
+
+      More about templates: https://getkirby.com/docs/guide/templates/basics
+    */
+?>
+<?php snippet('header') ?>
+
+<body class="font-sans antialiased bg-gray-100 text-gray-900">
+    <nav class="bg-blue-600 p-4 shadow-md">
+        <div class="container mx-auto flex justify-between items-center">
+            <a href="#" class="text-white text-2xl font-bold">Mein Logo</a>
+            <div class="space-x-4">
+                <a href="#" class="text-white hover:text-blue-200">Startseite</a>
+                <a href="#" class="text-white hover:text-blue-200">Über Uns</a>
+                <a href="#" class="text-white hover:text-blue-200">Dienstleistungen</a>
+                <a href="#" class="text-white hover:text-blue-200">Kontakt</a>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container mx-auto mt-8 p-4 bg-white rounded-lg shadow-lg max-w-4xl">
+        <h1 class="text-4xl font-bold text-gray-800 mb-6 text-center">Willkommen auf meiner Webseite!</h1>
+
+        <p class="text-lg leading-relaxed mb-4">
+            Dies ist ein Beispielinhalt für Ihre Webseite. Der Text ist in einem zentralen Container eingefasst,
+            der die Breite begrenzt, um die Lesbarkeit zu verbessern und das Design ansprechender zu gestalten.
+            Probieren Sie, die Größe Ihres Browserfensters zu ändern, um zu sehen, wie sich der Inhalt anpasst.
+        </p>
+
+        <p class="text-lg leading-relaxed mb-4">
+            Tailwind CSS ermöglicht es uns, schnell und effizient modernes Design zu erstellen,
+            ohne benutzerdefiniertes CSS schreiben zu müssen. Alle Stile werden direkt in der HTML-Klasse definiert,
+            was die Entwicklung beschleunigt und die Wartung vereinfacht.
+        </p>
+
+        <h2 class="text-3xl font-semibold text-gray-700 mt-8 mb-4">Einige Vorteile von Tailwind CSS:</h2>
+        <ul class="list-disc list-inside text-lg leading-relaxed mb-4 ml-4">
+            <li>Schnelle Entwicklung dank Utility-First-Ansatz</li>
+            <li>Hochgradig anpassbar</li>
+            <li>Responsives Design out-of-the-box</li>
+            <li>Geringere CSS-Dateigröße in Produktionsumgebungen (nach Purging)</li>
+        </ul>
+
+        <p class="text-lg leading-relaxed">
+            Fügen Sie hier Ihren eigenen Inhalt hinzu, um Ihre Webseite individuell zu gestalten.
+            Ob Texte, Bilder oder interaktive Elemente – alles passt perfekt in diesen responsiven Container.
+        </p>
+    </div>
+</body>
+
+<?php snippet('footer') ?>