From aa6f78f2dec2970134602ea7e3d17bf9cacab2ad Mon Sep 17 00:00:00 2001
From: matt <matt@br0tkasten.de>
Date: Mon, 12 May 2025 16:35:32 +0200
Subject: [PATCH] ui for presentations

---
 presentations/index.html  | 75 +++++++++++++++++++++++++++++++++++++++
 presentations/london.html |  2 +-
 2 files changed, 76 insertions(+), 1 deletion(-)
 create mode 100644 presentations/index.html
diff --git a/presentations/index.html b/presentations/index.html
new file mode 100644
index 0000000..93d1ab1
--- /dev/null
+++ b/presentations/index.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Creative Crafter</title>
+    <link href="" rel="stylesheet">
+    <style>
+        @font-face {
+            font-family: "Titillium";
+            src: url("/Titillium-Web-Regular.ttf");
+        }
+        body {
+            font-family: 'Titillium';
+            height: 100%;
+            margin: 0;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            text-align: center;
+            background-color: #e6f7ff; /* Leichtes Blau */
+        }
+        h1 {
+            text-align: center;
+        }
+        h2 {
+            text-align: center;
+        }
+        h1, h2, h3 {
+            text-align: center;
+        }
+        .category-container {
+            width: 80%;
+            max-width: 800px;
+            margin-top: 20px;
+        }
+        .category {
+            padding: 15px;
+            border: 1px solid #ccc;
+            border-radius: 8px;
+            margin: 10px 0;
+            background-color: #fff;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            text-align: left;
+        }
+        .category-title {
+            font-size: 1.2em;
+            font-weight: bold;
+            margin-bottom: 5px;
+        }
+        .category-description {
+            font-size: 1em;
+            margin-bottom: 10px;
+        }
+        .category a {
+            color: #007bff;
+            text-decoration: none;
+        }
+        .category a:hover {
+            text-decoration: underline;
+        }
+    </style>
+</head>
+<body>
+    <h1><img src="/icons/Controller.png" height="150svh"><br/>Creative Crafter</h1>
+
+    <h1>Presentations</h1>
+    <div class="category-container">
+        <div class="category">
+            <div class="category-title">London</div>
+            <div class="category-description">A presentation about london.</div>
+            <a href="/presentations/london.html">Mehr erfahren</a>
+        </div>
+</body>
+</html>
diff --git a/presentations/london.html b/presentations/london.html
index 07cd8d1..fcec309 100644
--- a/presentations/london.html
+++ b/presentations/london.html
@@ -93,7 +93,7 @@
     <h1><img src="/icons/Controller.png" height="150svh">
     <br/>
     Creative Crafter</h1>
-    
+    <h3>A presentation about London</h3>
 
         <br>
         <br>
