feat: tägliche KI-generierte Fake-Startup-Seite mit Archiv und Auflösungsseite
MOBEA ist jeden Tag ein anderes Startup: Ein Generator-Container erzeugt 1x täglich via OpenRouter Texte und via Pixazo SDXL ein Hero-Bild, rendert statisches HTML nach public/ (nginx) und archiviert alle Ausgaben unter /archiv. Alle CTAs führen auf die Satire-Auflösung unter /echt-jetzt/. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Frank Schwenk
@@ -0,0 +1,6 @@
|
||||
# OpenRouter (Text-Generierung, 1 Call/Tag)
|
||||
OPENROUTER_API_KEY=
|
||||
# frei wählbares Modell, z.B. ein günstiges
|
||||
OPENROUTER_MODEL=openai/gpt-4o-mini
|
||||
# Pixazo SDXL (Hero-Bild, kostenlos) - Ocp-Apim-Subscription-Key
|
||||
PIXAZO_API_KEY=
|
||||
@@ -0,0 +1,6 @@
|
||||
.env
|
||||
__pycache__/
|
||||
data/
|
||||
public/index.html
|
||||
public/archiv/
|
||||
public/img/
|
||||
+29
@@ -0,0 +1,29 @@
|
||||
services:
|
||||
|
||||
mobeade:
|
||||
image: "nginx"
|
||||
volumes:
|
||||
- "./public:/usr/share/nginx/html:ro"
|
||||
- "./nginx.conf:/etc/nginx/nginx.conf:ro"
|
||||
container_name: "mobeade"
|
||||
restart: always
|
||||
labels:
|
||||
- "traefik.enable=true"
|
||||
- "traefik.http.routers.mobeade.rule=Host(`mobea.de`)||Host(`www.mobea.de`)"
|
||||
- "traefik.http.routers.mobeade.entrypoints=websecure"
|
||||
- "traefik.http.routers.mobeade.tls.certresolver=myresolver"
|
||||
networks:
|
||||
- traefik
|
||||
|
||||
mobea-generator:
|
||||
build: ./generator
|
||||
container_name: mobea-generator
|
||||
restart: always
|
||||
env_file: .env
|
||||
volumes:
|
||||
- "./public:/site"
|
||||
- "./data:/data"
|
||||
|
||||
networks:
|
||||
traefik:
|
||||
external: true
|
||||
@@ -0,0 +1,14 @@
|
||||
FROM python:3.12-alpine
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
ENV TZ=UTC \
|
||||
PYTHONUNBUFFERED=1
|
||||
|
||||
COPY requirements.txt .
|
||||
RUN pip install --no-cache-dir -r requirements.txt
|
||||
|
||||
COPY . .
|
||||
RUN chmod +x /app/entrypoint.sh
|
||||
|
||||
ENTRYPOINT ["sh", "/app/entrypoint.sh"]
|
||||
Executable
+12
@@ -0,0 +1,12 @@
|
||||
#!/bin/sh
|
||||
# Kein `set -e`: ein Fehlschlag von generate.py darf die Schleife nicht beenden,
|
||||
# der nächste Versuch erfolgt nach einer Stunde.
|
||||
|
||||
while true; do
|
||||
python /app/generate.py
|
||||
exit_code=$?
|
||||
if [ "$exit_code" -ne 0 ]; then
|
||||
echo "$(date -u '+%Y-%m-%dT%H:%M:%SZ') generate.py exited with code $exit_code"
|
||||
fi
|
||||
sleep 3600
|
||||
done
|
||||
@@ -0,0 +1,363 @@
|
||||
#!/usr/bin/env python3
|
||||
"""Daily mobea.de startup page generator."""
|
||||
|
||||
from __future__ import annotations
|
||||
|
||||
import json
|
||||
import os
|
||||
import random
|
||||
import re
|
||||
import sys
|
||||
from datetime import date, datetime, timezone
|
||||
from pathlib import Path
|
||||
|
||||
import requests
|
||||
from jinja2 import Environment, FileSystemLoader
|
||||
|
||||
import topics
|
||||
|
||||
GERMAN_MONTHS = [
|
||||
"Januar",
|
||||
"Februar",
|
||||
"März",
|
||||
"April",
|
||||
"Mai",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"August",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"Dezember",
|
||||
]
|
||||
|
||||
THEMES = ["corporate", "neon", "mystic", "brutalist", "pastel"]
|
||||
|
||||
REQUIRED_LLM_KEYS = [
|
||||
"backronym_words",
|
||||
"tagline",
|
||||
"subtitle",
|
||||
"pitch",
|
||||
"features",
|
||||
"pricing",
|
||||
"testimonials",
|
||||
"faq",
|
||||
"cta",
|
||||
"stats",
|
||||
"image_prompt",
|
||||
"image_negative_prompt",
|
||||
]
|
||||
|
||||
LLM_SCHEMA = """{
|
||||
"backronym_words": ["Modulare", "Orbitale", "Bewusstseins-", "Energie-", "Allianz"],
|
||||
"tagline": "kurzer knackiger Claim",
|
||||
"subtitle": "1-2 Sätze Hero-Untertitel",
|
||||
"pitch": "Absatz 'Über uns', 3-5 Sätze, völlig ernst im Ton",
|
||||
"features": [{"icon": "🔮", "title": "...", "text": "1-2 Sätze"}],
|
||||
"pricing": [{"name": "Starter", "price": "9,99 €", "period": "/Monat", "features": ["...","...","..."], "cta": "Jetzt starten"}],
|
||||
"testimonials": [{"quote": "...", "author": "Vorname N.", "role": "Beruf, Stadt"}],
|
||||
"faq": [{"q": "...", "a": "..."}],
|
||||
"cta": "Haupt-Button-Text",
|
||||
"stats": [{"value": "98,3%", "label": "..."}],
|
||||
"image_prompt": "english SDXL prompt for the hero image, no text in image",
|
||||
"image_negative_prompt": "english negative prompt"
|
||||
}"""
|
||||
|
||||
SCRIPT_DIR = Path(__file__).resolve().parent
|
||||
|
||||
|
||||
def log(message: str) -> None:
|
||||
ts = datetime.now(timezone.utc).strftime("%Y-%m-%dT%H:%M:%SZ")
|
||||
print(f"{ts} {message}", flush=True)
|
||||
|
||||
|
||||
def date_human(day: date) -> str:
|
||||
return f"{day.day}. {GERMAN_MONTHS[day.month - 1]} {day.year}"
|
||||
|
||||
|
||||
def load_archive(data_dir: Path) -> list[dict]:
|
||||
path = data_dir / "archive.json"
|
||||
if not path.exists():
|
||||
return []
|
||||
try:
|
||||
data = json.loads(path.read_text(encoding="utf-8"))
|
||||
if isinstance(data, list):
|
||||
return data
|
||||
log(f"warning: {path} is not a list, starting fresh")
|
||||
except (json.JSONDecodeError, OSError) as exc:
|
||||
log(f"warning: could not read {path}: {exc}, starting fresh")
|
||||
return []
|
||||
|
||||
|
||||
def save_json_atomic(path: Path, data: object) -> None:
|
||||
path.parent.mkdir(parents=True, exist_ok=True)
|
||||
tmp = path.with_suffix(path.suffix + ".tmp")
|
||||
tmp.write_text(json.dumps(data, ensure_ascii=False, indent=2) + "\n", encoding="utf-8")
|
||||
os.replace(tmp, path)
|
||||
|
||||
|
||||
def write_text_atomic(path: Path, content: str) -> None:
|
||||
path.parent.mkdir(parents=True, exist_ok=True)
|
||||
tmp = path.with_suffix(path.suffix + ".tmp")
|
||||
tmp.write_text(content, encoding="utf-8")
|
||||
os.replace(tmp, path)
|
||||
|
||||
|
||||
def strip_json_fences(text: str) -> str:
|
||||
stripped = text.strip()
|
||||
if stripped.startswith("```"):
|
||||
stripped = re.sub(r"^```(?:json)?\s*", "", stripped)
|
||||
stripped = re.sub(r"\s*```$", "", stripped)
|
||||
return stripped.strip()
|
||||
|
||||
|
||||
def validate_llm_json(data: dict) -> None:
|
||||
missing = [key for key in REQUIRED_LLM_KEYS if key not in data]
|
||||
if missing:
|
||||
raise ValueError(f"missing required keys: {', '.join(missing)}")
|
||||
|
||||
if len(data.get("backronym_words", [])) != 5:
|
||||
log("warning: backronym_words should contain exactly 5 words")
|
||||
|
||||
features = data.get("features", [])
|
||||
if not (3 <= len(features) <= 4):
|
||||
log(f"warning: expected 3-4 features, got {len(features)}")
|
||||
|
||||
pricing = data.get("pricing", [])
|
||||
if len(pricing) != 3:
|
||||
log(f"warning: expected exactly 3 pricing tiers, got {len(pricing)}")
|
||||
elif pricing[-1].get("name") != "Enterprise":
|
||||
log("warning: last pricing tier should be named 'Enterprise'")
|
||||
elif pricing[-1].get("price") != "Auf Anfrage":
|
||||
log("warning: Enterprise tier price should be 'Auf Anfrage'")
|
||||
elif pricing[-1].get("cta") != "Kontaktieren Sie uns":
|
||||
log("warning: Enterprise tier cta should be 'Kontaktieren Sie uns'")
|
||||
|
||||
testimonials = data.get("testimonials", [])
|
||||
if not (2 <= len(testimonials) <= 3):
|
||||
log(f"warning: expected 2-3 testimonials, got {len(testimonials)}")
|
||||
|
||||
faq = data.get("faq", [])
|
||||
if not (3 <= len(faq) <= 4):
|
||||
log(f"warning: expected 3-4 faq entries, got {len(faq)}")
|
||||
|
||||
stats = data.get("stats", [])
|
||||
if len(stats) != 3:
|
||||
log(f"warning: expected exactly 3 stats, got {len(stats)}")
|
||||
|
||||
|
||||
def build_system_prompt() -> str:
|
||||
return (
|
||||
"Du bist Texter für eine Satire-Website namens mobea.de – "
|
||||
"'das Startup, das jeden Tag ein anderes Startup ist'. "
|
||||
"Schreibe ausschließlich auf Deutsch (außer image_prompt und image_negative_prompt). "
|
||||
"Der Humor entsteht durch absurde Inhalte in völlig ernstem Startup-Marketing-Ton. "
|
||||
"Antworte ausschließlich mit validem JSON nach diesem Schema:\n"
|
||||
f"{LLM_SCHEMA}\n\n"
|
||||
"Pflichtregeln: backronym_words = genau 5 Wörter, deren Anfangsbuchstaben "
|
||||
"zusammen MOBEA ergeben; 3-4 features; genau 3 pricing tiers, der letzte "
|
||||
"name 'Enterprise', price 'Auf Anfrage', cta 'Kontaktieren Sie uns'; "
|
||||
"2-3 testimonials; 3-4 faq; genau 3 stats."
|
||||
)
|
||||
|
||||
|
||||
def build_user_prompt(selected_topics: list[dict]) -> str:
|
||||
lines = ["Themen des Tages:"]
|
||||
for topic in selected_topics:
|
||||
lines.append(f"- {topic['name']}: {topic['hint']}")
|
||||
lines.append(
|
||||
"Erfinde ein völlig neues, absurd-satirisches Startup im todernsten "
|
||||
"Marketing-Ton. Alle Texte müssen wie echtes Startup-Deutsch klingen."
|
||||
)
|
||||
return "\n".join(lines)
|
||||
|
||||
|
||||
def call_openrouter(api_key: str, model: str, selected_topics: list[dict]) -> dict:
|
||||
payload = {
|
||||
"model": model,
|
||||
"temperature": 0.9,
|
||||
"response_format": {"type": "json_object"},
|
||||
"messages": [
|
||||
{"role": "system", "content": build_system_prompt()},
|
||||
{"role": "user", "content": build_user_prompt(selected_topics)},
|
||||
],
|
||||
}
|
||||
response = requests.post(
|
||||
"https://openrouter.ai/api/v1/chat/completions",
|
||||
headers={
|
||||
"Authorization": f"Bearer {api_key}",
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
json=payload,
|
||||
timeout=120,
|
||||
)
|
||||
response.raise_for_status()
|
||||
body = response.json()
|
||||
content = body["choices"][0]["message"]["content"]
|
||||
data = json.loads(strip_json_fences(content))
|
||||
validate_llm_json(data)
|
||||
return data
|
||||
|
||||
|
||||
def generate_hero_image(
|
||||
api_key: str,
|
||||
site_dir: Path,
|
||||
date_iso: str,
|
||||
prompt: str,
|
||||
negative_prompt: str,
|
||||
) -> str | None:
|
||||
try:
|
||||
response = requests.post(
|
||||
"https://gateway.pixazo.ai/getImage/v1/getSDXLImage",
|
||||
headers={
|
||||
"Content-Type": "application/json",
|
||||
"Cache-Control": "no-cache",
|
||||
"Ocp-Apim-Subscription-Key": api_key,
|
||||
},
|
||||
json={
|
||||
"prompt": prompt,
|
||||
"negative_prompt": negative_prompt,
|
||||
"height": 1024,
|
||||
"width": 1024,
|
||||
"num_steps": 20,
|
||||
"guidance_scale": 5,
|
||||
},
|
||||
timeout=180,
|
||||
)
|
||||
response.raise_for_status()
|
||||
body = response.json()
|
||||
image_url = body.get("imageUrl") or body.get("output")
|
||||
if not image_url:
|
||||
log("warning: Pixazo response missing imageUrl/output")
|
||||
return None
|
||||
|
||||
img_response = requests.get(image_url, timeout=120)
|
||||
img_response.raise_for_status()
|
||||
|
||||
img_dir = site_dir / "img"
|
||||
img_dir.mkdir(parents=True, exist_ok=True)
|
||||
img_path = img_dir / f"{date_iso}.jpg"
|
||||
img_path.write_bytes(img_response.content)
|
||||
return f"/img/{date_iso}.jpg"
|
||||
except (requests.RequestException, OSError, KeyError, TypeError, ValueError) as exc:
|
||||
log(f"warning: hero image generation failed: {exc}")
|
||||
return None
|
||||
|
||||
|
||||
def render_template(name: str, context: dict) -> str:
|
||||
env = Environment(
|
||||
loader=FileSystemLoader(SCRIPT_DIR / "templates"),
|
||||
autoescape=True,
|
||||
)
|
||||
return env.get_template(name).render(**context)
|
||||
|
||||
|
||||
def build_archiv_entries(archive: list[dict]) -> list[dict]:
|
||||
entries = []
|
||||
for item in sorted(archive, key=lambda e: e["date"], reverse=True):
|
||||
entries.append(
|
||||
{
|
||||
"date": item["date"],
|
||||
"date_human": item["date_human"],
|
||||
"backronym": item["backronym"],
|
||||
"tagline": item["tagline"],
|
||||
"url": f"/archiv/{item['date']}.html",
|
||||
"image": f"/img/{item['date']}.jpg" if item.get("has_image") else None,
|
||||
"topics": item.get("topics", []),
|
||||
}
|
||||
)
|
||||
return entries
|
||||
|
||||
|
||||
def main() -> int:
|
||||
api_key = os.environ.get("OPENROUTER_API_KEY")
|
||||
model = os.environ.get("OPENROUTER_MODEL")
|
||||
pixazo_key = os.environ.get("PIXAZO_API_KEY")
|
||||
site_dir = Path(os.environ.get("SITE_DIR", "/site"))
|
||||
data_dir = Path(os.environ.get("DATA_DIR", "/data"))
|
||||
generate_hour = int(os.environ.get("GENERATE_HOUR_UTC", "5"))
|
||||
|
||||
if not api_key:
|
||||
log("error: OPENROUTER_API_KEY is required")
|
||||
return 1
|
||||
if not model:
|
||||
log("error: OPENROUTER_MODEL is required")
|
||||
return 1
|
||||
|
||||
now = datetime.now(timezone.utc)
|
||||
today = now.date()
|
||||
date_iso = today.isoformat()
|
||||
index_path = site_dir / "index.html"
|
||||
|
||||
archive = load_archive(data_dir)
|
||||
if any(entry.get("date") == date_iso for entry in archive) and index_path.exists():
|
||||
log("up to date")
|
||||
return 0
|
||||
|
||||
if index_path.exists() and now.hour < generate_hour:
|
||||
log(f"waiting until {generate_hour:02d}:00 UTC (current hour: {now.hour})")
|
||||
return 0
|
||||
|
||||
selected_topics = topics.pick_topics(today)
|
||||
theme = random.Random(f"theme-{date_iso}").choice(THEMES)
|
||||
log(f"generating edition for {date_iso} theme={theme} topics={[t['name'] for t in selected_topics]}")
|
||||
|
||||
try:
|
||||
llm_json = call_openrouter(api_key, model, selected_topics)
|
||||
except (requests.RequestException, json.JSONDecodeError, KeyError, ValueError) as exc:
|
||||
log(f"error: OpenRouter call failed: {exc}")
|
||||
return 1
|
||||
|
||||
hero_image = None
|
||||
if pixazo_key:
|
||||
hero_image = generate_hero_image(
|
||||
pixazo_key,
|
||||
site_dir,
|
||||
date_iso,
|
||||
llm_json["image_prompt"],
|
||||
llm_json["image_negative_prompt"],
|
||||
)
|
||||
else:
|
||||
log("PIXAZO_API_KEY not set, skipping hero image")
|
||||
|
||||
human_date = date_human(today)
|
||||
startup_context = {
|
||||
"date": date_iso,
|
||||
"date_human": human_date,
|
||||
"theme": theme,
|
||||
"hero_image": hero_image,
|
||||
"s": llm_json,
|
||||
}
|
||||
startup_html = render_template("startup.html.j2", startup_context)
|
||||
|
||||
archiv_day_path = site_dir / "archiv" / f"{date_iso}.html"
|
||||
write_text_atomic(index_path, startup_html)
|
||||
write_text_atomic(archiv_day_path, startup_html)
|
||||
log(f"wrote {index_path} and {archiv_day_path}")
|
||||
|
||||
archive_entry = {
|
||||
"date": date_iso,
|
||||
"date_human": human_date,
|
||||
"backronym": " ".join(llm_json["backronym_words"]),
|
||||
"tagline": llm_json["tagline"],
|
||||
"theme": theme,
|
||||
"topics": [topic["name"] for topic in selected_topics],
|
||||
"has_image": hero_image is not None,
|
||||
}
|
||||
archive = [entry for entry in archive if entry.get("date") != date_iso]
|
||||
archive.append(archive_entry)
|
||||
save_json_atomic(data_dir / "archive.json", archive)
|
||||
log(f"updated {data_dir / 'archive.json'}")
|
||||
|
||||
archiv_html = render_template(
|
||||
"archiv.html.j2",
|
||||
{"entries": build_archiv_entries(archive)},
|
||||
)
|
||||
write_text_atomic(site_dir / "archiv" / "index.html", archiv_html)
|
||||
log(f"wrote {site_dir / 'archiv' / 'index.html'}")
|
||||
|
||||
return 0
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
sys.exit(main())
|
||||
@@ -0,0 +1,2 @@
|
||||
requests==2.32.3
|
||||
jinja2==3.1.6
|
||||
@@ -0,0 +1,270 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>MOBEA Archiv – Unsere bisherigen Pivots</title>
|
||||
<meta name="description" content="Jeden Tag ein neues Startup. Hier ruhen die bisherigen.">
|
||||
<meta name="theme-color" content="#111118">
|
||||
<style>
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
|
||||
body {
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
||||
background: #111118;
|
||||
color: #e4e4ec;
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
a { color: inherit; text-decoration: none; }
|
||||
img { max-width: 100%; display: block; }
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: 1080px;
|
||||
margin: 0 auto;
|
||||
padding: 0 1.25rem;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.header {
|
||||
border-bottom: 1px solid #2a2a38;
|
||||
padding: 1.5rem 0;
|
||||
}
|
||||
|
||||
.header-inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-weight: 800;
|
||||
font-size: 1.25rem;
|
||||
letter-spacing: 0.12em;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.header-nav {
|
||||
display: flex;
|
||||
gap: 1.5rem;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.header-nav a {
|
||||
color: #8888a0;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.header-nav a:hover { color: #c8c8d8; }
|
||||
|
||||
/* Main */
|
||||
.main { padding: 3rem 0 4rem; }
|
||||
|
||||
.intro {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.intro h1 {
|
||||
font-size: clamp(1.5rem, 4vw, 2.25rem);
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.intro p {
|
||||
font-size: 1.05rem;
|
||||
color: #8888a0;
|
||||
max-width: 36rem;
|
||||
}
|
||||
|
||||
/* Empty state */
|
||||
.empty {
|
||||
text-align: center;
|
||||
padding: 4rem 2rem;
|
||||
border: 1px dashed #2a2a38;
|
||||
border-radius: 12px;
|
||||
color: #8888a0;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
/* Grid */
|
||||
.archive-grid {
|
||||
display: grid;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.archive-grid { grid-template-columns: repeat(2, 1fr); }
|
||||
}
|
||||
|
||||
@media (min-width: 900px) {
|
||||
.archive-grid { grid-template-columns: repeat(3, 1fr); }
|
||||
}
|
||||
|
||||
.entry-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #1a1a24;
|
||||
border: 1px solid #2a2a38;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.entry-card:hover {
|
||||
border-color: #4a4a60;
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.entry-thumb {
|
||||
aspect-ratio: 16 / 9;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(135deg, #2a2040 0%, #1a2838 50%, #283020 100%);
|
||||
}
|
||||
|
||||
.entry-thumb img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.entry-body {
|
||||
padding: 1.25rem;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.entry-date {
|
||||
font-size: 0.75rem;
|
||||
color: #686880;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
}
|
||||
|
||||
.entry-backronym {
|
||||
font-size: 0.95rem;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.entry-tagline {
|
||||
font-size: 0.85rem;
|
||||
color: #a0a0b8;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.entry-topics {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.4rem;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.topic-badge {
|
||||
font-size: 0.7rem;
|
||||
font-weight: 600;
|
||||
padding: 0.2rem 0.6rem;
|
||||
border-radius: 999px;
|
||||
background: #2a2a38;
|
||||
color: #a0a0b8;
|
||||
border: 1px solid #3a3a50;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer {
|
||||
border-top: 1px solid #2a2a38;
|
||||
padding: 2rem 0;
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.footer-inner {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
font-size: 0.8rem;
|
||||
color: #686880;
|
||||
}
|
||||
|
||||
.footer-links {
|
||||
display: flex;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.footer-links a {
|
||||
color: #8888a0;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.footer-links a:hover { color: #c8c8d8; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="header">
|
||||
<div class="container header-inner">
|
||||
<span class="logo">MOBEA</span>
|
||||
<nav class="header-nav">
|
||||
<a href="/">Heute</a>
|
||||
<a href="/echt-jetzt/">Kontakt</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<div class="container">
|
||||
<div class="intro">
|
||||
<h1>Unsere bisherigen Pivots</h1>
|
||||
<p>Jeden Tag ein neues Startup. Hier ruhen die bisherigen.</p>
|
||||
</div>
|
||||
|
||||
{% if entries %}
|
||||
<div class="archive-grid">
|
||||
{% for entry in entries %}
|
||||
<a href="{{ entry.url }}" class="entry-card">
|
||||
<div class="entry-thumb">
|
||||
{% if entry.image %}
|
||||
<img src="{{ entry.image }}" alt="{{ entry.backronym }}" width="360" height="203" loading="lazy">
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="entry-body">
|
||||
<time class="entry-date" datetime="{{ entry.date }}">{{ entry.date_human }}</time>
|
||||
<h2 class="entry-backronym">{{ entry.backronym }}</h2>
|
||||
<p class="entry-tagline">{{ entry.tagline }}</p>
|
||||
{% if entry.topics %}
|
||||
<div class="entry-topics">
|
||||
{% for topic in entry.topics %}
|
||||
<span class="topic-badge">{{ topic }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
<p class="empty">Noch keine Pivots. Komm morgen wieder.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer-inner">
|
||||
<span>© MOBEA Archiv</span>
|
||||
<nav class="footer-links">
|
||||
<a href="/">Zurück zur Startseite</a>
|
||||
<a href="/echt-jetzt/">Echt jetzt</a>
|
||||
</nav>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,52 @@
|
||||
import random
|
||||
from datetime import date
|
||||
|
||||
TOPICS = [
|
||||
{
|
||||
"name": "Tech-Buzzwords",
|
||||
"hint": "KI, Blockchain, Quantum, Web3, Synergie – alles buzzword-lastig und völlig ernst",
|
||||
},
|
||||
{
|
||||
"name": "Esoterik",
|
||||
"hint": "Chakren, Mondphasen, Energiefelder, Schwingungen – spirituell-korporativ",
|
||||
},
|
||||
{
|
||||
"name": "Verschwörungstheorien",
|
||||
"hint": "harmlos-albern, KEINE echten Personen/Gruppen/Ereignisse, eher Tauben-sind-Drohnen-Niveau",
|
||||
},
|
||||
{
|
||||
"name": "Wellness/Biohacking",
|
||||
"hint": "Optimierung, Detox, Longevity, quantifiziertes Selbst",
|
||||
},
|
||||
{
|
||||
"name": "Coaching/MLM-Sprech",
|
||||
"hint": "Mindset, Erfolg, passive Einkommensströme, du schaffst das",
|
||||
},
|
||||
{
|
||||
"name": "Greenwashing/Nachhaltigkeit",
|
||||
"hint": "klimaneutral, CO₂-Kompensation, planet-positive – ohne Substanz",
|
||||
},
|
||||
{
|
||||
"name": "Pet-Tech",
|
||||
"hint": "Smart Collar, KI-Hundefutter, quantifizierte Haustier-Liebe",
|
||||
},
|
||||
{
|
||||
"name": "Behörden-Digitalisierung",
|
||||
"hint": "E-Akte, Bürgerportal, digitale Souveränität – bürokratisch-absurd",
|
||||
},
|
||||
{
|
||||
"name": "Dating",
|
||||
"hint": "Matching-Algorithmen, Love-as-a-Service, Swipe-Optimierung",
|
||||
},
|
||||
{
|
||||
"name": "Krypto",
|
||||
"hint": "DeFi, Tokenomics, Web3-Infrastruktur – revolutionär und ernst",
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
def pick_topics(day: date) -> list[dict]:
|
||||
"""Return 1–2 topic dicts, deterministic for the given UTC date."""
|
||||
rng = random.Random(day.isoformat())
|
||||
count = rng.choice([1, 2])
|
||||
return rng.sample(TOPICS, count)
|
||||
+174
@@ -0,0 +1,174 @@
|
||||
user nginx;
|
||||
worker_processes auto;
|
||||
|
||||
error_log /var/log/nginx/error.log notice;
|
||||
pid /var/run/nginx.pid;
|
||||
|
||||
|
||||
events {
|
||||
worker_connections 1024;
|
||||
}
|
||||
|
||||
|
||||
http {
|
||||
include /etc/nginx/mime.types;
|
||||
default_type application/octet-stream;
|
||||
|
||||
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
|
||||
'$status $body_bytes_sent "$http_referer" '
|
||||
'"$http_user_agent" "$http_x_forwarded_for"';
|
||||
|
||||
access_log /var/log/nginx/access.log main;
|
||||
|
||||
sendfile on;
|
||||
#tcp_nopush on;
|
||||
|
||||
keepalive_timeout 65;
|
||||
|
||||
# Gzip Settings
|
||||
gzip on; # Enabled gzip
|
||||
gzip_disable "msie6"; # no gzip for IE6
|
||||
|
||||
gzip_vary on;
|
||||
gzip_proxied any;
|
||||
gzip_comp_level 6;
|
||||
gzip_buffers 16 8k;
|
||||
gzip_http_version 1.1;
|
||||
gzip_types
|
||||
application/atom+xml
|
||||
application/javascript
|
||||
application/json
|
||||
application/ld+json
|
||||
application/manifest+json
|
||||
application/rss+xml
|
||||
application/vnd.geo+json
|
||||
application/vnd.ms-fontobject
|
||||
application/x-font-ttf
|
||||
application/x-web-app-manifest+json
|
||||
application/xhtml+xml
|
||||
application/xml
|
||||
font/opentype
|
||||
image/bmp
|
||||
image/svg+xml
|
||||
image/x-icon
|
||||
text/cache-manifest
|
||||
text/css
|
||||
text/plain
|
||||
text/vcard
|
||||
text/vnd.rim.location.xloc
|
||||
text/vtt
|
||||
text/x-component
|
||||
text/x-cross-domain-policy;
|
||||
|
||||
server_tokens off; # Hide Nginx version for security
|
||||
|
||||
server {
|
||||
listen 80;
|
||||
listen [::]:80;
|
||||
|
||||
# For SSL, uncomment and configure the lines below
|
||||
# listen 443 ssl http2;
|
||||
# listen [::]:443 ssl http2;
|
||||
# ssl_certificate /path/to/your/fullchain.pem; # EDIT THIS
|
||||
# ssl_certificate_key /path/to/your/privkey.pem; # EDIT THIS
|
||||
|
||||
# Recommended SSL settings
|
||||
# ssl_protocols TLSv1.2 TLSv1.3;
|
||||
# ssl_prefer_server_ciphers on;
|
||||
# ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384;
|
||||
# ssl_session_cache shared:SSL:10m;
|
||||
# ssl_session_timeout 1d;
|
||||
# ssl_session_tickets off;
|
||||
|
||||
# HSTS (ngx_http_headers_module is required) (63072000 seconds = 2 years)
|
||||
# add_header Strict-Transport-Security "max-age=63072000; includeSubDomains; preload" always;
|
||||
|
||||
# OCSP Stapling
|
||||
# ssl_stapling on;
|
||||
# ssl_stapling_verify on;
|
||||
# resolver 8.8.8.8 8.8.4.4 valid=300s; # Use your preferred DNS resolvers
|
||||
# resolver_timeout 5s;
|
||||
|
||||
server_name mobea.de www.mobea.de;
|
||||
root /usr/share/nginx/html;
|
||||
|
||||
index index.html;
|
||||
|
||||
location = /favicon.ico {
|
||||
log_not_found off;
|
||||
access_log off;
|
||||
}
|
||||
|
||||
location = /robots.txt {
|
||||
allow all;
|
||||
log_not_found off;
|
||||
access_log off;
|
||||
}
|
||||
|
||||
# Cache static assets
|
||||
location ~* \.(?:css|js)$ {
|
||||
expires 1y;
|
||||
add_header Cache-Control "public, max-age=31536000, immutable, no-transform";
|
||||
access_log off;
|
||||
}
|
||||
|
||||
location ~* \.(?:jpg|jpeg|gif|png|webp|svg|ico|woff|woff2|ttf|eot|otf)$ {
|
||||
expires 1y;
|
||||
add_header Cache-Control "public, max-age=31536000, immutable, no-transform";
|
||||
access_log off;
|
||||
|
||||
# Hotlink prevention
|
||||
# Allow your own domain, subdomains, common search engines, and direct access (none)
|
||||
# You can add more domains to the list if needed, e.g. ~.anothercdn.com
|
||||
valid_referers none blocked server_names
|
||||
~\.google\. ~.bing\. ~.yahoo\. ~.duckduckgo\.; # Search engines
|
||||
|
||||
if ($invalid_referer) {
|
||||
# Consider serving a placeholder image instead of 403 if preferred
|
||||
# rewrite ^/images/(.*)$ /images/hotlink-placeholder.png last;
|
||||
return 403; # Forbidden
|
||||
}
|
||||
}
|
||||
|
||||
# Prevent access to .hidden files and directories (e.g., .git)
|
||||
location ~ /\. {
|
||||
deny all;
|
||||
log_not_found off;
|
||||
access_log off;
|
||||
}
|
||||
|
||||
# Deny access to .sh files
|
||||
location ~* \.sh$ {
|
||||
deny all;
|
||||
log_not_found off;
|
||||
access_log off;
|
||||
}
|
||||
|
||||
# Deny access to .md files (like TODO.md)
|
||||
location ~* \.md$ {
|
||||
deny all;
|
||||
log_not_found off;
|
||||
access_log off;
|
||||
}
|
||||
|
||||
location / {
|
||||
try_files $uri $uri/ /index.html;
|
||||
add_header Cache-Control "no-cache, must-revalidate";
|
||||
}
|
||||
|
||||
# Error pages (optional, create these files or Nginx uses defaults)
|
||||
# error_page 403 /403.html;
|
||||
# error_page 404 /404.html;
|
||||
# location = /40x.html { # A generic page for 403 and 404
|
||||
# root /var/www/errors; # Path to your error pages
|
||||
# internal;
|
||||
# }
|
||||
# error_page 500 502 503 504 /50x.html;
|
||||
# location = /50x.html {
|
||||
# root /var/www/errors; # Path to your error pages
|
||||
# internal;
|
||||
# }
|
||||
}
|
||||
|
||||
include /etc/nginx/conf.d/*.conf;
|
||||
}
|
||||
@@ -0,0 +1,244 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="robots" content="noindex">
|
||||
<title>Echt jetzt? – MOBEA</title>
|
||||
<style>
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
|
||||
:root {
|
||||
--bg: #12141a;
|
||||
--bg-soft: #1a1d26;
|
||||
--text: #e4e6eb;
|
||||
--text-muted: #9aa0ad;
|
||||
--accent: #c9a227;
|
||||
--accent-hover: #ddb83a;
|
||||
--border: rgba(255, 255, 255, 0.08);
|
||||
--max-width: 42rem;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100vh;
|
||||
background: var(--bg);
|
||||
background-image:
|
||||
radial-gradient(ellipse 80% 50% at 50% -20%, rgba(201, 162, 39, 0.07), transparent),
|
||||
radial-gradient(ellipse 60% 40% at 100% 100%, rgba(255, 255, 255, 0.02), transparent);
|
||||
color: var(--text);
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
font-size: 1.0625rem;
|
||||
line-height: 1.65;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
padding: 3rem 1.5rem 4rem;
|
||||
}
|
||||
|
||||
.curtain-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.06em;
|
||||
text-transform: uppercase;
|
||||
color: var(--accent);
|
||||
margin-bottom: 2rem;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: clamp(1.875rem, 5vw, 2.5rem);
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.02em;
|
||||
margin-bottom: 1.75rem;
|
||||
}
|
||||
|
||||
.lead {
|
||||
font-size: 1.125rem;
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.lead strong {
|
||||
color: var(--text);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-bottom: 2.75rem;
|
||||
}
|
||||
|
||||
section h2 {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.04em;
|
||||
text-transform: uppercase;
|
||||
color: var(--accent);
|
||||
margin-bottom: 0.875rem;
|
||||
}
|
||||
|
||||
section p {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
section p + p {
|
||||
margin-top: 0.875rem;
|
||||
}
|
||||
|
||||
.archive-block {
|
||||
background: var(--bg-soft);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 0.75rem;
|
||||
padding: 1.75rem 1.5rem;
|
||||
margin-bottom: 2.75rem;
|
||||
}
|
||||
|
||||
.archive-block h2 {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
text-transform: none;
|
||||
letter-spacing: -0.01em;
|
||||
color: var(--text);
|
||||
margin-bottom: 0.625rem;
|
||||
}
|
||||
|
||||
.archive-block p {
|
||||
font-size: 0.9375rem;
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.875rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.5rem;
|
||||
padding: 0.875rem 1.375rem;
|
||||
font-size: 0.9375rem;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
border-radius: 0.5rem;
|
||||
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: var(--accent);
|
||||
color: #1a1508;
|
||||
border: 1px solid var(--accent);
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background: var(--accent-hover);
|
||||
border-color: var(--accent-hover);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background: transparent;
|
||||
color: var(--text);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
border-color: rgba(255, 255, 255, 0.18);
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
footer {
|
||||
padding-top: 2rem;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
|
||||
footer p {
|
||||
font-size: 0.8125rem;
|
||||
color: var(--text-muted);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
@media (min-width: 480px) {
|
||||
.wrap {
|
||||
padding: 4rem 2rem 5rem;
|
||||
}
|
||||
|
||||
.actions {
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.btn {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<p class="curtain-badge" aria-hidden="true">🎭 Hinter dem Vorhang</p>
|
||||
|
||||
<h1>Oh. Du hast das wirklich geglaubt?</h1>
|
||||
|
||||
<p class="lead">
|
||||
<strong>MOBEA ist kein Startup.</strong> MOBEA ist jeden Tag ein anderes Startup –
|
||||
eine täglich von einer KI neu erfundene, todernst vorgetragene Fake-Firma.
|
||||
Es gibt nichts zu kaufen, niemanden zu kontaktieren, und das Impressum führt …
|
||||
nun ja, hierher.
|
||||
</p>
|
||||
|
||||
<section aria-labelledby="how-heading">
|
||||
<h2 id="how-heading">Wie funktioniert das?</h2>
|
||||
<p>
|
||||
Eine KI würfelt jeden Tag Themen – Tech-Buzzwords, Esoterik, harmlose Verschwörungen,
|
||||
Coaching-Sprech und was sonst noch im Buzzword-Bingo steht – und erfindet dazu ein
|
||||
Startup samt Preisen, Testimonials und Kennzahlen. Alles frei erfunden.
|
||||
</p>
|
||||
<p>
|
||||
Jede Ähnlichkeit mit echten Startups ist rein zufällig, aber statistisch
|
||||
schwer vermeidbar. 😬
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<aside class="archive-block" aria-labelledby="archive-heading">
|
||||
<h2 id="archive-heading">Unsere bisherigen Pivots</h2>
|
||||
<p>
|
||||
Jeden Tag ein neues Gesicht – und irgendwo liegt das Archiv aller
|
||||
vergangenen Inkarnationen. Diese Seite ist der einzige Ort, der dorthin verlinkt.
|
||||
</p>
|
||||
<a class="btn btn-primary" href="/archiv">Zum geheimen Archiv</a>
|
||||
</aside>
|
||||
|
||||
<nav class="actions" aria-label="Navigation">
|
||||
<a class="btn btn-secondary" href="/">Zurück zum heutigen Startup – morgen sind wir wer anderes.</a>
|
||||
</nav>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
Kein echtes Impressum nötig? Doch: MOBEA ist ein privates Satireprojekt –
|
||||
ohne Tracking, ohne Cookies, ohne Datensammlung.
|
||||
Die Cookie-Banner sind übrigens auch Satire. Wir speichern nichts.
|
||||
Nicht mal deine Enttäuschung.
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,3 @@
|
||||
User-agent: *
|
||||
Disallow: /archiv
|
||||
Disallow: /echt-jetzt
|
||||
Reference in New Issue
Block a user