Suchergebnisse für "personalisierte"

# 🌐 Advanced Web Proxy - Improved Version 2.0 ## 🎯 Was wurde verbessert? ### 1. **CSS Handling komplett überarbeitet** ✅ **Problem:** CSS wurde nicht korrekt geladen, Inline-Styles nicht umgeschrieben **Lösung:** - ✅ Externe CSS-Dateien werden über resource.php geladen - ✅ Inline `<style>` Tags werden durchsucht und URLs umgeschrieben - ✅ Inline `style=\"\"` Attribute werden durchsucht - ✅ `url()` in CSS wird korrekt umgeschrieben - ✅ `@import` wird korrekt umgeschrieben (mit und ohne url()) - ✅ Base-URL wird an resource.php übergeben für relative URLs in CSS ### 2. **Google Suche funktioniert besser** ✅ **Problem:** Google hat Probleme mit Proxies **Lösung:** - ✅ Bessere User-Agents (aktualisiert auf Chrome 131, Firefox 133) - ✅ Google-Suche mit `&hl=de` Parameter - ✅ Cookies werden gespeichert und wiederverwendet - ✅ Redirects werden korrekt gefolgt - ✅ DNT Header wird gesendet ### 3. **Cookie-Handling** ✅ **Neu:** Cookies werden jetzt gespeichert! - Session speichert Cookies zwischen Requests - Set-Cookie Headers werden ausgelesen - Cookies werden bei folgenden Requests mitgesendet - Wichtig für Login-Seiten und personalisierte Inhalte ### 4. **Besseres URL Rewriting** ✅ **Verbessert:** - ✅ `..` und `.` in URLs werden korrekt aufgelöst - ✅ Query-Parameter (`?`) und Anchors (`#`) funktionieren - ✅ HTML entities werden dekodiert (`&amp;` → `&`) - ✅ srcset Attribute werden umgeschrieben (responsive images) - ✅ Alle Attribute-Varianten werden erkannt (mit/ohne Quotes) ### 5. **Resource-Proxy verbessert** ✅ **Neu in resource.php:** - ✅ Base-URL Parameter für CSS (`&base=...`) - ✅ Cache-Headers für bessere Performance - ✅ CORS-Headers (`Access-Control-Allow-Origin: *`) - ✅ Bessere Content-Type Detection - ✅ Font-Support (woff, woff2, ttf, otf, eot) - ✅ SVG-Support - ✅ JSON-Support - ✅ Längere Cache-Zeiten (Fonts 30 Tage, Bilder 7 Tage) ### 6. **Inline-Style Rewriting** 🆕 **Komplett neu:** ```html <!-- Vorher: Nicht umgeschrieben --> <div style=\"background: url('image.jpg')\"> <!-- Nachher: Korrekt umgeschrieben --> <div style=\"background: url('resource.php?url=...')\"> ``` ### 7. **Redirect-Support** ✅ **Neu:** - Folgt automatisch Redirects (max 5) - Nutzt finale URL für Rewriting - Wichtig für Kurz-URLs und Weiterleitungen ### 8. **Bessere Quick Links** ✅ **Geändert:** - Wikipedia (funktioniert perfekt) - DuckDuckGo Lite (schnell, proxy-freundlich) - NPR Text (text-only, funktioniert immer) - Entfernt: Reddit (zu JavaScript-heavy) --- ## 🚀 Neue Features ### CSS mit Base-URL ```php // resource.php wird mit base-URL aufgerufen resource.php?url=https://example.com/style.css&type=css&base=https://example.com/page.html // CSS darin: background: url('../images/bg.jpg') // Wird korrekt zu: background: url('resource.php?url=https://example.com/images/bg.jpg') ``` ### Inline-Style Handling ```php // Alle Style-Varianten werden verarbeitet: <div style=\"background: url(bg.jpg)\"> ✅ <div style='background: url(\"bg.jpg\")'> ✅ <style>body { background: url(bg.jpg) }</style> ✅ ``` ### Cookie-Sessions ```php // Cookies werden automatisch gespeichert $_SESSION['cookies'] = [ 'session_id' => 'abc123', 'preferences' => 'theme=dark' ]; // Und bei nächstem Request mitgesendet ``` --- ## 📋 Technische Details ### HTML Rewriting - ✅ `<a href>` - Links über Proxy - ✅ `<img src>` + `srcset` - Bilder über resource.php - ✅ `<link href>` - CSS über resource.php mit base-URL - ✅ `<script src>` - NICHT proxied (macht Probleme) - ✅ `<form action>` - Forms über Proxy - ✅ `<iframe src>` - iframes über Proxy mit sandbox - ✅ `<meta http-equiv=\"refresh\">` - Redirects über Proxy - ✅ `<base>` - wird entfernt (macht nur Probleme) - ✅ `style=\"\"` - Inline-styles durchsuchen - ✅ `<style>` - Inline CSS-Blocks durchsuchen ### CSS Rewriting - ✅ `url(...)` - alle Varianten - ✅ `url(\"...\")` - mit Quotes - ✅ `url('...')` - mit Single-Quotes - ✅ `@import \"...\"` - externe Stylesheets - ✅ `@import url(...)` - alternative Syntax ### Bessere Regex - Attribute mit und ohne Quotes - HTML entities werden dekodiert - Whitespace-tolerant - Case-insensitive --- ## ⚠️ Bekannte Einschränkungen ### Was funktioniert NICHT gut: 1. **JavaScript-heavy Seiten** - SPAs (Single Page Apps) - React/Vue/Angular Sites - AJAX-heavy Seiten - Grund: JavaScript wird nicht umgeschrieben 2. **Login-Seiten** - Manche funktionieren (mit Cookies) - Viele haben CSRF-Protection - OAuth funktioniert nicht 3. **Cloudflare-geschützte Seiten** - Bot-Detection erkennt Proxies - JavaScript-Challenges funktionieren nicht 4. **WebSockets** - Echtzeit-Features funktionieren nicht - Chat-Apps, Live-Updates etc. 5. **Google** - Funktioniert eingeschränkt - reCAPTCHA kann erscheinen - Besser: DuckDuckGo verwenden ### Was funktioniert GUT: ✅ Wikipedia (perfekt!) ✅ News-Seiten (meist gut) ✅ Blogs und Text-Seiten ✅ Einfache Such-Engines ✅ DuckDuckGo Lite ✅ Text-only Seiten --- ## 🔧 Installation 1. Dateien hochladen: - `index.php` - `resource.php` 2. PHP Voraussetzungen: - PHP 7.4+ - cURL Extension - Session Support 3. Server-Konfiguration: - `allow_url_fopen = On` - `session.auto_start = Off` 4. Aufrufen: ``` https://deine-domain.de/proxy/ ``` --- ## 💡 Performance-Tipps ### Cache nutzen resource.php sendet Cache-Headers: - CSS/JS: 24 Stunden - Bilder: 7 Tage - Fonts: 30 Tage Browser-Cache reduziert Server-Last erheblich! ### Timeout anpassen In index.php: ```php curl_setopt($ch, CURLOPT_TIMEOUT, 25); // Bei langsamen Seiten erhöhen ``` ### Session-Cleanup Alte Sessions regelmäßig löschen: ```php // In index.php am Anfang if(rand(1, 100) == 1) { session_gc(); } ``` --- ## 🐛 Debugging ### CSS lädt nicht? 1. Browser DevTools → Network Tab öffnen 2. Nach `resource.php` suchen 3. HTTP Status prüfen (sollte 200 sein) 4. Response prüfen (sollte CSS sein) ### Bilder fehlen? 1. Rechtsklick auf Bild → \"Grafik-Adresse kopieren\" 2. Im Browser öffnen 3. Fehler lesen ### Seite sieht falsch aus? 1. Rechtsklick → \"Seitenquelltext anzeigen\" 2. Nach `resource.php` suchen 3. Prüfen ob URLs umgeschrieben wurden ### Google funktioniert nicht? → Nutze DuckDuckGo! Google ist sehr Proxy-feindlich. --- ## 🎨 Anpassungen ### Design ändern In index.php im `<style>` Block: ```css .toolbar{background:linear-gradient(135deg,#1e293b,#334155)} /* Ändere Farben nach Wunsch */ ``` ### Mehr Quick-Links ```php <a href=\"?url=https://example.com\" class=\"quick-link\">📌 Example</a> ``` ### Timeout erhöhen ```php curl_setopt($ch, CURLOPT_TIMEOUT, 60); // 60 Sekunden ``` --- ## 📊 Vergleich Alt vs Neu | Feature | v1.0 | v2.0 | |---------|------|------| | Externe CSS | ❌ | ✅ | | Inline CSS | ❌ | ✅ | | Style-Attribute | ❌ | ✅ | | @import | ⚠️ | ✅ | | Cookies | ❌ | ✅ | | Redirects | ⚠️ | ✅ | | srcset | ❌ | ✅ | | Base-URL in CSS | ❌ | ✅ | | Cache-Headers | ❌ | ✅ | | CORS-Headers | ❌ | ✅ | | HTML entities | ❌ | ✅ | | Google-Support | ❌ | ⚠️ | --- ## 🔒 Sicherheit ### Was der Proxy macht: - ✅ Verschleiert deine IP - ✅ Rotiert User-Agent - ✅ Sendet DNT Header - ✅ Keine Logs (bei dir) ### Was der Proxy NICHT macht: - ❌ Kein HTTPS zwischen dir und Proxy (nutze HTTPS!) - ❌ Keine Anonymisierung gegenüber Server-Admin - ❌ Kein Schutz vor JavaScript-Tracking - ❌ Kein VPN-Ersatz --- **Version:** 2.0 Improved **Datum:** Januar 2026 **Status:** Production Ready ✅

# 🎭 AvatarMaker v2.0 ### Avatar-Generator für Foren, Communities & Webseiten AvatarMaker ermöglicht es Besuchern, aus vorgefertigten Vorlagen eigene personalisierte Avatare zu erstellen – mit eigenem Text, sofortigem Download und optionaler Server-Speicherung. Kein Login, kein Abo, sofort einsatzbereit. --- ## ✨ Features | Feature | Beschreibung | |---|---| | 🎨 **Vorlagen-System** | Beliebig viele Vorlagen hochladbar, 24 bereits inklusive | | ✍️ **2 Texte pro Avatar** | Name, Titel oder Motto frei eingebbar (max. 20 Zeichen) | | 👁 **Live-Vorschau** | Echtzeit-Vorschau während der Texteingabe per AJAX | | 💾 **Server-Speicherung** | Erstellte Avatare optional speichern + Link anzeigen | | ⬇️ **Direktdownload** | Avatar sofort herunterladen ohne Login | | 🎭 **24 Beispiel-Avatare** | Farben, Gesichter, Muster, Pixel-Art, Tiere uvm. | | ⚙️ **Admin-Bereich** | Vorlagen verwalten, bearbeiten, löschen | | 🔍 **Auto-Scan** | scan.php trägt neue Bilder automatisch in die DB ein | --- ## 🚀 Installation ### 1. Voraussetzungen | Anforderung | Version | |---|---| | PHP | 7.4 oder höher | | GD Extension | Pflicht (für Bildverarbeitung) | | PDO SQLite Extension | Pflicht | | Schreibrechte | `storage/`, `avatars/templates/`, `avatars/created/` | ### 2. Dateien hochladen Alle Dateien in ein Verzeichnis auf dem Webserver hochladen: ``` https://ihre-domain.de/avatarmaker/ ``` ### 3. config.php anpassen ```php define('AM_URL', 'https://ihre-domain.de/avatarmaker'); // Ihre URL define('SITE_URL', 'https://ihre-domain.de'); // Link zur Hauptseite define('ADMIN_PASS', 'IhrSicheresPasswort'); // !! Bitte ändern !! define('SAVE_ENABLED', true); // false = keine Server-Speicherung ``` ### 4. Ordner-Rechte setzen ```bash chmod 755 storage/ chmod 755 avatars/templates/ chmod 755 avatars/created/ ``` ### 5. Datenbank initialisieren ``` https://ihre-domain.de/avatarmaker/install.php ``` Die SQLite-Datenbank wird erstellt und alle 24 Beispiel-Vorlagen werden registriert. **Danach `install.php` löschen!** ### 6. Fertig – aufrufen ``` https://ihre-domain.de/avatarmaker/ ← Frontend https://ihre-domain.de/avatarmaker/admin/ ← Admin-Bereich ``` --- ## 📁 Dateistruktur ``` avatarmaker/ ├── config.php ← Konfiguration (URL, Passwort, Einstellungen) ├── index.php ← Frontend: Vorlage wählen & Avatar erstellen ├── install.php ← Einmalige DB-Installation (danach löschen!) ├── scan.php ← mehrere Neue Templates auto-eintragen (danach löschen!) │ ├── includes/ │ └── avatar_engine.php ← GD-Bildverarbeitung (Text, Farben, Skalierung) │ ├── admin/ │ ├── index.php ← Admin-Dashboard (Stats, Vorlagen, Avatare) │ ├── template-upload.php ← Neue Vorlage hochladen │ └── template-edit.php ← Vorlage bearbeiten │ ├── avatars/ │ ├── templates/ ← Vorlagen-Bilder (PNG/JPG/GIF) │ └── created/ ← Erstellte Avatare der Besucher │ ├── storage/ │ └── avatarmaker.db ← SQLite Datenbank (auto-erstellt) │ └── .htaccess ← Sicherheit (config.php & DB schützen) ``` --- ## 🎨 Vorlagen-Übersicht (24 inklusive) ### Farb-Vorlagen (1–12) Einfarbige Hintergründe mit geometrischen Formen und Anfangsbuchstaben. | # | Name | Farbe | |---|---|---| | 1 | Ocean | Blau | | 2 | Fire | Rot-Orange | | 3 | Forest | Grün | | 4 | Purple | Lila | | 5 | Teal | Türkis | | 6 | Gold | Gold | | 7 | Dark | Dunkelblau | | 8 | Red | Rot | | 9 | Mint | Mintgrün | | 10 | Navy | Dunkelblau | | 11 | Amber | Orange | | 12 | Wine | Weinrot | ### Charakter & Muster (13–24) | # | Name | Beschreibung | |---|---|---| | 13 | Smiley | Klassisches Lächeln-Gesicht | | 14 | Cool-Face | Gesicht mit Sonnenbrille | | 15 | Pixel-Art | Retro 8-Bit Gesicht | | 16 | Roboter | Sci-Fi Roboterkopf mit LEDs | | 17 | Katze | Katzenkopf mit Schnurrhaaren | | 18 | Alien | Großäugiges Alien-Gesicht | | 19 | Hexagon | Abstraktes Lila-Muster | | 20 | Neon-Dreiecke | Geometrisch auf schwarz | | 21 | Mandala | Buntes Kreismuster | | 22 | Wellen | Ozean-Muster mit Mond | | 23 | Gaming | Controller-Design | | 24 | Blume | Pinkes Blumenmuster | --- ## ⚙️ Admin-Bereich ### Login ``` https://ihre-domain.de/avatarmaker/admin/ Passwort: wie in config.php → ADMIN_PASS eingestellt ``` ### Funktionen **Dashboard (`admin/index.php`)** - Statistiken: Anzahl Vorlagen, erstellte Avatare gesamt, heute - Vorlagen-Übersicht mit Thumbnail, Bearbeiten- und Löschen-Button - Tabelle aller erstellten Avatare mit Vorschau, Texten, IP und Datum **Neue Vorlage hochladen (`admin/template-upload.php`)** - PNG, JPG oder GIF hochladen (max. 2 MB) - Wird automatisch auf 120×120 Pixel skaliert - Text-Positionen für Text 1 und Text 2 einstellen (X/Y-Koordinaten) - Ausrichtung: Links, Mitte oder Rechts - Schriftgröße (8–24 px), Schriftfarbe, Konturfarbe - Sortierungsreihenfolge **Vorlage bearbeiten (`admin/template-edit.php`)** - Alle Einstellungen nachträglich ändern - Neues Bild hochladen (ersetzt das alte) - Vorlage aktiv/inaktiv schalten (inaktive sind im Frontend nicht sichtbar) --- ## 🔍 Neue Vorlagen per scan.php einbinden Wenn du mehrere Bilder auf einmal in `avatars/templates/` hochlädst, kannst du sie mit `scan.php` automatisch registrieren lassen – statt jede einzeln im Admin einzutragen. **Ablauf:** 1. Bilder in `avatars/templates/` hochladen 2. `https://ihre-domain.de/avatarmaker/scan.php` aufrufen 3. Bereits registrierte Dateien werden übersprungen, neue eingetragen 4. **`scan.php` danach löschen!** Namen und Einstellungen kannst du anschließend im Admin unter **✏️ Bearbeiten** anpassen. --- ## 🔧 Konfigurationsreferenz ```php // config.php – alle Optionen define('AM_URL', 'https://ihre-domain.de/avatarmaker'); // Basis-URL (kein /) define('SITE_URL', 'https://ihre-domain.de'); // Link \"← Zur Webseite\" define('SAVE_ENABLED', true); // true = Avatare auf Server speichern define('MAX_FILE_SIZE', 2097152); // Max. Upload-Größe in Bytes (Standard: 2 MB) define('AVATAR_SIZE', 120); // Ausgabegröße in Pixel (quadratisch) define('ADMIN_PASS', 'admin123'); // Admin-Passwort – bitte ändern! ``` --- ## 🔒 Sicherheitshinweise - Admin-Passwort in `config.php` sofort nach Installation ändern - `install.php` nach der Installation löschen - `scan.php` nach Nutzung löschen - `storage/` Ordner ist per `.htaccess` vor Direktzugriff geschützt - `config.php` ist per `.htaccess` vor Direktzugriff geschützt **Empfohlene Ordner-Rechte:** ``` storage/ → 755 avatars/created/ → 755 avatars/templates/→ 755 ``` --- ## ❓ Häufige Fragen **Warum erscheint kein Avatar nach dem Erstellen?** Prüfe ob `avatars/created/` Schreibrechte hat (`chmod 755`). Prüfe ob die GD-Extension in PHP aktiv ist. **Kann ich die Avatar-Größe ändern?** Ja – `AVATAR_SIZE` in `config.php` anpassen. Standard ist 120×120 Pixel. Vorlagen-Bilder werden automatisch auf diese Größe skaliert. **Kann ich eigene Schriftarten einbinden?** Ja – TTF-Dateien in den `fonts/` Ordner legen und in `config.php` unter `FONTS` eintragen. Im Admin kann dann pro Vorlage eine Schriftart gewählt werden. **Wie deaktiviere ich die Server-Speicherung?** `define('SAVE_ENABLED', false)` in `config.php` – Avatare werden dann nur angezeigt aber nicht gespeichert, kein Download-Link wird generiert. **Wie setze ich den erstellten Avatar in ein Forum ein?** Den angezeigten Link kopieren und im Forum als Avatar-URL eintragen – die meisten Foren unterstützen externe Bild-URLs. --- ## 🗺 Geplante Erweiterungen (Roadmap) > Diese Features sind noch nicht implementiert und können in einer späteren Version hinzugefügt werden. - **Benutzer-Login** – eigene Avatar-Sammlung pro Account - **Farbfilter** – Helligkeit, Kontrast, Sättigung per Schieberegler anpassen - **Sticker/Overlays** – zusätzliche Grafik-Elemente auf den Avatar legen - **Rahmen-System** – verschiedene Rahmen um den Avatar wählbar - **Galerie** – öffentliche Übersicht aller erstellten Avatare - **API-Endpunkt** – Avatar per GET-Parameter programmatisch generieren - **Wasserzeichen** – automatisches Logo auf alle erstellten Avatare --- ## 📄 Lizenz MIT License – frei verwendbar, anpassbar und weitervertreibbar. Bei Weitergabe bitte diese README beilegen. --- *AvatarMaker v2.0 · PHP 7.4+ · GD · SQLite · Kein Login erforderlich*