Project Changelog & Technical Documentation
Haus und Garten Service — hausundgarten.pro
Developer: E&B Haus und Garten | Client: E&B Haus und Garten
Backend & Email Processing (PHP)
Form Handler: Custom PHP script for secure contact form processing.
File Upload Engine: Server-side validation, sanitization, and handling for user image uploads (mime-type checking, size limits, secure directory).
Dual Email Engine:
- Admin Notification: Multi-part HTML email sent to business owner with structured client details and inline/attached uploaded images.
- Auto-Responder: Custom HTML email template sent to client as an automated confirmation (Bestätigung).
Security: CSRF token validation, input sanitization, XSS protection, and mail header injection prevention.
Frontend & Interface (JS / CSS / Fonts)
JavaScript Architecture:
- Async AJAX form submission without page reload.
- Real-time file upload preview and validation (file count/size check).
- Interactive UI components (FAQ accordion toggle, Cookie Banner logic).
- Video modal / background video playback handlers.
CSS & Styling: Responsive layout system (mobile-first design), CSS Custom Properties (Variables) for brand colors, shadows, and typography, custom styles for interactive forms, photo galleries, and CTA elements.
Typography & Fonts: Locally hosted web fonts (Montserrat / DSGVO & GDPR compliant – zero external Google Fonts tracking). Optimized font-display (swap) for fast rendering and high Lighthouse performance.
Security, Performance & SEO Configuration
Server & Security (.htaccess):
- HTTPS / SSL enforcement with automatic 301 redirects.
- Clean URL rewriting (removal of .html extensions in internal linking & schema).
- Protected upload directory (disabled PHP execution in user upload folder).
- Security headers (X-Content-Type-Options, X-Frame-Options, Referrer-Policy).
Speed & Performance Optimization: Browser caching & Gzip/Brotli compression enabled via server config. WebP/AVIF image format implementation for high-speed gallery rendering. Complete Favicon package configured for all device viewports.
Search Engine Infrastructure: JSON-LD Structured Data (ItemList, LocalBusiness) aligned with clean permalinks. Automated sitemap.xml generation for Google Search Console indexing. Custom robots.txt file with path optimization. OpenGraph (OG) meta tags for visual sharing on WhatsApp and Facebook.
Release History
[v1.3.1] — 2026-08-05
- OPTIMIZED: Replaced external Google Fonts with local WOFF2 assets (@font-face) for full GDPR compliance.
- REFACTORED: Cleaned all internal URLs and Schema JSON-LD anchors (removed .html extensions).
- FIXED: Complete layout and scripts restoration across all subpages.
[v1.3] — 2026-08-05
- ADDED: PHP contact handler with secure image upload and dual HTML emails.
- ADDED: JS validation, async form sending, and interactive Cookie Consent.
- OPTIMIZED: CSS variables, layout responsiveness, and local DSGVO font loading.
- SECURITY: Configured .htaccess protection and SSL routing.
[v1.2] — 2026-07-20
- ADDED: /galerie and /leistungen subpages with interactive gallery layout.
- ADDED: Embedded media player logic and Instagram social integration.
[v1.1] — 2026-06-10
- ADDED: Local SEO optimization (Rems-Murr-Kreis) and legal structure (/impressum, /datenschutz).
[v1.0] — 2026-05-01
- INITIAL RELEASE: Core HTML structure, base CSS styles, and production domain launch.
