# Generator Suite
Eine umfassende Sammlung von **15 Web-Generatoren** – ohne Anmeldung, einfach nutzen.
## Features
**15 Generatoren:**
1. 📰 **RSS Feed Generator** – Erstelle RSS 2.0 Feeds
2. 🏷️ **Meta Tags Generator** – SEO Meta Tags + Open Graph + Twitter Cards
3. 🎨 **CSS Generator** – Button Styles mit Live-Vorschau
4. 🗺️ **Sitemap Generator** – XML Sitemaps für SEO
5. 🔐 **.htaccess Generator** – HTTPS, WWW, GZIP, Caching, etc.
6. 🔑 **Passwort Generator** – Sichere Passwörter mit Konfiguration
7. 📱 **QR Code Generator** – QR Codes für URLs/Text
8. 🎨 **Farbpaletten Generator** – Monochrome, Analogous, Complementary, Triadic
9. 📏 **Lorem Ipsum Generator** – Platzhalter-Text (Wörter, Sätze, Paragraphen)
10. 🔗 **Base64 Encoder/Decoder** – Encode & Decode
11. 🔤 **Slug Generator** – URL-freundliche Slugs aus Text
12. 📐 **Image Placeholder Generator** – Placeholder-Bilder mit via.placeholder.com
13. 🎭 **Favicon Generator** – HTML-Links für Favicons
14. 📧 **Mailto Link Generator** – E-Mail-Links mit CC, BCC, Betreff
15. 🔢 **Hash Generator** – MD5, SHA-1, SHA-256, SHA-512
**Technologie:**
- Vanilla JavaScript (kein jQuery)
- SQLite für History (letzte 10 pro Generator)
- Kein Login erforderlich
- Mobile-optimiert
- Clean & Modern Design
## Installation
### 1. Dateien hochladen
Alle Dateien in ein Verzeichnis auf dem Webserver hochladen.
### 2. Permissions setzen
```bash
chmod 755 .
chmod 666 generators.db # Wenn die Datei existiert
```
Die SQLite-Datenbank wird beim ersten Aufruf automatisch angelegt.
### 3. Fertig!
```
https://deine-domain.de/generators/
```
## Verwendung
### RSS Feed Generator
1. **Titel**, **Beschreibung**, **Link** und **Sprache** eingeben
2. **RSS generieren** klicken
3. XML kopieren und als `feed.xml` speichern
### Meta Tags Generator
1. **Title** (max. 60 Zeichen), **Description** (max. 160 Zeichen) eingeben
2. Optional: **Keywords**, **Author**, **Canonical URL**, **OG Image**
3. **Meta Tags generieren** klicken
4. Code in `<head>` einfügen
### CSS Generator
1. **Button Text** eingeben
2. **Farben** wählen (BG & Text)
3. **Border Radius** und **Padding** einstellen
4. Live-Vorschau anschauen
5. **CSS generieren** → Code kopieren
### Sitemap Generator
1. **URLs** eingeben (eine pro Zeile)
2. **Change Frequency** wählen (daily, weekly, monthly, yearly)
3. **Priority** wählen (0.5, 0.8, 1.0)
4. **Sitemap generieren** → XML als `sitemap.xml` speichern
### .htaccess Generator
1. Gewünschte Features auswählen:
- HTTPS Redirect
- WWW erzwingen
- GZIP Compression
- Browser Caching
- Directory Listing verbieten
2. Optional: Custom 404 Seite
3. **.htaccess generieren** → Als `.htaccess` speichern
### Passwort Generator
1. **Länge** einstellen (8-64 Zeichen)
2. **Zeichen-Typen** wählen (Groß, Klein, Zahlen, Sonderzeichen)
3. **Anzahl** wählen (1-20 Passwörter)
4. **Passwörter generieren**
### QR Code Generator
1. **Text oder URL** eingeben
2. **Größe** wählen (200-500px)
3. **QR Code generieren**
4. Rechtsklick → Bild speichern
### Farbpaletten Generator
1. **Basis Farbe** wählen
2. **Typ** auswählen:
- **Monochrome**: Verschiedene Helligkeiten
- **Analogous**: Benachbarte Farben
- **Complementary**: Gegenüberliegende Farben
- **Triadic**: Gleichmäßig verteilte Farben
3. **Palette generieren** → Farbe klicken zum Kopieren
### Lorem Ipsum Generator
1. **Typ** wählen (Paragraphen, Sätze, Wörter)
2. **Anzahl** eingeben
3. **Text generieren**
### Base64 Encoder/Decoder
1. Text im **Input** eingeben
2. **→ Encode** für Kodierung
3. **← Decode** für Dekodierung
### Slug Generator (NEU!)
1. **Text** eingeben (z.B. \"Mein toller Blog Artikel 2024!\")
2. Optionen wählen:
- Kleinbuchstaben
- Bindestriche statt Leerzeichen
- Sonderzeichen entfernen
3. **Slug generieren** → Ergebnis: \"mein-toller-blog-artikel-2024\"
### Image Placeholder Generator (NEU!)
1. **Breite** und **Höhe** eingeben
2. **Farben** wählen (BG & Text)
3. Optional: **Custom Text**
4. **Format** wählen (png, jpg, gif, webp)
5. **Placeholder generieren** → HTML & URL kopieren
### Favicon Generator (NEU!)
1. **Favicon-Pfade** eingeben (Standard: /favicon.ico, /favicon-32x32.png, etc.)
2. **Theme Color** wählen
3. **Favicon Links generieren** → HTML in `<head>` einfügen
### Mailto Link Generator (NEU!)
1. **E-Mail Adresse** eingeben
2. Optional: **CC**, **BCC**, **Betreff**, **Nachricht**
3. **Mailto Link generieren** → HTML-Link kopieren oder testen
### Hash Generator (NEU!)
1. **Text** eingeben
2. **Algorithmus** wählen (MD5, SHA-1, SHA-256, SHA-512)
3. **Hash generieren** → Hash wird im Browser berechnet
## Technische Details
**Stack:**
- PHP 8.0+ (nur für SQLite History)
- SQLite3
- Vanilla JavaScript
- CSS3
- SubtleCrypto API (für SHA-Hashes)
**Datei-Struktur:**
```
generators/
├── index.php # Hauptseite (19KB)
├── init.php # SQLite Setup (1.3KB)
├── generators.js # JavaScript Logik (jetzt ~16KB mit neuen Funktionen)
├── generators.db # SQLite Datenbank (wird auto-erstellt)
└── README.md # Diese Datei
```
**Browser-Support:**
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
## Externe APIs
- **QR Code**: api.qrserver.com (kostenlos, kein API-Key nötig)
- **Image Placeholder**: via.placeholder.com (kostenlos, kein API-Key nötig)
## Sicherheit
✓ Alle Generatoren arbeiten clientseitig (JavaScript)
✓ Keine Daten werden an externe Server gesendet (außer QR/Placeholder APIs)
✓ Hashes werden im Browser berechnet (SubtleCrypto API)
✓ SQLite History ist optional und lokal
✓ Keine Tracking-Cookies
## Anpassungen
**Design ändern:**
CSS-Variablen in `index.php` bearbeiten:
```css
:root {
--primary: #6366f1; /* Primärfarbe */
--accent: #ec4899; /* Akzentfarbe */
--bg: #fafafa; /* Hintergrund */
}
```
**Weitere Generatoren hinzufügen:**
1. Tab in `<div class=\"nav-tabs\">` hinzufügen
2. Generator-HTML in `<div class=\"generator\" id=\"gen-NAME\">` erstellen
3. JavaScript-Funktion in `generators.js` hinzufügen
## Changelog
**v2.0 (2024-02-16)**
- ➕ 5 neue Generatoren: Slug, Placeholder, Favicon, Mailto, Hash
- ✨ Jetzt 15 Generatoren total
- 🎨 MD5-Implementation für Legacy-Support
- 📱 Verbesserte Mobile-Optimierung
**v1.0 (2024-02-16)**
- 🚀 Initial Release mit 10 Generatoren
## Lizenz
Privates Projekt – alle Rechte vorbehalten.
