vollneutral.ch wurde Schritt für Schritt aufgebaut — jede Funktion als bewusste Entscheidung,
nicht als Vorlage aus dem Regal. Hier ein Überblick über alles, was bisher entstanden ist.
Neue Einträge sind mit ✦ markiert.
Grundstruktur
Neun Seiten von Grund auf gebaut: Start, Ansichten, Reisen, Journal, Notizen,
Nebenbei, Kontakt, Impressum, Datenschutz. Kein CMS, kein Baukastensystem, keine Vorlage.
Design & Stil
Durchgehendes Design in Pergament-Tönen mit goldbraunen Akzenten.
Playfair Display für Titel, Inter für Fliesstext.
Konsequent harmonische Abstände, weiche Übergänge — kein Element ohne Absicht.
Dark Mode
Vollständiger Dark Mode für alle Seiten — inklusive Weltkarte, Galerien und Modals.
Die Wahl wird im Browser gespeichert und beim nächsten Besuch automatisch wiederhergestellt.
Der Schalter ist auf Desktop und Mobil jederzeit erreichbar, ohne das Menü zu öffnen.
Header & Navigation
Header und Footer zentral gepflegt — eine Änderung wirkt auf allen Seiten sofort.
Desktop: Logo mittig, Navigation darunter. Mobil: Hamburger-Overlay
mit allen Seiten im Playfair-Stil, Suche und Dark-Mode-Schalter.
Kontakt ist als vollwertiger Navigationspunkt integriert.
Ansichten
Masonry-Grid mit gerundeten Kacheln und Kategorie-Filter.
Beim Hover erscheinen Titel und Beschreibung — gross geschrieben, klar lesbar.
Lightbox-Vollbildansicht mit Bildtitel, Beschreibungszeile und Vollbild-Modus auf Mobilgeräten.
Touch-Swipe zum Blättern zwischen den Aufnahmen.
Private Fotos
Einzelne Aufnahmen können als privat markiert werden — sie erscheinen
in der Galerie als verschwommener Platzhalter mit Schloss-Symbol. Mit einem separaten
Familienpasswort werden sie freigeschaltet, ohne den Admin zu öffnen.
Reisen
Interaktive Weltkarte mit besuchten Ländern — farblich hervorgehoben,
im Dark Mode angepasst. Reise-Grid mit Modal, Tagesberichten,
Bildergalerie pro Etappe und eingebetteter Karte. Filter nach Kontinent.
Journal
Artikel-Grid mit Kategoriefilter und Vollbild-Modal. Jeder Post zeigt am Ende
eine Karte mit dem Aufnahmeort. Koordinaten werden per Ortsname
oder direkt aus dem hochgeladenen Foto erkannt.
Journal-Vorschau als scrollbares Karussell auf der Startseite.
Notizen
Artikel-Grid mit Filterfunktion. Jeder Artikel öffnet auf einer
eigenen Seite — mit sauberem URL-Anker, Markdown-Rendering
und vollem Lesefluss ohne Overlay. Notizen-Vorschau als Karussell auf der
Startseite — scrollbar mit Pfeil-Navigation und Swipe auf dem Handy.
Suche
Suchoverlay erreichbar über das Lupe-Icon im Header. Sucht live mit kurzem Verzug
gleichzeitig in Journal, Notizen, Reisen und Ansichten — Ergebnisse erscheinen
gruppiert mit Titel, Datum und Teaser. Escape schliesst die Suche.
Admin-Panel
Vollständiges Admin-Panel hinter Passwortschutz.
Inhalte für alle Bereiche erfassen, bearbeiten und löschen — direkt im Browser,
auch vom Handy aus. Integrierte Foto-Bibliothek, Mehrfachbild-Verwaltung,
Direktupload vom Handy via Kamera oder Bibliothek.
Foto-Upload
Fotos werden beim Upload automatisch auf eine für das Web optimierte Grösse
skaliert und komprimiert — ein grosses Kamerafoto wird so auf einen Bruchteil
seiner ursprünglichen Dateigrösse reduziert. EXIF-Orientierung wird
dabei automatisch korrigiert.
Standort & GPS
Aufnahmeorte werden automatisch aus hochgeladenen Fotos erkannt oder
live direkt vom Gerät ermittelt — per Knopf im Eingabeformular, ohne App.
Die Koordinaten fliessen direkt in die Kartenansicht der Beiträge ein.
RSS-Feed
Gültiger RSS-Feed mit den neuesten Journal-Posts — inkl. Titelbild, Teaser,
Volltext und Kategorie. Wird automatisch in alle Seiten eingebettet,
damit Browser und Feed-Reader ihn selbst entdecken.
Lesefortschritt
Auf langen Seiten zeigt ein feiner Fortschrittsbalken am oberen
Bildrand an, wie weit man beim Lesen ist — schlicht, unauffällig,
aber nützlich bei längeren Texten und Reiseberichten.
Übersetzer
Die Website ist jetzt in fünf Sprachen verfügbar — Deutsch, Englisch,
Türkisch, Französisch und Italienisch. Umgesetzt über den Widget-Dienst
Elfsight Website Translator, der auf allen Seiten eingebunden ist
und die Sprachpräferenz lokal im Browser speichert.
Dark Heroes
Alle Seiten haben jetzt einen einheitlichen dunklen Seitenkopf
im selben Design — gleiche Breite, gleiche Höhe, gleiche Typografie.
Start, Ansichten, Reisen, Serien, Journal, Notizen, Kontakt und Nebenbei
greifen auf dieselbe CSS-Klasse zurück.
Tagesfoto
Das grosse Foto auf der Startseite wechselt automatisch einmal pro Tag —
deterministisch, ohne Server-Logik, gleich für alle Besucher. Nur öffentliche
Aufnahmen werden berücksichtigt, private Fotos werden ausgeschlossen.
News-Balloon
Schwebende Ankündigungsblase mit Aufstieg- und Schaukelanimation —
steigt beim Laden auf und wiegt sich sanft im Wind. Lässt sich auf ein
Zeitfenster begrenzen und zeigt beim Klick Titel, Text und einen optionalen Link.
Hover-Overlays
Beim Überfahren eines Fotos in den Ansichten und auf der Startseite erscheinen
Titel und Beschreibung — gross geschrieben, sanft eingeblendet,
mit weichem Schatten-Overlay. Auf Mobilgeräten immer sichtbar.
Lightbox
Die Vollbildansicht zeigt neben dem Bildtitel jetzt auch die
Beschreibung des Fotos. Auf Mobilgeräten gibt es einen
Vollbild-Button, der das native Vollbild des Browsers aktiviert —
ganz ohne Adressleiste und Navigation.
404-Seite
Komplett neu gestaltet — dunkles Hero-Design mit grossem Outline-«404»
in der Akzentfarbe. Kamera-Icon, kurzer Hinweistext und ein direkter Weg zurück
zur Startseite. Passt zum Rest der Website, statt wie eine Fehlermeldung zu wirken.
Favicon
Neues Favicon: die Schweizer Flagge — schlicht, klar,
sofort erkennbar im Tab. Ersetzt das bisherige Waage-Symbol und passt
besser zur Herkunft der Website.
Cookie-Banner
Diskreter Cookie-Hinweis mit Zustimmen und Ablehnen-Option —
erscheint beim ersten Besuch, merkt sich die Wahl und stört beim nächsten
Besuch nicht mehr. Text, Titel und Buttons sind im Admin anpassbar.
Datenschutz
Kein Tracking, keine Werbung, kein externes Analytics. Das Kontaktformular
öffnet das lokale Mail-Programm — persönliche Daten werden nicht serverseitig
gespeichert. Alles transparent und vollständig dokumentiert.
Technische Basis
Suchmaschinen-Konfiguration schützt interne Bereiche vor Indexierung und meldet
alle öffentlichen Seiten an Suchmaschinen. Eigene Fehlerseite, serverseitige
Optimierungen für Ladegeschwindigkeit, lokale Schriften ohne externe Abhängigkeiten.
Mobil
Responsive Breakpoints für jede Seite — von 320 px bis widescreen.
Touch-freundliche Karussells mit Swipe-Unterstützung. Admin-Panel mit
mobilem Bottom-Tab-Bar und Drawer-Navigation, optimiert für den
schnellen Einsatz unterwegs.