initial webapp draft

2025-09-11 16:01:32 +02:00 · 2025-09-11 16:01:32 +02:00 · 4f2723b767
commit 4f2723b767
22 changed files with 713 additions and 0 deletions
--- a/templates/landing.html
+++ b/templates/landing.html
@ -0,0 +1,122 @@
+<!-- templates/landing.html -->
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Studio Einszwovier</title>
+  <link rel="stylesheet" href="/static/css/style.css">
+  <style>
+    /* Body & layout */
+    body {
+      font-family: 'BauPro', sans-serif;
+      background-color: #f0f4f8;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      color: #001f3f;
+      /* navy text */
+    }
+
+    /* Header with logo */
+    header {
+      width: 100%;
+      background-color: #001f3f;
+      /* navy */
+      color: #fff;
+      padding: 1.5em 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+    }
+
+    header h1 {
+      margin: 0.5em 0 0;
+      font-family: 'SISTEMAS', sans-serif;
+      font-size: 2em;
+    }
+
+    header p {
+      margin: 0;
+      font-size: 1em;
+      color: #ff00ff;
+      /* magenta accent for subtitle */
+    }
+
+    .logo-link img {
+      height: 80px;
+      margin-bottom: 0.5em;
+      cursor: pointer;
+    }
+
+    /* Main container with links */
+    .container {
+      max-width: 700px;
+      width: 90%;
+      margin: 3em auto;
+      display: flex;
+      flex-direction: column;
+      gap: 1.5em;
+    }
+
+    /* Link cards */
+    a.link-card {
+      display: block;
+      padding: 1.2em 1em;
+      background-color: #fff;
+      color: #001f3f;
+      /* navy text */
+      text-decoration: none;
+      border-left: 6px solid #ff00ff;
+      /* magenta accent */
+      border-radius: 10px;
+      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+      font-size: 1.2em;
+      text-align: center;
+      transition: all 0.3s ease;
+    }
+
+    a.link-card:hover {
+      background-color: #ff0;
+      /* yellow hover */
+      color: #001f3f;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+      transform: translateY(-2px);
+    }
+
+    footer {
+      margin-top: 4em;
+      color: #555;
+      text-align: center;
+      font-size: 0.9em;
+      padding-bottom: 2em;
+    }
+  </style>
+</head>
+
+<body>
+  <header>
+    <a href="/" class="logo-link">
+      <img src="/static/images/logo.png" alt="Studio Einszwovier Logo">
+    </a>
+    <h1>Studio Einszwovier</h1>
+    <p>Welcome to the school makerspace portal at the GvB</p>
+  </header>
+
+  <div class="container">
+    <a class="link-card" href="/about">About us</a>
+    <a class="link-card" href="/cost">Print Cost Calculator</a>
+    <a class="link-card" href="mailto:einszwovier@gvb-gymnasium.de">Contact: einszwovier@gvb-gymnasium.de</a>
+    <a class="link-card" href="https://gvb-gymnasium.de">Log in to iServ</a>
+    <a class="link-card" href="https://www.gvb-berlin.de">School website</a>
+  </div>
+
+  <footer>
+    &copy; Studio Einszwovier @ GvB Berlin
+  </footer>
+</body>
+
+</html>