đ scripte-pay.de
Generator Suite
# 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.
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.
đ Unsere Partner
