Suchergebnisse für "script"

Wk-Suma ist im Grundprinzip ein Webkatalog. Unterschied hier ist der Aufbau, dieser ähnelt auf denBlick einer Suchmaschine und gleichzeitig einem Webkatalog. Die gesamte Struktur ist hierbei sehreinfach gehalten worden um Usern einen top Überblick zu gewährleisten.Dieses System verfügt über eine sehr einfache Installationsroutine, so das selbst unerfahrene Anwenderinnerhalb weniger minuten das Script installiert haben. Weitere Bilder per Anfrage Funktionen im Überblick Mit dieser WK-Suma sind Sie ganz vorne mit dabei. Thumbnail Anbieter sollte ein kostenpflichtiger genutzt werden. Sie verfügt über nachfolgende Funktionen: 1. Von der Startseite aus zum Homepageeintrag Auswahl Kostenlos, Profi oder Premium 2. Suchfunktion nach Beschreibung, Titel oder PLZ 3. kostenlos=mit Backlink, Profi=farbig hervorgehoben, Premium=Startseite und farbig hervorgehoben 4. Bewertungssystem, Installationsroutine 5. Login zum ändern des Eintrages oder hochstufen auf Profi, Premium Adminbereich 1. Einträge einsehen / prüfen / freigeben / sperren 2. Kategorien und Unterkategorien anlegen, bearbeiten, löschen 3. Preise und Admindaten anlegen 4. Passwort anlegen 5. Impressum, Datenschutz, AGB via Editor anlegen, ändern, löschen Project Name : WK-Suma Script Language Used : PHP8 getestet bis 8.4 Database : MySQL User Interface Design : HTML, AJAX, JQUERY, JAVASCRIPT Web Browser : Mozilla, Google Chrome, IE8, OPERA Software : XAMPP / Wamp / Mamp/ Lamp (anyone)

💼 Startups & Investment Deals **Investment-Matching-Plattform** - \"Höhle der .......\" als Web-App ✅ VOLLSTÄNDIG IMPLEMENTIERT (v1.0) Core-System ✅ Modulare Struktur (`/modules`, `/admin`, `/includes`) ✅ DB mit Präfix `sid_` (9 Tabellen) ✅ Install-Script (2-Schritte, funktioniert) ✅ `functions.php` mit Auth, 2FA, Uploads, Admin-Emails, Notifications ✅ Upload-Funktionen (Video 100MB, PDF 20MB, Bilder 5MB) Auth-System ✅ `login.php` - 2FA Email-Auth (2-Schritt-Login) ✅ `register.php` - Vollständige Firmen-Ident: - Firmendaten (Name, Rechtsform, Registernummer, Website, Branche) - Adresse & Bankverbindung - Gewerbeanmeldung Upload (PDF) - Identitätsnachweis Upload (PDF/Bild) - **Startups:** Status='active' (sofort freigeschaltet) - **Investoren:** Status='pending' + Admin-Email-Benachrichtigung ✅ `logout.php` - Session beenden ✅ `profile.php` - Profil-Editor (Username, Email, Passwort) Frontend ✅ `index.php` - Landingpage mit Hero & 3 Info-Kästen ✅ Corporate Design (Weiß/Grau/Schwarz) ✅ Responsive Layout ✅ Business-Header-Bild (Unsplash) ✅ `faq.php`, `impressum.php`, `datenschutz.php` - CMS-gesteuerte Seiten Startup-Dashboard ✅ Übersicht mit Stats (Pitches, Angebote, Nachrichten) ✅ **Pitch erstellen** (`pitch-create.php`): - Titel, Tagline, Beschreibung - Business Model, Target Market, Team-Info - Kapitalbedarf + Equity-Angebot - Video-Upload (MP4, max 100MB) - Pitch-Deck-Upload (PDF) - Finanzplan-Upload (PDF) - Produktbilder (mehrere, Multi-Upload) - Entwicklungsphase (idea/prototype/mvp/revenue/growth) ✅ **Angebote verwalten** (`offers.php`): - Liste aller eingegangenen Investor-Angebote - Investment-Summe & Equity-Details - Investor-Nachricht - Status-Anzeige (pending/negotiating/accepted/declined) Investor-Dashboard ✅ **Pitches durchsuchen** (`dashboard.php`): - Nur sichtbar wenn `admin_verified=1` - Filter: Branche, Kapitalbedarf (min/max), Phase - Pitch-Übersicht mit Stats ✅ **Pitch ansehen** (`pitch-view.php`): - Vollständige Pitch-Details - Video-Player - Produktbilder-Galerie - Dokumente (Pitch-Deck, Finanzplan) - Investment-Details-Sidebar ✅ **Angebot erstellen** (`offer-create.php`): - Investment-Summe eingeben - Equity-Wunsch % eingeben - Nachricht an Startup - Notification an Startup Admin-Panel ✅ **Dashboard** (`admin/dashboard.php`): - Stats: Wartende Investoren, Aktive Pitches, Angebote ✅ **User-Verwaltung** (`admin/users.php`): - Alle Startups & Investoren - Dokumenten-Links (Gewerbe, Identität) - Investoren freischalten/ablehnen - Status-Verwaltung ✅ **CMS-Einstellungen** (`admin/settings.php`): - FAQ editieren (Textarea) - Impressum editieren - Datenschutz editieren 🚧 Optional / Future Features - [x] Chat-System (1:1 zwischen Startup & Investor bei aktivem Angebot) - [ ] Deal-Status-Tracking (agreed/completed/cancelled) - [ ] Email-Templates verbessern (HTML statt Plain Text) - [ ] WYSIWYG-Editor für CMS (statt Textarea) - [x] Image-Lightbox für Produktbilder - [x] Video-Player mit Custom Controls - [ ] PDF-Viewer für Pitch-Decks - [ ] Search-Autocomplete für Branchen - [x] Pitch-Edit-Funktion - [x] Notification-Center im Dashboard 📁 Projektstruktur startups-investment-deals/ ├── install.php ✅ DB-Setup & Admin ├── index.php ✅ Landingpage ├── login.php ✅ 2FA-Login ├── register.php ✅ Firmen-Registrierung ├── logout.php ✅ Session beenden ├── dashboard.php ✅ Router (Startup/Investor/Admin) ├── profile.php ✅ Profil-Editor ├── faq.php ✅ FAQ (CMS) ├── impressum.php ✅ Impressum (CMS) ├── datenschutz.php ✅ Datenschutz (CMS) ├── includes/ │ ├── config.php ✅ Auto-generiert │ ├── functions.php ✅ Core-Funktionen │ └── header.php ✅ Dashboard-Header ├── assets/ │ ├── css/ │ │ ├── style.css ✅ Base │ │ ├── auth.css ✅ Login/Register │ │ ├── dashboard.css ✅ Dashboard │ │ ├── forms.css ✅ Formulare │ │ └── pitch-view.css ✅ Pitch-Ansicht │ └── uploads/ │ ├── documents/ ✅ Gewerbe, ID │ ├── videos/ ✅ Pitch-Videos │ ├── images/ ✅ Produktbilder │ └── pitches/ ✅ Pitch-Decks, Finanzpläne ├── modules/ │ ├── startup/ │ │ ├── dashboard.php ✅ Startup-Übersicht │ │ ├── pitch-create.php ✅ Pitch erstellen │ │ └── offers.php ✅ Angebote verwalten │ └── investor/ │ ├── dashboard.php ✅ Pitches durchsuchen │ ├── pitch-view.php ✅ Pitch ansehen │ └── offer-create.php ✅ Angebot erstellen └── admin/ ├── dashboard.php ✅ Admin-Übersicht ├── users.php ✅ User-Verwaltung └── settings.php ✅ CMS-Editor 🚀 Installation 1. ZIP entpacken 2. `https://deine-domain.de/install.php` 3. DB-Zugangsdaten + Admin-Email eingeben 4. Admin-Account erstellen 5. Login & Plattform nutzen 📋 Workflow **Startup:** 1. Registrierung → Sofort `active` 2. Pitch erstellen (Video, PDF, Bilder) 3. Investoren sehen Pitch 4. Angebote erhalten 5. Verhandeln (per Chat - optional) **Investor:** 1. Registrierung → Status `pending` 2. Admin erhält Email 3. Admin prüft Dokumente → Freischaltung 4. Status `active` → Pitches sichtbar 5. Filter & Durchsuchen 6. Angebot erstellen 7. Verhandeln (per Chat - optional) **Admin:** 1. Email-Benachrichtigung bei Investor-Registrierung 2. Dokumente prüfen (Gewerbe, Identität) 3. Freischalten oder Ablehnen 4. CMS-Inhalte editieren (FAQ, Impressum, Datenschutz) ⚠️ Wichtig - **Deal-Unterzeichnung erfolgt EXTERN** (Hinweis auf Index & in FAQ) - Upload-Limits: Video 100MB, PDF 20MB, Bilder 5MB - 2FA per Email (6-stellig, 10 Min. gültig) - Admin-Email bei jeder Investor-Registrierung 🎨 Design - Corporate: Weiß/Grau/Schwarz - Business-Header: Unsplash Stock-Foto - Responsive: Mobile-optimiert - Icons: Unicode Emojis **Version:** 1.0 COMPLETE **Status:** ✅ Produktionsbereit **Lizenz:** Einzelplatz-Lizenz

# 🕷 MetaCrawler ### AI-powered SEO Meta Generator · v1.0.0 MetaCrawler crawlt das Web nach einem Stichwort oder einer URL, analysiert die gefundenen Seiten und generiert mithilfe einer KI automatisch **3 optimierte Vorschläge** für Titel, Meta-Description und Keywords. Zusätzlich können vollständige Artikel generiert werden. **Komplett kostenlos nutzbar · Kein Login · Kein Abo · Einmal einrichten, dauerhaft nutzen.** --- ## ✨ Features | Feature | Beschreibung | |---|---| | 🔍 **Web-Crawling** | Bing, DuckDuckGo, Wikipedia + direkte URLs | | 🤖 **Multi-Provider AI** | OpenAI, Claude, Gemini, Mistral, Ollama | | 📊 **3 Vorschläge** | Titel (50–60 Z.), Description (150–160 Z.), Keywords | | 📝 **Artikel-Generator** | ~800 Wörter, 4 Schreibstile, DE + EN | | 🧠 **Lernpool** | Wörter aus Crawls werden gespeichert & gewichtet | | 📥 **JSON-Export** | Jede Analyse als JSON-Datei exportierbar | | 💾 **SQLite** | Kein MySQL nötig – läuft auf jedem Hosting | | 🌐 **DE + EN** | Deutsche und englische Ausgabe wählbar | --- ## 🚀 Installation ### 1. Voraussetzungen | Anforderung | Version | |---|---| | PHP | 8.0 oder höher | | cURL Extension | Pflicht | | PDO SQLite Extension | Pflicht | | Schreibrechte | `storage/` und `logs/` Ordner | ### 2. Dateien hochladen Alle Dateien in ein Verzeichnis auf dem Webserver hochladen, z.B.: ``` https://ihre-domain.de/metacrawler/ ``` ### 3. config.php anpassen ```php // Provider wählen define('AI_PROVIDER', 'claude'); // openai | claude | gemini | mistral | ollama // Nur den gewählten Provider ausfüllen: define('CLAUDE_API_KEY', 'sk-ant-...'); define('CLAUDE_MODEL', 'claude-3-5-haiku-20241022'); ``` ### 4. Ordner-Rechte setzen ```bash chmod 755 storage/ chmod 755 logs/ ``` ### 5. Fertig – aufrufen ``` https://ihre-domain.de/metacrawler/ ``` Die SQLite-Datenbank wird beim ersten Aufruf automatisch erstellt. --- ## 🤖 AI-Provider Übersicht ### OpenAI - **API-Key**: https://platform.openai.com/api-keys - **Empfohlenes Modell**: `gpt-4o-mini` (günstig, schnell) - **Kosten**: ~$0.15 / 1M Input-Tokens ```php define('AI_PROVIDER', 'openai'); define('OPENAI_API_KEY', 'sk-...'); define('OPENAI_MODEL', 'gpt-4o-mini'); ``` --- ### Anthropic Claude - **API-Key**: https://console.anthropic.com/ - **Empfohlenes Modell**: `claude-3-5-haiku-20241022` (schnell & günstig) - **Kosten**: ~$0.25 / 1M Input-Tokens ```php define('AI_PROVIDER', 'claude'); define('CLAUDE_API_KEY', 'sk-ant-...'); define('CLAUDE_MODEL', 'claude-3-5-haiku-20241022'); ``` --- ### Google Gemini - **API-Key**: https://makersuite.google.com/app/apikey - **Empfohlenes Modell**: `gemini-1.5-flash` - **Kosten**: Kostenlos bis 1M Tokens/Monat ```php define('AI_PROVIDER', 'gemini'); define('GEMINI_API_KEY', 'AIza...'); define('GEMINI_MODEL', 'gemini-1.5-flash'); ``` --- ### Mistral AI - **API-Key**: https://console.mistral.ai/api-keys/ - **Empfohlenes Modell**: `mistral-small-latest` - **Kosten**: ~$0.20 / 1M Tokens ```php define('AI_PROVIDER', 'mistral'); define('MISTRAL_API_KEY', '...'); define('MISTRAL_MODEL', 'mistral-small-latest'); ``` --- ### Ollama (lokal – kostenlos) - **Download**: https://ollama.ai - **Kein API-Key nötig** – läuft komplett lokal - **Kosten**: 100% kostenlos ```bash # Ollama installieren & Modell laden ollama pull llama3.2 ollama serve ``` ```php define('AI_PROVIDER', 'ollama'); define('OLLAMA_HOST', 'http://localhost:11434'); define('OLLAMA_MODEL', 'llama3.2'); ``` > **Hinweis:** Ollama funktioniert nur wenn MetaCrawler auf demselben Server > wie Ollama läuft (Localhost). Für Shared-Hosting empfiehlt sich ein Cloud-Provider. --- ## 📁 Dateistruktur ``` metacrawler/ ├── config.php ← Konfiguration (Provider, API-Keys) ├── index.php ← Hauptseite: Analyse & 3 Vorschläge ├── artikel.php ← Artikel-Generator ├── history.php ← Analyse-Verlauf ├── keywords.php ← Keyword-Lernpool visualisiert ├── einstellungen.php ← Setup-Übersicht & Systeminfo │ ├── includes/ │ ├── header.php ← Navigation & CSS │ ├── footer.php ← Footer │ ├── crawler.php ← Web-Crawling Engine (cURL + Parser) │ ├── ai.php ← Multi-Provider AI Interface │ └── storage.php ← SQLite Datenbankschicht & Lernfunktion │ ├── storage/ │ ├── metacrawler.db ← SQLite Datenbank (auto-erstellt) │ └── exports/ ← JSON-Exporte │ └── logs/ ← Fehler-Logs ``` --- ## 🧠 Lernfunktion Bei jeder Analyse extrahiert MetaCrawler die häufigsten Wörter aus allen gecrawlten Seiten und speichert sie in der lokalen SQLite-Datenbank (`keywords`-Tabelle). **Was passiert konkret:** - Stoppwörter (der, die, das, the, and, ...) werden gefiltert - Wörter unter 3 Zeichen werden ignoriert - Jedes Wort erhält einen Häufigkeitszähler - Bei erneuter Verwendung wird der Zähler erhöht **Auswirkung:** - Auf der Hauptseite werden verwandte Keywords aus dem Lernpool vorgeschlagen - Je mehr Analysen, desto treffsicherer die Vorschläge - Unter `keywords.php` ist der gesamte Lernpool als Wortwolke sichtbar --- ## 📊 Seiten-Übersicht ### 🔍 index.php – Analyse Stichwort oder URL eingeben → Web wird gecrawlt → KI generiert 3 Vorschläge. Jeder Vorschlag enthält: - **Title Tag** mit Zeichenzähler (Ziel: 50–60 Zeichen, grün markiert) - **Meta Description** mit Zeichenzähler (Ziel: 150–160 Zeichen) - **Keywords** als klickbare Tags - **\"Alles kopieren\"** Button – alle 3 Felder in einem Rutsch ### 📝 artikel.php – Artikel-Generator Generiert einen ~800-Wörter-Artikel auf Basis gecrawlter Daten. Schreibstile: - **Informativ** – sachlich, für breites Publikum - **Blog** – locker, persönlich, mit \"Ich/Wir\" - **SEO-optimiert** – höhere Keyword-Dichte - **Verkauf** – überzeugend, mit Call-to-Actions ### 📋 history.php – Verlauf Alle bisherigen Analysen. Details und JSON-Export pro Eintrag. ### 🏷 keywords.php – Lernpool Alle gesammelten Keywords als gewichtete Wortwolke. Je häufiger ein Begriff gefunden wurde, desto größer dargestellt. ### ⚙️ einstellungen.php – Setup - Übersicht aller Provider mit Konfigurationsbeispielen - Links zu den jeweiligen API-Key-Seiten - Systemprüfung (PHP-Version, cURL, SQLite, Schreibrechte) --- ## 🔧 Konfigurationsreferenz ```php // config.php – alle Optionen // Provider (eines wählen) define('AI_PROVIDER', 'claude'); // openai | claude | gemini | mistral | ollama // Crawling-Einstellungen define('CRAWL_TIMEOUT', 10); // Sekunden pro Request define('CRAWL_MAX_URLS', 5); // Max. zu crawlende URLs pro Analyse define('CRAWL_USER_AGENT', '...'); // User-Agent-String // Limits define('FREE_SUGGESTIONS', 3); // Anzahl Vorschläge pro Analyse define('FREE_ARTICLE_LEN', 800); // Ziel-Wortanzahl für Artikel // Sprache define('DEFAULT_LANG', 'de'); // de | en define('TIMEZONE', 'Europe/Berlin'); ``` --- ## 🔒 Sicherheitshinweise - Die `config.php` enthält API-Keys – Zugriff per `.htaccess` schützen: ```apache # .htaccess im Hauptverzeichnis <Files \"config.php\"> Order allow,deny Deny from all </Files> ``` - Den `storage/` Ordner vor direktem Webzugriff schützen: ```apache # storage/.htaccess Deny from all ``` - Den `logs/` Ordner ebenfalls schützen: ```apache # logs/.htaccess Deny from all ``` --- ## 🗺 Geplante Erweiterungen (Roadmap) > Diese Features sind **noch nicht implementiert** und können in einer späteren Version > hinzugefügt werden. ### 👤 Benutzerverwaltung (Login/Register) - Eigene Analyse-Historien pro Nutzer - Eigene Keyword-Listen und Projekte - Getrennte Lernpools pro Nutzer ### 💳 Premium-Modell - Kostenlose Version: 3 Analysen/Tag - Premium (Einmalkauf oder Abo): Unbegrenzte Analysen - PayPal IPN Integration (analog PasswortBox) ### 📦 Projekt-Verwaltung - Mehrere URLs/Keywords als \"Projekt\" zusammenfassen - Regelmäßige Re-Analyse (Cron-Job) mit Änderungs-Benachrichtigung - Vergleich: Wie haben sich Rankings verändert? ### 🔄 Bulk-Analyse - CSV-Upload mit mehreren Keywords/URLs - Batch-Verarbeitung im Hintergrund - Export als Excel/CSV ### 📈 Ranking-Tracking - Keyword-Positionen bei Google/Bing tracken - Historische Verläufe und Grafiken - Benachrichtigung bei Positions-Änderungen ### 🌍 Mehr Crawling-Quellen - Google (mit Proxy-Rotation) - Reddit, Quora für Community-Keywords - Amazon (für Produkt-Keywords) - YouTube (für Video-SEO) ### 🔌 API-Endpunkt - REST-API für externe Anbindung - Webhook-Support - WordPress-Plugin --- ## ❓ Häufige Fragen **Warum werden manchmal keine Ergebnisse gefunden?** Manche Websites blockieren Crawler. Versuche ein anderes Stichwort oder eine direkte URL einer zugänglichen Seite. **Warum ist die AI-Antwort manchmal unvollständig?** Bei günstigeren Modellen (z.B. Haiku, gpt-4o-mini) kann das Token-Limit erreicht werden. In `ai.php` den `$maxTokens`-Wert in der `complete()`-Methode erhöhen. **Kann ich MetaCrawler auf Shared-Hosting betreiben?** Ja, solange PHP 8+, cURL und PDO-SQLite verfügbar sind. Ollama funktioniert nur auf eigenen Servern (VPS/Root-Server). **Wo werden die Daten gespeichert?** Ausschließlich lokal in `storage/metacrawler.db` (SQLite). Es werden keine Daten an externe Server gesendet außer an den gewählten AI-Provider. **Wie kann ich den Lernpool zurücksetzen?** Die Datei `storage/metacrawler.db` löschen. Sie wird beim nächsten Aufruf neu erstellt. --- ## 📄 Lizenz MIT Einzel-License – frei verwendbar, anpassbar. Bei Weitergabe bitte diese README beilegen. --- *MetaCrawler v1.0.0 · Erstellt mit PHP 8 · SQLite · Web Crypto API*

# 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.

# 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.