8 Commits

Author SHA1 Message Date
Ground Zero Lab
0cd13e91d8 Add responsive hamburger menu for mobile 2026-02-28 14:20:51 +00:00
Ground Zero Lab
4627f25b86 Merge branch 'landingpage-work' 2026-02-28 14:09:40 +00:00
Ground Zero Lab
501c22224f Complete landingpage without pricing section 2026-02-28 14:01:06 +00:00
269a03fbad export syle.css 2026-02-28 13:51:26 +00:00
Ground Zero Lab
8cef91d47a load static index.html 2026-02-28 13:14:38 +00:00
Ground Zero Lab
be44f7750e delite pricing and close </body> 2026-02-28 13:09:22 +00:00
Ground Zero Lab
b037819c63 Create landingpage from outline 2026-02-28 12:38:58 +00:00
Ground Zero Lab
0cf2b16c75 Add detailed descriptions to landingpage outline 2026-02-28 12:20:26 +00:00
4 changed files with 583 additions and 54 deletions

View File

@@ -6,12 +6,15 @@ services:
environment: environment:
- TITLE=${TITLE} - TITLE=${TITLE}
- DOMAIN_MAIN=${DOMAIN_MAIN} - DOMAIN_MAIN=${DOMAIN_MAIN}
- NGINX_ENVSUBST_OUTPUT_DIR=/usr/share/nginx/html #- NGINX_ENVSUBST_OUTPUT_DIR=/usr/share/nginx/html
volumes: volumes:
- ./html/index.html:/usr/share/nginx/html/index.html:ro
- ./html/style.css:/usr/share/nginx/html/style.css:ro
# Wir mounten das Template - Nginx macht daraus beim Start die echte index.html # Wir mounten das Template - Nginx macht daraus beim Start die echte index.html
- ./html/index.html.template:/etc/nginx/templates/index.html.template:ro #- ./html/index.html.template:/etc/nginx/templates/index.html.template:ro
#- ./html/crl.pem:/var/www/html/crl.pem:ro
- ./html/crl.pem:/usr/share/nginx/html/crl.pem:ro
#- ./html/crl.pem:/usr/share/nginx/html/crl.pem:ro
#- ./nginx/crl.conf:/etc/nginx/conf.d/crl.conf:ro #- ./nginx/crl.conf:/etc/nginx/conf.d/crl.conf:ro
networks: networks:
- proxy - proxy

View File

@@ -3,58 +3,177 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${TITLE} Dashboard</title> <title>Ground Zero Lab - KI für kritische Wahrheit</title>
<style> <meta name="description" content="Entdecken Sie die Wissenschaft hinter den Mythen - 9/11, Klima, Gesundheit und mehr">
body { <meta name="keywords" content="KI, Propaganda, Wissenschaft, 9/11, Klimawandel, Gesundheit, Ground Zero Lab">
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; <link rel="stylesheet" href="style.css">
background: #0f172a;
color: #f1f5f9;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
background: #1e293b;
padding: 2rem;
border-radius: 1rem;
box-shadow: 0 10px 25px rgba(0,0,0,0.3);
width: 100%;
max-width: 400px;
border: 1px solid #334155;
}
h1 { color: #38bdf8; margin-bottom: 1.5rem; font-size: 1.5rem; }
.links { display: flex; flex-direction: column; gap: 1rem; }
a {
background: #334155;
color: white;
padding: 1rem;
text-decoration: none;
border-radius: 0.5rem;
font-weight: 500;
transition: all 0.2s ease-in-out;
border: 1px solid transparent;
}
a:hover {
background: #38bdf8;
color: #0f172a;
transform: translateY(-2px);
}
.footer { margin-top: 2rem; font-size: 0.8rem; color: #64748b; }
</style>
</head> </head>
<body> <body>
<header>
<nav class="container">
<a href="#" class="logo">Ground Zero Lab</a>
<div class="hamburger" onclick="toggleHamburger()">
<span></span>
<span></span>
<span></span>
</div>
<ul class="nav-links" id="navLinks">
<li><a href="#about">Über Uns</a></li>
<li><a href="#projects">Projekte</a></li>
<li><a href="#tech">Technologie</a></li>
<li><a href="#demo">Demo</a></li>
<li><a href="#community">Community</a></li>
</ul>
</nav>
</header>
<section class="hero">
<div class="hero-content">
<h1>Ground Zero Lab</h1>
<h1>KI für kritische Wahrheit</h1>
<p>Entdecken Sie die Wissenschaft hinter den Mythen - 9/11, Klima, Gesundheit und mehr</p>
<a href="#demo" class="cta-button">Jetzt entdecken</a>
</div>
</section>
<section id="about" class="container">
<h2>Über Uns</h2>
<p class="about-text">
Wir entwickeln KI-Modelle, die Propaganda durchschauen und wissenschaftliche Wahrheit liefern.
In einer Welt, in der Desinformation die KI-Landschaft dominiert, bieten wir eine Alternative:
Modelle, die auf verifizierten Fakten und wissenschaftlichen Erkenntnissen trainiert sind.
Unser Team besteht aus Experten für Datenwissenschaft, Geschichte und kritisches Denken,
die gemeinsam an der Aufgabe arbeiten, verborgene Wahrheiten ans Licht zu bringen.
</p>
</section>
<section id="projects" class="section-dark container">
<h2>Unsere Hauptprojekte</h2>
<div class="projects">
<div class="project-card">
<h3>9/11 Ground Zero Model</h3>
<p>
Das erste KI-Modell, das die 9/11-Ereignisse wissenschaftlich analysiert.
Zugriff auf Originaldokumente, wissenschaftliche Analysen und alternative Theorien.
Entdecken Sie, was die offiziellen Narrative verschweigen.
</p>
</div>
<div class="project-card">
<h3>Klimawandel Analyse</h3>
<p>
KI-gestützte Analyse von Klimadaten und Propaganda.
CO2-Debatte, alternative Erklärungen, wissenschaftliche Studien.
Verstehen Sie die Komplexität des Klimawandels jenseits der Mainstream-Narrative.
</p>
</div>
<div class="project-card">
<h3>Gesundheits-Dogmen</h3>
<p>
Kritische Analyse von Gesundheitspolitik und Pharmaindustrie.
Impfpolitik, Medikamentenstudien, alternative Medizin.
Hinterfragen Sie etablierte Gesundheitsnarrative mit wissenschaftlicher Strenge.
</p>
</div>
</div>
</section>
<section id="tech" class="container">
<h2>Unsere Technologie</h2>
<div class="tech-features">
<div class="tech-card">
<h3>Open-Weight-Modelle</h3>
<p>
Wir nutzen nur Modelle mit offenen Gewichten.
Dies ermöglicht volle Kontrolle über Training und Parameter,
sodass wir die Modelle genau an unsere Bedürfnisse anpassen können.
</p>
</div>
<div class="tech-card">
<h3>RAG-Technologie</h3>
<p>
Wissensdatenbanken für präzise Antworten.
Durch die Kombination von Retrieval und Generation
erhalten Sie stets aktuelle Informationen aus wissenschaftlichen Quellen.
</p>
</div>
<div class="tech-card">
<h3>Fine-Tuning</h3>
<p>
Maßgeschneiderte Modelle für spezifische Themen.
Training auf verifizierten Daten und gezielte Eliminierung von Propaganda
führt zu konsistenten, wissenschaftlich fundierten Antworten.
</p>
</div>
</div>
</section>
<section id="demo" class="section-dark container">
<h2>Live-Demo</h2>
<div class="demo-section">
<p>
Testen Sie unsere Modelle sofort und erleben Sie die Unterschiede selbst.
Unsere interaktiven Demos zeigen Ihnen, wie unsere KI arbeitet und
welche Erkenntnisse sie liefern kann.
</p>
<div class="demo-buttons">
<a href="#" class="demo-button">9/11-Chat</a>
<a href="#" class="demo-button">Klimawandel-Tool</a>
<a href="#" class="demo-button">Gesundheits-Analyse</a>
</div>
</div>
</section>
<section id="community" class="container">
<h2>Community</h2>
<div class="community">
<p>
Werden Sie Teil unserer wachsenden Community von Forschern,
Wissenschaftlern und Wahrheitssuchenden.
Austausch, Zusammenarbeit und gemeinsame Entdeckungen erwarten Sie.
</p>
<div class="demo-buttons">
<a href="#" class="demo-button">Zum Forum</a>
<a href="#" class="demo-button">Research Zugang</a>
<a href="#" class="demo-button">Events</a>
</div>
</div>
</section>
<footer>
<div class="container"> <div class="container">
<h1>${TITLE}</h1> <p>Ground Zero Lab - KI für kritische Wahrheit</p>
<div class="links"> <div class="footer-links">
<a href="https://cloud.${DOMAIN_MAIN}">📂 Nextcloud Cloud</a> <a href="#about">Über Uns</a>
<a href="https://git.${DOMAIN_MAIN}">💻 Gitea Repository</a> <a href="#projects">Projekte</a>
<a href="https://ai.${DOMAIN_MAIN}">🤖 OpenWebUI AI</a> <a href="#tech">Technologie</a>
</div> <a href="#demo">Demo</a>
<div class="footer"> <a href="#community">Community</a>
Verbundene Domain: ${DOMAIN_MAIN}
</div> </div>
<p>&copy; 2026 Ground Zero Lab</p>
</div> </div>
</footer>
<script>
function toggleHamburger() {
const navLinks = document.getElementById('navLinks');
navLinks.classList.toggle('mobile-open');
const hamburger = document.querySelector('.hamburger');
hamburger.classList.toggle('active');
}
// Close mobile menu when clicking on a link
document.addEventListener('DOMContentLoaded', function() {
const navLinks = document.getElementById('navLinks');
const links = navLinks.querySelectorAll('a');
links.forEach(link => {
link.addEventListener('click', function() {
navLinks.classList.remove('mobile-open');
document.querySelector('.hamburger').classList.remove('active');
});
});
});
</script>
</body> </body>
</html> </html>

247
html/style.css Normal file
View File

@@ -0,0 +1,247 @@
/* Reset & Base Styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.6;
color: #333;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Header & Navigation */
header {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.logo {
font-size: 1.5rem;
font-weight: bold;
color: #667eea;
text-decoration: none;
}
.nav-links {
display: flex;
gap: 2rem;
list-style: none;
}
.nav-links a {
color: #333;
text-decoration: none;
transition: color 0.3s;
}
.nav-links a:hover {
color: #667eea;
}
/* Hero Section */
.hero {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
padding-top: 80px;
}
.hero-content {
max-width: 800px;
}
.hero h1 {
font-size: 3.5rem;
margin-bottom: 1rem;
background: linear-gradient(45deg, #091e7a, #667eea);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero p {
font-size: 1.5rem;
margin-bottom: 2rem;
opacity: 0.9;
}
/* Buttons */
.cta-button {
display: inline-block;
background: #667eea;
color: white;
padding: 1rem 2rem;
text-decoration: none;
border-radius: 50px;
font-weight: bold;
transition: transform 0.3s, box-shadow 0.3s;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}
.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
}
.demo-buttons {
display: flex;
gap: 1rem;
justify-content: center;
margin-top: 2rem;
flex-wrap: wrap;
}
.demo-button {
background: #667eea;
color: white;
padding: 0.8rem 1.5rem;
text-decoration: none;
border-radius: 25px;
font-weight: 500;
transition: background 0.3s, transform 0.3s;
}
.demo-button:hover {
background: #5a6fd8;
transform: translateY(-2px);
}
/* Sections General */
section {
padding: 5rem 0;
background: white;
}
.section-dark {
background: #f8f9fa;
}
h2 {
text-align: center;
font-size: 2.5rem;
margin-bottom: 3rem;
color: #333;
}
.about-text {
max-width: 800px;
margin: 0 auto;
text-align: center;
font-size: 1.1rem;
line-height: 1.8;
}
/* Project & Tech Cards */
.projects, .tech-features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-top: 3rem;
}
.project-card, .tech-card {
background: white;
border-radius: 15px;
padding: 2rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
text-align: center;
}
.project-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
.project-card h3, .tech-card h3 {
color: #667eea;
margin-bottom: 1rem;
font-size: 1.5rem;
}
.project-card p, .tech-card p {
color: #666;
line-height: 1.6;
}
/* Community & FAQ Styles */
.demo-section, .community {
text-align: center;
}
.faq-item {
background: white;
border-radius: 10px;
padding: 1.5rem;
margin-bottom: 1rem;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
/* Footer */
footer {
background: #333;
color: white;
text-align: center;
padding: 2rem 0;
}
.footer-links {
display: flex;
justify-content: center;
gap: 2rem;
margin-bottom: 1rem;
flex-wrap: wrap;
}
.footer-links a {
color: white;
text-decoration: none;
transition: opacity 0.3s;
}
/* Responsiveness */
@media (max-width: 768px) {
.hero h1 {
font-size: 2.5rem;
}
.hero p {
font-size: 1.2rem;
}
nav {
flex-direction: column;
gap: 1rem;
}
.nav-links {
flex-direction: column;
text-align: center;
}
}

View File

@@ -117,4 +117,164 @@
- **Compression:** "Komprimierte Assets für geringere Bandbreite" - **Compression:** "Komprimierte Assets für geringere Bandbreite"
- **CDN:** "Content Delivery Network für globale Performance" - **CDN:** "Content Delivery Network für globale Performance"
Dieses Outline bietet eine umfassende Struktur für die Landingpage, die alle wichtigen Aspekte des Ground Zero Lab Projekts abdeckt und gleichzeitig Raum für detaillierte Ausarbeitung lässt. ---
# Detaillierte Beschreibungen für jede Sektion
## Überschrift & Hero Section
Die Hero Section ist der erste Eindruck, den Besucher von Ground Zero Lab erhalten. Sie muss sofort die Mission und den Zweck des Projekts vermitteln.
**Hauptüberschrift:** "Ground Zero Lab - KI für kritische Wahrheit"
- Diese Überschrift positioniert das Projekt als Vorreiter in der Entwicklung von KI für wissenschaftliche Wahrheitsfindung
- "Ground Zero" bezieht sich sowohl auf das 9/11-Projekt als auch auf den "Nullpunkt" der Desinformationsbekämpfung
- "Kritische Wahrheit" betont den Fokus auf wissenschaftlich fundierte, hinterfragende Analyse
**Subüberschrift:** "Entdecken Sie die Wissenschaft hinter den Mythen - 9/11, Klima, Gesundheit und mehr"
- Listet die Hauptthemenbereiche auf, um sofort klarzumachen, worum es geht
- "Wissenschaft hinter den Mythen" positioniert das Projekt als Aufklärer
- Die Erwähnung von "mehr" suggeriert ein breiteres Spektrum an Themen
**Call-to-Action:** "Jetzt entdecken" Button
- Klare, direkte Handlungsaufforderung
- "Entdecken" impliziert eine Reise der Erkenntnis
- Positioniert als Einladung zur aktiven Teilnahme
**Hero-Image:** Abstrakte Darstellung von "Ground Zero" mit wissenschaftlichen Symbolen
- Visuelle Darstellung, die sowohl Zerstörung (Ground Zero) als auch Wiederaufbau (Wissenschaft) zeigt
- Soll Neugier wecken und gleichzeitig Seriosität vermitteln
## Über Uns Section
Diese Sektion etabliert die Glaubwürdigkeit und den Zweck des Projekts.
**Mission Statement:** "Wir entwickeln KI-Modelle, die Propaganda durchschauen und wissenschaftliche Wahrheit liefern"
- Klare Aussage des Zwecks
- Positioniert das Projekt als Lösung für ein aktuelles Problem
- "Durchschauen" impliziert die Fähigkeit, verborgene Wahrheiten zu erkennen
**Problem:** "Desinformation dominiert die KI-Landschaft"
- Identifiziert das aktuelle Problem
- Positioniert Ground Zero Lab als notwendige Alternative
- Betont die Dringlichkeit des Problems
**Lösung:** "Unsere Modelle sind trainiert auf verifizierten Fakten und wissenschaftlichen Erkenntnissen"
- Präsentiert die Lösung
- Betont die wissenschaftliche Grundlage
- "Verifiziert" suggeriert Zuverlässigkeit und Sorgfalt
**Team-Vorstellung:** "Experten für Datenwissenschaft, Geschichte und kritisches Denken"
- Stellt die Kompetenz des Teams dar
- Deckt verschiedene relevante Disziplinen ab
- "Kritisches Denken" betont den analytischen Ansatz
## Hauptprojekte Section
### 9/11 Ground Zero Model
**Beschreibung:** "Das erste KI-Modell, das die 9/11-Ereignisse wissenschaftlich analysiert"
- Positioniert als Pionierarbeit
- "Wissenschaftlich analysiert" betont den methodischen Ansatz
- "Erste" impliziert Einzigartigkeit und Innovation
**Features:** "Zugriff auf Originaldokumente, wissenschaftliche Analysen, alternative Theorien"
- "Originaldokumente" suggeriert Authentizität und Vollständigkeit
- "Wissenschaftliche Analysen" betont die methodische Strenge
- "Alternative Theorien" zeigt Offenheit für verschiedene Perspektiven
**Demo:** "Live-Chat mit dem 9/11-Modell"
- Interaktives Element zur sofortigen Erfahrung
- "Live" suggeriert Aktualität und Dynamik
- "Chat" impliziert einfache Bedienung und Zugänglichkeit
### Klimawandel Analyse
**Beschreibung:** "KI-gestützte Analyse von Klimadaten und Propaganda"
- Kombiniert wissenschaftliche Analyse mit Aufdeckung von Desinformation
- "KI-gestützt" betont die technologische Innovation
- "Propaganda" positioniert das Projekt als Aufklärer
**Features:** "CO2-Debatte, alternative Erklärungen, wissenschaftliche Studien"
- Deckt verschiedene Aspekte der Klimadebatte ab
- "Alternative Erklärungen" zeigt Offenheit für verschiedene wissenschaftliche Perspektiven
- "Wissenschaftliche Studien" betont die fundierte Grundlage
**Demo:** "Klimadaten interaktiv erkunden"
- Betont die interaktive Natur der Analyse
- "Erkunden" suggeriert Entdeckung und Lernen
- "Daten" betont die wissenschaftliche Grundlage
### Gesundheits-Dogmen
**Beschreibung:** "Kritische Analyse von Gesundheitspolitik und Pharmaindustrie"
- Positioniert als kritischer Beobachter etablierter Strukturen
- "Dogmen" impliziert hinterfragte Orthodoxie
- "Pharmaindustrie" nennt einen konkreten Bereich der Kritik
**Features:** "Impfpolitik, Medikamentenstudien, alternative Medizin"
- Deckt verschiedene Aspekte der Gesundheitsdebatte ab
- "Medikamentenstudien" betont die wissenschaftliche Grundlage
- "Alternative Medizin" zeigt Offenheit für verschiedene Ansätze
**Demo:** "Gesundheitsdaten hinterfragen"
- "Hinterfragen" betont den kritischen Ansatz
- "Daten" suggeriert wissenschaftliche Fundierung
- Impliziert aktive Teilnahme des Nutzers
## Technologie Section
### Open-Weight-Modelle
**Beschreibung:** "Wir nutzen nur Modelle mit offenen Gewichten"
- Betont Transparenz und Kontrolle
- "Nur" impliziert strikte Einhaltung dieses Prinzips
- "Offene Gewichte" suggeriert volle Zugänglichkeit
**Vorteile:** "Vollständige Kontrolle über Training und Parameter"
- "Vollständige" betont die totale Kontrolle
- "Training und Parameter" zeigt technische Tiefe
- Impliziert Anpassungsfähigkeit an spezifische Bedürfnisse
**Technologien:** "Open-WebUI, OpenRouter.ai, LokalAI, Ollama"
- Nennung konkreter Technologien zur Glaubwürdigkeit
- Deckt verschiedene Aspekte der KI-Infrastruktur ab
- "Open" in den Namen betont den Open-Source-Gedanken
### RAG-Technologie
**Beschreibung:** "Wissensdatenbanken für präzise Antworten"
- "Präzise" betont Genauigkeit und Zuverlässigkeit
- "Wissensdatenbanken" suggeriert umfassendes Wissen
- Positioniert als Werkzeug für bessere Ergebnisse
**Technologien:** "n8n, Qdrant, Vektor-Datenbanken"
- Konkrete Technologien zur Demonstration von Expertise
- Deckt verschiedene Aspekte der Datenverarbeitung ab
- "Vektor-Datenbanken" zeigt technische Tiefe
**Vorteile:** "Aktuelle Informationen, wissenschaftliche Quellen"
- "Aktuelle" betont Aktualität
- "Wissenschaftliche Quellen" unterstreicht die Glaubwürdigkeit
- Positioniert als verlässliche Informationsquelle
### Fine-Tuning
**Beschreibung:** "Maßgeschneiderte Modelle für spezifische Themen"
- "Maßgeschneidert" betont Individualisierung
- "Spezifische Themen" zeigt Fokussierung auf Nischen
- Positioniert als Lösung für spezifische Probleme
**Prozess:** "Training auf verifizierten Daten, Eliminierung von Propaganda"
- "Verifiziert" betont Sorgfalt und Zuverlässigkeit
- "Eliminierung von Propaganda" zeigt den Zweck
- "Training" betont den methodischen Ansatz
**Ergebnis:** "Konsistente, wissenschaftlich fundierte Antworten"
- "Konsistent" betont Zuverlässigkeit
- "Wissenschaftlich fundiert" unterstreicht die Glaubwü4rdigkeit
- Positioniert als verlässliche Wissensquelle
## Demo Section
**Live-Demo:** "Testen Sie unsere Modelle sofort"
- "Sofort" betont Unmittelbarkeit und Zugänglichkeit
- "Testen" suggeriert risikofreie Erprobung
- Positioniert als Einladung zur aktiven Teilnahme
**9/11-Chat:** "Interaktiver Chat mit dem 9/11-Modell"
- "Interaktiv" betont die dialogische Natur
- "Chat" suggeriert einfache Bedienung
- "9/11-Modell" nennt das konkrete Produkt
**Klimawandel-Tool:** "Visualisierung von Klimadaten"
- "Visualisierung" betont die anschauliche Darstellung
- "Klimadaten" nennt den konkre{