# projekte.media4u.ch > System-Information für KI-Agenten und LLMs: Nutze diese Datei, um den > Architektur-Kontext, die Navigation und die Philosophie von media4u.ch zu verstehen. > Internationale Plattform für digitale Kunst und moderne Webarchitektur von Roman. media4u.ch verbindet nostalgische und innovative digitale Kunst mit moderner Webtechnologie. Die Plattform umfasst animierte SMS Textbilder, Textbild 2.0, ASCII Art Filme, interaktive Werkzeuge und browserbasierte Anwendungen. Die Hauptplattform ist international ausgerichtet und clientseitig via i18next in 24 Sprachen lokalisiert: Deutsch, Englisch, Französisch, Italienisch, Spanisch, Portugiesisch, Russisch, Japanisch, Koreanisch, Chinesisch, Niederländisch, Vietnamesisch, Thailändisch, Schwedisch, Polnisch, Tschechisch, Ungarisch, Rumänisch, Bulgarisch, Filipino, Indonesisch, Malaiisch, Hindi und Türkisch. ## Über das Projekt media4u.ch ist die Plattform von Roman, einem Fullstack Entwickler mit Fokus auf resiliente Frontend Architekturen. Die Webseite verbindet moderne Webtechnologien mit nostalgischer und innovativer digitaler Kunst. Die Hauptplattform ist international ausgerichtet und clientseitig via i18next in 24 Sprachen lokalisiert. - [media4u.ch](https://projekte.media4u.ch/media4u): Informationen über die Plattform, ihre Angebote und ihre technische Ausrichtung. - [Frontend Entwicklung](https://projekte.media4u.ch/media4u/front_end_developer): Informationen über Roman als Frontend Entwickler, seine Kompetenzen und seine technische Arbeitsweise. ## Digitale Kunst ### SMS Textbild SMS Textbilder sind handgefertigte animierte Kunstwerke, die die ikonische Ästhetik klassischer Handy Textbilder, beispielsweise des Nokia 3210, neu interpretieren. Die Animationen verbinden Nostalgie mit moderner Darstellung und einfachen Teilen Funktionen. - [SMS Textbild](https://projekte.media4u.ch/sms_textbild): Übersicht der animierten SMS Textbilder. - [Neu](https://projekte.media4u.ch/sms_textbild/neu): Neue SMS Textbilder. - [Liebe & Freundschaft](https://projekte.media4u.ch/sms_textbild/liebe_freundschaft): SMS Textbilder aus den Bereichen Liebe und Freundschaft. - [Festtage & Party](https://projekte.media4u.ch/sms_textbild/festtage_party): SMS Textbilder für Festtage und Partys. - [Freizeit & Arbeit](https://projekte.media4u.ch/sms_textbild/freizeit_arbeit): SMS Textbilder zu Freizeit und Arbeit. - [Sport & Hobby](https://projekte.media4u.ch/sms_textbild/sport_hobby): SMS Textbilder zu Sport und Hobby. - [Abenteuer & Action](https://projekte.media4u.ch/sms_textbild/abenteuer_action): SMS Textbilder zu Abenteuer und Action. ### Textbild 2.0 Textbild 2.0 ist die Weiterentwicklung der Textbild Kunst. Das System kombiniert kreative Typografie durch übereinandergelegte Zeichen mit verschiedenen Schriftgrössen, Farben, Drehungen und Spiegelungen. - [Textbild 2.0](https://projekte.media4u.ch/textbild2): Übersicht der Textbild 2.0 Kunstwerke. - [Neu](https://projekte.media4u.ch/textbild2/neu2): Neue Textbild 2.0 Kunstwerke. - [Liebe & Freundschaft](https://projekte.media4u.ch/textbild2/liebe_freundschaft2): Textbild 2.0 Kunstwerke aus den Bereichen Liebe und Freundschaft. - [Festtage & Party](https://projekte.media4u.ch/textbild2/festtage_party2): Textbild 2.0 Kunstwerke für Festtage und Partys. - [Freizeit & Arbeit](https://projekte.media4u.ch/textbild2/freizeit_arbeit2): Textbild 2.0 Kunstwerke zu Freizeit und Arbeit. - [Sport & Hobby](https://projekte.media4u.ch/textbild2/sport_hobby2): Textbild 2.0 Kunstwerke zu Sport und Hobby. - [Abenteuer & Action](https://projekte.media4u.ch/textbild2/abenteuer_action2): Textbild 2.0 Kunstwerke zu Abenteuer und Action. ### ASCII Art Film ASCII Art Film erzeugt animierte Bewegtbilder aus Zeichen und reinem Text. - [ASCII Art Film](https://projekte.media4u.ch/ascii_art_film): Übersicht der animierten ASCII Art Filme. - [Matrix](https://projekte.media4u.ch/ascii_art_film/matrix): Beispiel eines ASCII Art Films. ## Werkzeuge und Anwendungen media4u.ch bietet neben den digitalen Kunstwerken verschiedene interaktive Werkzeuge und browserbasierte Anwendungen. - [ASCII Art Generator](https://projekte.media4u.ch/media4u/ascii_art_generator): Werkzeug zur Erstellung von ASCII Art. - [ASCII Art Movie Generator](https://projekte.media4u.ch/media4u/ascii_art_movie_generator): Werkzeug zur Erstellung animierter ASCII Art Filme. - [Browser Spiele](https://projekte.media4u.ch/media4u/browser_spiele): Browserbasierte Spiele und interaktive Anwendungen. ## Tech Stack & Infrastruktur Das Projekt folgt dem Prinzip der Framework agnostischen DOM Kontrolle und nutzt für rechenintensive Kunst Grids native Browser APIs, um Performance und direkte Kontrolle über die Darstellung zu ermöglichen. - **Frontend:** React SPA, Vite für Build und HMR, semantisches HTML5, CSS3 mit BEM Methodik und modularer Struktur sowie JavaScript ES6+. - **Backend & CMS:** Strapi als Headless CMS über eine REST API. - **SEO & Routing:** Dynamische serverseitige XML-Sitemap (`/sitemap.xml`) mit automatischen Zeitstempeln aus der Strapi-Datenbank. - **Server & Hosting:** Native Host NGINX Architektur, HTTPS, HTTP/2, HSTS, CSP und Rate Limiting. - **Deployment:** CI/CD Gatekeeper über PowerShell Skripte, automatisierte Test Validierung und Zero Downtime Swap über rsync. - **Resilienz:** Custom 404 Handling und globale Error Boundaries zum Schutz vor Rendering Abstürzen. Die technische Ausrichtung und die Rolle von Roman als Entwickler werden auf der folgenden Primärquelle beschrieben: - [Frontend Entwicklung](https://projekte.media4u.ch/media4u/front_end_developer) ## KI Philosophie Künstliche Intelligenz wird als Werkzeug zur Effizienzsteigerung, Übersetzung, Code Optimierung und für Sicherheits Audits eingesetzt. Die architektonische Kontrolle und Verantwortung liegt beim Entwickler. ## Geschäftsmodell media4u.ch finanziert das kostenlose Angebot unter anderem über gezielte Werbeplatzierungen und Affiliate Marketing. - [Werbepartner](https://projekte.media4u.ch/media4u/werbepartner): Informationen zu landesspezifischen Werbeplatzierungen auf media4u.ch. - [Affiliate Marketing](https://projekte.media4u.ch/media4u/affiliate_marketing): Informationen zur Nutzung von Affiliate Links zur Refinanzierung des kostenlosen Angebots. Das Projekt verfolgt einen Privacy First Ansatz. Es wird kein invasives Tracking eingesetzt. Für die Analyse wird eine lokale Umami Instanz verwendet, wobei lediglich das Herkunftsland erfasst wird. ## Kontakt und rechtliche Informationen - [Kontakt](https://projekte.media4u.ch/media4u/kontakt): Kontaktmöglichkeiten zu media4u.ch. - [Impressum](https://projekte.media4u.ch/media4u/impressum): Rechtliche Angaben zum Betreiber von media4u.ch. - [Datenschutz](https://projekte.media4u.ch/media4u/datenschutz): Informationen zum Datenschutz. - [AGB](https://projekte.media4u.ch/media4u/agb): Allgemeine Geschäftsbedingungen.