79 Einträge gefunden
# 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.
# FeedbackHub auf unserer Seite finden Sie das widget unten rechts Ein modernes Feedback-Widget-System ähnlich Facebook/Google Reviews – vollständig in deine Website integrierbar. ## Features **Bewertungs-Modi:** - ⭐ Sterne (1-5) - 😀😐😞 Emoji-Skala - 🏷️ Kategorien (Service, Qualität, Speed) - 💬 Freitext-Kommentar **Widget-Optionen:** - 💬 Floating Button (unten rechts/links) - 📌 Fest eingebettet (div mit ID) - 📱 Voll responsive & mobile-optimiert - 📊 Live-Durchschnitt anzeigen **Dashboard:** - Mehrere Websites verwalten - Widget-Code-Generator - Statistiken pro Site - API-Key Management ## Installation ### 1. Dateien hochladen Alle Dateien in ein Verzeichnis auf dem Webserver, z.B. `/feedbackhub/`. ### 2. Installation starten ``` https://deine-domain.de/feedbackhub/install.php ``` Eingeben: - Datenbank Host (meist `localhost`) - Datenbank Name (wird automatisch angelegt) - Datenbank User & Passwort - Site URL (z.B. `https://deine-domain.de/feedbackhub`) Die `install.php` erstellt: - Datenbank & Tabellen - `config.php` mit deinen Einstellungen **WICHTIG:** Nach erfolgreicher Installation `install.php` löschen! ### 3. Registrieren & einloggen ``` https://deine-domain.de/feedbackhub/register.php ``` ### 4. Website hinzufügen Im Dashboard: - **Website Name** eingeben - **Domain** der Website (z.B. `https://meine-seite.de`) - **Widget-Typ** wählen: - **Float:** Schwebendes Icon unten rechts/links - **Embed:** Fest eingebettet in einem Div - **Farbe** anpassen - **Position** wählen (nur bei Float) ### 5. Code einbinden **Floating Button:** ```html <!-- Vor </body> einfügen --> <script src=\"https://deine-domain.de/feedbackhub/widget.js\" data-fh-site=\"SITE_ID\" data-fh-key=\"API_KEY\" data-fh-type=\"float\" data-fh-color=\"#6366f1\" data-fh-position=\"bottom-right\"> </script> ``` **Eingebettet:** ```html <!-- Wo das Widget erscheinen soll --> <div id=\"feedbackhub\"></div> <!-- Vor </body> einfügen --> <script src=\"https://deine-domain.de/feedbackhub/widget.js\" data-fh-site=\"SITE_ID\" data-fh-key=\"API_KEY\" data-fh-type=\"embed\" data-fh-color=\"#6366f1\"> </script> ``` Den fertigen Code bekommst du im Dashboard mit einem Klick auf **\"📋 Code\"**. ## Attribute erklärt | Attribut | Wert | Beschreibung | |---|---|---| | `data-fh-site` | `123` | Site-ID (aus Dashboard) | | `data-fh-key` | `abc123...` | Dein API-Key (aus Dashboard) | | `data-fh-type` | `float` oder `embed` | Widget-Typ | | `data-fh-color` | `#6366f1` | Primärfarbe des Widgets | | `data-fh-position` | `bottom-right` oder `bottom-left` | Position (nur bei Float) | ## Funktionen ### Besucher-Ansicht 1. **Floating Button** erscheint unten rechts/links 2. Klick öffnet Modal mit 4 Tabs: - ⭐ **Sterne:** 1-5 Sterne vergeben - 😀 **Emoji:** Happy, Neutral, Sad wählen - 📊 **Kategorien:** Service, Qualität, Speed bewerten (1-5) - 💬 **Kommentar:** Freitext-Feedback (max. 500 Zeichen) 3. Nach Absenden: Danke-Seite mit Live-Stats ### Dashboard - **Übersicht:** Alle Websites mit Stats (Bewertungen, Ø Sterne, Ø Kategorien, Emoji-Verteilung) - **Widget-Code:** Per Klick generieren & kopieren - **API-Key:** Sichtbar im Dashboard (bei Verlust neu generieren) ### Duplicate Prevention - IP-basiert: Jede IP kann nur 1x pro Tag bewerten - Hash: `SHA256(IP + Site-ID + Datum)` ## Technische Details **Stack:** - PHP 8.0+ - MySQL / MariaDB - Vanilla JavaScript (kein jQuery) - CSS3 Animations **Tabellen:** - `fh_users` – Registrierte User - `fh_sites` – Websites mit Widget-Config - `fh_ratings` – Alle Bewertungen **API Endpoints:** - `POST /api.php` → `action: submit` (Bewertung senden) - `POST /api.php` → `action: stats` (Live-Stats laden) ## Design **Aesthetic:** Cyber-Modern mit Neon-Akzenten - Fonts: Syne (Headings), Work Sans (Body) - Colors: Cyan-Türkis Primary (#00d9ff), Pink Accent (#ff00aa) - Dark Background mit Radial Gradient - Smooth Animations & Transitions ## Sicherheit ✓ Password Hashing (bcrypt) ✓ CSRF-Protection (Session-based) ✓ SQL Injection Prevention (Prepared Statements) ✓ XSS Protection (htmlspecialchars auf allen Outputs) ✓ IP-basierter Duplicate Check ✓ User-Agent Logging (max. 300 Zeichen) ## Anpassungen **Widget-Farbe ändern:** ```html data-fh-color=\"#ff0066\" ``` **Widget-Position ändern:** ```html data-fh-position=\"bottom-left\" ``` **CSS überschreiben:** ```css /* Eigenes CSS nach dem Widget-Script */ .fh-btn { width: 64px !important; height: 64px !important; } .fh-title { color: #ff0066 !important; } ``` ## Lizenz Privates Projekt – alle Rechte vorbehalten.
# 🌐 DomainWert – Professionelles Domainbewertungssystem ## Features - **10 Bewertungskriterien**: TLD, Länge, Lesbarkeit, Bindestrich, Zahlen, SSL, Erreichbarkeit, PageRank, Alter, Backlinks - **Marktwertschätzung**: Automatische Preisspanne basierend auf Score + TLD + Länge - **Marktplatz**: Domains kostenlos zum Verkauf inserieren - **Käuferkontakt**: Direktes Kontaktformular, E-Mail-Weiterleitung - **Rate-Limiting**: Max. 5 kostenlose Bewertungen/Tag/IP - **24h Caching**: Ergebnisse werden gecacht, schnelle Wiederholung - **Admin-Panel**: Alle Bewertungen verwalten, Inserate freischalten/sperren ## Installation 1. Dateien hochladen 2. `install.php` aufrufen 3. Datenbankdaten, Admin-Login und API-Keys eingeben 4. `install.php` nach Installation löschen! ## Optionale API-Keys (empfohlen) ### OpenPageRank (kostenlos) - URL: https://www.domcop.com/openpagerank/ - Liefert: PageRank-Score (0-10) + Backlink-Ranking - Kostenloses Kontingent: 1.000 Abfragen/Tag ### WhoisXML API (kostenlos Kontingent) - URL: https://whois.whoisxmlapi.com/ - Liefert: Domain-Registrierungsdatum → Altersberechnung - Kostenloses Kontingent: 500 Abfragen/Monat ## Bewertungsalgorithmus | Kriterium | Max. Punkte | Gewichtung | |----------------|-------------|------------| | TLD-Qualität | 20 | Hoch | | Länge | 15 | Hoch | | Lesbarkeit | 15 | Mittel | | PageRank | 15 | Hoch* | | Bindestrich | 10 | Mittel | | Zahlen | 10 | Mittel | | SSL | 10 | Mittel | | Backlinks | 10 | Hoch* | | Domain-Alter | 10 | Mittel* | | Erreichbarkeit | 5 | Niedrig | *Erfordert API-Key für volle Punktzahl ## Dateistruktur ``` domainbewertung/ ├── index.php # Hauptseite + Bewertung ├── marktplatz.php # Domain-Marktplatz ├── verkauf-anmelden.php # Inserat erstellen ├── faq.php # Häufige Fragen ├── install.php # Setup-Wizard ├── config.php # Konfiguration (generiert) ├── impressum.php ├── agb.php ├── datenschutz.php ├── includes/ │ ├── bewertung.php # Bewertungs-Engine (Kernlogik) │ ├── functions.php # Hilfsfunktionen │ ├── header.php │ └── footer.php └── admin/ ├── index.php # Admin-Dashboard ├── login.php └── logout.php ```
# ShareHub Social Share Buttons für Websites – DSGVO-konform, Europa-fokussiert mit Share-Tracking. ## Features **8 Plattformen:** - 📘 Facebook - 📷 Instagram - 🐦 X (Twitter) - 📌 Pinterest - 🧵 Threads - 🎵 TikTok - 💬 WhatsApp - 💼 LinkedIn - 🔗 Link kopieren **Design-Optionen:** - Icons mit Text-Labels - Nur Icons (rund) - Nur Icons (eckig) **Features:** - 📊 Floating Sidebar (links oder rechts) - 🔗 Copy-Link Button - 📈 Share-Counter pro Plattform - 🗄️ SQLite Datenbank für Share-Tracking - 📱 Mobile-optimiert - 🎨 Anpassbare Farben (Plattform-Standard) ## Installation ### 1. Dateien hochladen Alle Dateien in ein Verzeichnis auf dem Webserver. ### 2. Permissions ```bash chmod 755 . chmod 666 shares.db # Wird automatisch erstellt ``` ### 3. Generator öffnen ``` https://deine-domain.de/sharehub/ ``` ## Verwendung ### Widget einbinden **Schritt 1:** Generator auf `index.php` öffnen **Schritt 2:** Optionen wählen: - Plattformen auswählen - Design-Stil wählen (Icons+Labels, nur rund, nur eckig) - Position wählen (links/rechts) **Schritt 3:** Code generieren & kopieren **Schritt 4:** Vor `</body>` einfügen: ```html <script src=\"https://deine-domain.de/sharehub/sharehub.js\" data-style=\"icons-labels\" data-position=\"left\" data-platforms=\"facebook,twitter,whatsapp,linkedin,copy\"> </script> ``` ### Parameter | Parameter | Werte | Beschreibung | |---|---|---| | `data-style` | `icons-labels`, `icons-round`, `icons-square` | Design-Stil | | `data-position` | `left`, `right` | Position der Sidebar | | `data-platforms` | Komma-getrennt | Plattformen (facebook,instagram,twitter,pinterest,threads,tiktok,whatsapp,linkedin,copy) | ### Beispiele **Mit Labels links:** ```html <script src=\".../sharehub.js\" data-style=\"icons-labels\" data-position=\"left\" data-platforms=\"facebook,twitter,whatsapp,linkedin,copy\"> </script> ``` **Nur Icons rund rechts:** ```html <script src=\".../sharehub.js\" data-style=\"icons-round\" data-position=\"right\" data-platforms=\"facebook,instagram,twitter,pinterest,whatsapp\"> </script> ``` **Minimalst (nur Twitter & Copy):** ```html <script src=\".../sharehub.js\" data-style=\"icons-square\" data-position=\"left\" data-platforms=\"twitter,copy\"> </script> ``` ## Funktionen ### Share-Tracking Jeder Share wird automatisch in der SQLite-Datenbank getrackt: - URL die geteilt wurde - Plattform - Timestamp **Keine personenbezogenen Daten** (keine IPs, keine Cookies) ### Share-Counter Neben jedem Button wird die Anzahl der Shares angezeigt (nur wenn > 0). ### Copy-Link Button Kopiert die aktuelle URL in die Zwischenablage und zeigt \"✓ Kopiert!\" Feedback. ### Floating Sidebar - Fixiert links oder rechts - Mittig vertikal positioniert - Smooth Animationen - Mobile-optimiert (Icons ohne Labels) ## Statistiken Die Hauptseite (`index.php`) zeigt: - **Gesamt Shares** über alle URLs - **Pro Plattform** Statistiken - **Top Shared URLs** (Top 10) ## Technische Details **Stack:** - PHP 8.0+ - SQLite3 - Vanilla JavaScript - CSS3 **Datei-Struktur:** ``` sharehub/ ├── index.php # Generator + Statistiken ├── sharehub.js # Widget JavaScript (176 Zeilen) ├── api.php # Share-Tracking API ├── init.php # SQLite Setup ├── shares.db # SQLite Datenbank (auto-erstellt) └── README.md ``` **Browser-Support:** - Chrome 90+ - Firefox 88+ - Safari 14+ - Edge 90+ ## API Endpoints ### Track Share ``` POST /api.php?action=track Body: url=https://example.com&platform=facebook Response: {\"ok\":true,\"count\":5} ``` ### Get Count ``` GET /api.php?action=count&url=https://example.com&platform=facebook Response: {\"ok\":true,\"count\":5} ``` ### Top Shares ``` GET /api.php?action=top Response: {\"ok\":true,\"data\":[{\"url\":\"...\",\"count\":42}]} ``` ## DSGVO-Konformität ✓ Keine Cookies ✓ Keine IP-Speicherung ✓ Keine Tracking-Pixel ✓ Keine externen Requests (außer Share-URLs) ✓ Lokale SQLite-Datenbank ✓ Opt-in durch Website-Betreiber **Hinweis:** Die Share-Buttons öffnen die jeweiligen Plattformen in einem neuen Tab. Die Datenverarbeitung erfolgt dann bei der jeweiligen Plattform. ## Anpassungen ### Farben ändern In `sharehub.js` die `platformConfig` bearbeiten: ```javascript facebook: { name: 'Facebook', icon: '📘', color: '#1877f2', // <- Hier Farbe ändern url: url => `https://...` } ``` ### Icons ändern Icons sind Emojis in der `platformConfig`. Einfach austauschen: ```javascript icon: '🎯', // Beliebiges Emoji oder Unicode ``` ### Weitere Plattformen Neue Plattform in `platformConfig` hinzufügen und in `validPlatforms` (api.php) ergänzen. ## Performance - JavaScript: ~8KB (unminified) - CSS: Inline (~2KB) - Keine externen Dependencies - Lazy Loading möglich (defer/async) ## Lizenz Privates Projekt – alle Rechte vorbehalten.