webseite-version-01

2026-05-21 15:57:16 +02:00
parent d33d533fba
commit 47fa730c35
176 changed files with 3705 additions and 78 deletions
--- a/.webklar-preview.json
+++ b/.webklar-preview.json
@@ -2,6 +2,7 @@
  "enabled": true,
  "type": "static",
  "branch": "main",
-  "displayName": "Webklar Preview Vorlage",
+  "displayName": "Beyt Beytak Abu Ali",
-  "subdomain": "webklar-preview-template"
+  "subdomain": "Beyt-Beytak-Abu-Ali",
  "index": "www"
 }
--- a/README.md
+++ b/README.md
@@ -1,13 +1,13 @@
-# webklar-preview-template
+# Beyt Beytak Abu Ali
-Vorlage fuer Kunden-Websites mit automatischer Preview unter `*.project.webklar.com`.
+Kunden-Website mit automatischer Preview unter `*.project.webklar.com`.
 ## Preview aktivieren
 Dieses Repo enthaelt [`.webklar-preview.json`](.webklar-preview.json). Beim Push auf den konfigurierten Branch startet der Deploy:
 - URL: `https://project.webklar.com/webhook/gitea`
- Vorschau: `https://<subdomain>.project.webklar.com`
+- Vorschau: `https://Beyt-Beytak-Abu-Ali.project.webklar.com`
 ## Konfiguration (`.webklar-preview.json`)
@@ -18,40 +18,14 @@ Dieses Repo enthaelt [`.webklar-preview.json`](.webklar-preview.json). Beim Push
 | `branch` | Branch fuer Deploy, z. B. `main` |
 | `displayName` | Anzeigename im Kundenportal |
 | `subdomain` | Optional; Default = Repo-Name |
 | `index` | Optional; Unterordner mit `index.html` als Webroot (z. B. `www`) <20> Default = Repo-Root |
 **Keine Passwoerter** in dieser Datei.
-### Beispiel fuer statische Seite
+### Dieses Projekt
-```json
+- **Typ:** `static` (reine HTML/CSS/JS-Seite, kein npm-Build)
-{
+- **Webroot:** [`www/`](www/) <20> Einstieg `www/index.html`
  "enabled": true,
  "type": "static",
  "branch": "main",
  "displayName": "Friseur Mueller",
  "subdomain": "friseur-mueller"
 }
 ```
 ### Beispiel fuer Vite/React (Build)
 ```json
 {
  "enabled": true,
  "type": "node_build",
  "branch": "main",
  "displayName": "Restaurant Demo",
  "subdomain": "restaurant-demo"
 }
 ```
 ## Neues Projekt aus dieser Vorlage
 1. In Gitea: **Use this template** / Repository aus Template erstellen
 2. `displayName` und `subdomain` in `.webklar-preview.json` anpassen
 3. Website-Inhalt ersetzen (`index.html` oder eigenes Frontend)
 4. Push auf `main` <20> Webhook deployt automatisch
 5. Im Admin-Portal (`project.webklar.com`) Kunde dem Projekt zuweisen
 ## Gitea-Webhook (einmalig pro Org/Repo)
--- a/index.html
+++ b/index.html
@@ -1,43 +0,0 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Webklar Preview Vorlage</title>
  <style>
    :root { --bg: #0f1419; --card: #1a2332; --text: #e7ecf3; --accent: #3b82f6; }
    * { box-sizing: border-box; }
    body {
      font-family: system-ui, -apple-system, sans-serif;
      background: var(--bg);
      color: var(--text);
      margin: 0;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem;
    }
    main {
      max-width: 32rem;
      background: var(--card);
      border-radius: 12px;
      padding: 2rem;
      text-align: center;
    }
    h1 { color: var(--accent); margin-top: 0; }
    p { line-height: 1.6; opacity: 0.9; }
    code { background: #0f172a; padding: 0.15rem 0.4rem; border-radius: 4px; }
  </style>
 </head>
 <body>
  <main>
    <h1>Webklar Preview Vorlage</h1>
    <p>Dieses Repository ist als Preview-Projekt konfiguriert.</p>
    <p>Nach dem Push wird die Vorschau unter<br>
      <code>webklar-preview-template.project.webklar.com</code><br>
      bereitgestellt (Login <20>ber <code>project.webklar.com</code>).</p>
    <p>Passe <code>.webklar-preview.json</code> und diese Seite fuer dein Kundenprojekt an.</p>
  </main>
 </body>
 </html>
--- a/www/favicon.ico
+++ b/www/favicon.ico
--- a/www/fonts/CenturyOldStyleStd-Bold.woff2.woff2
+++ b/www/fonts/CenturyOldStyleStd-Bold.woff2.woff2
--- a/www/fonts/TTNorms-Bold.woff2.woff2
+++ b/www/fonts/TTNorms-Bold.woff2.woff2
--- a/www/fonts/TTNorms-BoldItalic.woff2.woff2
+++ b/www/fonts/TTNorms-BoldItalic.woff2.woff2
--- a/www/fonts/TTNorms-Medium.woff2.woff2
+++ b/www/fonts/TTNorms-Medium.woff2.woff2
--- a/www/fonts/TTNorms-Regular.woff2.woff2
+++ b/www/fonts/TTNorms-Regular.woff2.woff2
--- a/www/garten_breitformat_2x.jpg
+++ b/www/garten_breitformat_2x.jpg
--- a/www/garten_breitformat_normal_verbessert.jpg
+++ b/www/garten_breitformat_normal_verbessert.jpg
--- a/www/garten_hochskaliert_4k.jpg
+++ b/www/garten_hochskaliert_4k.jpg
--- a/www/images/apple-touch-icon.png
+++ b/www/images/apple-touch-icon.png
--- a/www/images/assiette-pancakes.png
+++ b/www/images/assiette-pancakes.png
--- a/www/images/assiette-poulet-beurre.png
+++ b/www/images/assiette-poulet-beurre.png
--- a/www/images/assiette-poulet-cari.png
+++ b/www/images/assiette-poulet-cari.png
--- a/www/images/assiette-poulet-pesto.png
+++ b/www/images/assiette-poulet-pesto.png
--- a/www/images/assiette-poulet-zaatar.png
+++ b/www/images/assiette-poulet-zaatar.png
--- a/www/images/assiette-quinoa-falafel.png
+++ b/www/images/assiette-quinoa-falafel.png
--- a/www/images/boite-a-lunch.png
+++ b/www/images/boite-a-lunch.png
--- a/www/images/boule-energie-matcha.png
+++ b/www/images/boule-energie-matcha.png
--- a/www/images/boule-energie.png
+++ b/www/images/boule-energie.png
--- a/www/images/brownie.png
+++ b/www/images/brownie.png
--- a/www/images/cafe-filtre.png
+++ b/www/images/cafe-filtre.png
--- a/www/images/cafelimo-orange.png
+++ b/www/images/cafelimo-orange.png
--- a/www/images/cafelimo.png
+++ b/www/images/cafelimo.png
--- a/www/images/carlsberg.png
+++ b/www/images/carlsberg.png
--- a/www/images/changua.png
+++ b/www/images/changua.png
--- a/www/images/chocolat-chaud.png
+++ b/www/images/chocolat-chaud.png
--- a/www/images/colibri_logo.png
+++ b/www/images/colibri_logo.png
--- a/www/images/creme-tomate-poivron.png
+++ b/www/images/creme-tomate-poivron.png
--- a/www/images/dejeuner-classique-1.png
+++ b/www/images/dejeuner-classique-1.png
--- a/www/images/dejeuner-classique-2.png
+++ b/www/images/dejeuner-classique-2.png
--- a/www/images/double-espresso.png
+++ b/www/images/double-espresso.png
--- a/www/images/equipe-colibri.jpg
+++ b/www/images/equipe-colibri.jpg
--- a/www/images/falafel-4.png
+++ b/www/images/falafel-4.png
--- a/www/images/favicon-192.png
+++ b/www/images/favicon-192.png
--- a/www/images/gerichte/abu-ali-salat.png
+++ b/www/images/gerichte/abu-ali-salat.png
--- a/www/images/gerichte/baba-ghanoush.png
+++ b/www/images/gerichte/baba-ghanoush.png
--- a/www/images/gerichte/falafel-teller.png
+++ b/www/images/gerichte/falafel-teller.png
--- a/www/images/gerichte/fattoush.png
+++ b/www/images/gerichte/fattoush.png
--- a/www/images/gerichte/hackfleisch-boerek.png
+++ b/www/images/gerichte/hackfleisch-boerek.png
--- a/www/images/gerichte/hackfleisch-pide.png
+++ b/www/images/gerichte/hackfleisch-pide.png
--- a/www/images/gerichte/haehnchen-pide.png
+++ b/www/images/gerichte/haehnchen-pide.png
--- a/www/images/gerichte/haehnchenleber-pide.png
+++ b/www/images/gerichte/haehnchenleber-pide.png
--- a/www/images/gerichte/hummus.png
+++ b/www/images/gerichte/hummus.png
--- a/www/images/gerichte/kaese-boerek.png
+++ b/www/images/gerichte/kaese-boerek.png
--- a/www/images/gerichte/kaese-manaesch.png
+++ b/www/images/gerichte/kaese-manaesch.png
--- a/www/images/gerichte/kaesetasche.png
+++ b/www/images/gerichte/kaesetasche.png
--- a/www/images/gerichte/kibbe-frittiert.png
+++ b/www/images/gerichte/kibbe-frittiert.png
--- a/www/images/gerichte/lahmacun.png
+++ b/www/images/gerichte/lahmacun.png
--- a/www/images/gerichte/linsensuppe.png
+++ b/www/images/gerichte/linsensuppe.png
--- a/www/images/gerichte/menue-broasted.png
+++ b/www/images/gerichte/menue-broasted.png
--- a/www/images/gerichte/menue-crispy.png
+++ b/www/images/gerichte/menue-crispy.png
--- a/www/images/gerichte/menue-faijta.png
+++ b/www/images/gerichte/menue-faijta.png
--- a/www/images/gerichte/menue-francisco.png
+++ b/www/images/gerichte/menue-francisco.png
--- a/www/images/gerichte/menue-haehnchenleber.png
+++ b/www/images/gerichte/menue-haehnchenleber.png
--- a/www/images/gerichte/menue-haehnchenspiess.png
+++ b/www/images/gerichte/menue-haehnchenspiess.png
--- a/www/images/gerichte/menue-kebsi.png
+++ b/www/images/gerichte/menue-kebsi.png
--- a/www/images/gerichte/menue-mendi-lamm.png
+++ b/www/images/gerichte/menue-mendi-lamm.png
--- a/www/images/gerichte/menue-mexicano.png
+++ b/www/images/gerichte/menue-mexicano.png
--- a/www/images/gerichte/menue-nuggets.png
+++ b/www/images/gerichte/menue-nuggets.png
--- a/www/images/gerichte/menue-philadelphia.png
+++ b/www/images/gerichte/menue-philadelphia.png
--- a/www/images/gerichte/menue-shawarma.png
+++ b/www/images/gerichte/menue-shawarma.png
--- a/www/images/gerichte/mini-pide.png
+++ b/www/images/gerichte/mini-pide.png
--- a/www/images/gerichte/paprika-manaesch.png
+++ b/www/images/gerichte/paprika-manaesch.png
--- a/www/images/gerichte/pizza-abu-ali.png
+++ b/www/images/gerichte/pizza-abu-ali.png
--- a/www/images/gerichte/pizza-champignon.png
+++ b/www/images/gerichte/pizza-champignon.png
--- a/www/images/gerichte/pizza-familie.png
+++ b/www/images/gerichte/pizza-familie.png
--- a/www/images/gerichte/pizza-hackfleisch.png
+++ b/www/images/gerichte/pizza-hackfleisch.png
--- a/www/images/gerichte/pizza-margherita.png
+++ b/www/images/gerichte/pizza-margherita.png
--- a/www/images/gerichte/pizza-salami.png
+++ b/www/images/gerichte/pizza-salami.png
--- a/www/images/gerichte/pizza-sucuk.png
+++ b/www/images/gerichte/pizza-sucuk.png
--- a/www/images/gerichte/pizza-thunfisch.png
+++ b/www/images/gerichte/pizza-thunfisch.png
--- a/www/images/gerichte/pizza-vegetariana.png
+++ b/www/images/gerichte/pizza-vegetariana.png
--- a/www/images/gerichte/salat-spezial.png
+++ b/www/images/gerichte/salat-spezial.png
--- a/www/images/gerichte/sandwich-burger.png
+++ b/www/images/gerichte/sandwich-burger.png
--- a/www/images/gerichte/sandwich-cheeseburger.png
+++ b/www/images/gerichte/sandwich-cheeseburger.png
--- a/www/images/gerichte/sandwich-chickencheeseburger.png
+++ b/www/images/gerichte/sandwich-chickencheeseburger.png
--- a/www/images/gerichte/sandwich-crispy.png
+++ b/www/images/gerichte/sandwich-crispy.png
--- a/www/images/gerichte/sandwich-faijta.png
+++ b/www/images/gerichte/sandwich-faijta.png
--- a/www/images/gerichte/sandwich-falafel.png
+++ b/www/images/gerichte/sandwich-falafel.png
--- a/www/images/gerichte/sandwich-francisco.png
+++ b/www/images/gerichte/sandwich-francisco.png
--- a/www/images/gerichte/sandwich-haehnchenleber.png
+++ b/www/images/gerichte/sandwich-haehnchenleber.png
--- a/www/images/gerichte/sandwich-haehnchenspiess.png
+++ b/www/images/gerichte/sandwich-haehnchenspiess.png
--- a/www/images/gerichte/sandwich-kebab.png
+++ b/www/images/gerichte/sandwich-kebab.png
--- a/www/images/gerichte/sandwich-mexicano.png
+++ b/www/images/gerichte/sandwich-mexicano.png
--- a/www/images/gerichte/sandwich-philadelphia.png
+++ b/www/images/gerichte/sandwich-philadelphia.png
--- a/www/images/gerichte/sandwich-pommes.png
+++ b/www/images/gerichte/sandwich-pommes.png
--- a/www/images/gerichte/sandwich-shawarma.png
+++ b/www/images/gerichte/sandwich-shawarma.png
--- a/www/images/gerichte/sandwich-sucuk.png
+++ b/www/images/gerichte/sandwich-sucuk.png
--- a/www/images/gerichte/spinat-boerek.png
+++ b/www/images/gerichte/spinat-boerek.png
--- a/www/images/gerichte/spinattasche.png
+++ b/www/images/gerichte/spinattasche.png
--- a/www/images/gerichte/steak-manaesch.png
+++ b/www/images/gerichte/steak-manaesch.png
--- a/www/images/gerichte/sucuk-pide.png
+++ b/www/images/gerichte/sucuk-pide.png
--- a/www/images/gerichte/taboulah.png
+++ b/www/images/gerichte/taboulah.png
--- a/www/images/gerichte/toshka.png
+++ b/www/images/gerichte/toshka.png
--- a/www/images/gerichte/vorspeisen-teller.png
+++ b/www/images/gerichte/vorspeisen-teller.png
--- a/www/images/gerichte/weinblaetter.png
+++ b/www/images/gerichte/weinblaetter.png
--- a/www/images/gerichte/zaater-manaesch.png
+++ b/www/images/gerichte/zaater-manaesch.png
--- a/Show More
+++ b/Show More