This project contains interactive HTML websites showcasing the filming locations of the Belgian film Young Hearts (2024), directed by Anthony Schatteman. The data was compiled from multiple sources including IMDb, Reddit communities, and official location websites.
- Complete database of 18 filming locations
- Columns: Location Name, City, Region, Address, Details, Coordinates, Phone, Email, Operator, Website, Source
- 3 locations with full contact information (Kasteel Rijvissche, Hotel Winterhof, Dorley Plants)
- Design Style: Gradient purple theme with card-based layout
- Layout: Bootstrap 5 responsive grid (3 columns on desktop, 2 on tablet, 1 on mobile)
- Language Support: English (default) and Hungarian — switchable via a fixed language button in the top-right corner
- Features:
- Hero section with film title and gradient background
- Statistics dashboard (18 locations, 3 contacts, 5+ cities)
- Interactive filter dropdown (All, Contact only, Wetteren, Brussels, Ghent)
- Card hover effects with shadow transitions
- Clickable phone numbers, emails, and websites
- Equal height cards using flexbox
- Bootstrap Icons integration
- Smooth scroll to top functionality
- EN / HU language switcher (fixed top-right, persists via
localStorage)
- Design Style: Clean, minimal design with blue and white color scheme
- Layout: CSS Grid with auto-fill responsive columns
- Features:
- Navigation bar with film branding
- Elegant typography (Playfair Display + Inter fonts from Google Fonts)
- Modern CSS Grid layout (
minmax(350px, 1fr)) - Simplified card design with top border accent
- Statistics section with centered metrics
- Contact information in highlighted boxes
- Source attribution tags
- Professional footer with film information
- Mobile-first responsive design
- Primary Location: Wetteren (East Flanders) - Director's hometown
- Major Cities: Brussels, Ghent, Laarne, Lochristi, Viroinval
- Total Locations: 18 documented sites
- Historic Buildings: Kasteel Rijvissche (abandoned house scenes)
- Urban Landmarks: Grand Place/Grote Markt, Manneken Pis (Brussels)
- Transportation: Beervelde Train Station
- Accommodations: Hotel Winterhof, 9 Rue Saint-Antoine
- Rural/Natural: Multiple countryside locations, farms, biking routes
- Commercial: Dorley Plants nursery
| Location | Phone | Website | |
|---|---|---|---|
| Kasteel Rijvissche | +32 (0)474 93 35 03 | info@zaalrijvissche.be | https://www.lowiz.org/zaal-rijvissche |
| Hotel Winterhof | +32 09 369 02 62 | winterhof@proximedia.be | https://winterhof.be |
| Dorley Plants | +32 494 52 61 52 | info@dorleyplants.be | https://dorleyplants.be |
- HTML5: Semantic markup
- CSS3: Custom styles with CSS Grid and Flexbox
- Bootstrap 5.3.2: Responsive framework
- Bootstrap Icons 1.11.1: Icon library
- Google Fonts: Playfair Display, Inter (v2 only)
- Vanilla JavaScript: Filter functionality, smooth scrolling, language switching
- Modern browsers (Chrome, Firefox, Safari, Edge)
- Mobile-responsive (iOS, Android)
- Tablet-optimized layouts
- ✅ Fully responsive design
- ✅ No server-side dependencies (static HTML)
- ✅ Interactive filtering system
- ✅ Accessible contact links (tel:, mailto:, http://)
- ✅ SEO-friendly structure
- ✅ Print-friendly layout
- ✅ Fast loading (CDN resources)
- ✅ Bilingual interface (English / Hungarian)
- ✅ Language preference saved in
localStorage
As of March 1, 2026, index.html supports two display languages:
| Language | Code | Default |
|---|---|---|
| English | en |
✅ Yes |
| Hungarian | hu |
No |
- A fixed EN / HU button pair is displayed in the top-right corner of the page.
- All visible text elements use
data-enanddata-huHTML attributes to store translations. - The
setLang(lang)JavaScript function swaps all text content in a single DOM pass. - The selected language is stored in
localStorageunder the keypreferred_lang, so the preference persists across page reloads. - The page
<title>and the filter dropdown options are also translated dynamically.
- Hero section subtitle and location overview
- Statistics labels (Locations, Contacts, Cities)
- Filter section heading and dropdown options
- All card field labels (Address, Details, Coordinates, Operator, Contact, Source)
- Card titles and scene descriptions
- Footer (Director, Country, Language, generated date, scroll-to-top button)
Both HTML versions include JavaScript-powered filtering:
- All Locations - Show all 18 locations
- Contact Only - Show only 3 locations with contact details
- Wetteren - Filter locations in Wetteren area
- Brussels - Show Brussels locations
- Ghent/Gent - Display Ghent area locations
- Title: Young Hearts (Jonge Harten)
- Year: 2024
- Director: Anthony Schatteman
- Country: Belgium
- Language: Dutch (Flemish)
- Filming Period: 2023
- Location Scouting: 6 months
Information compiled from:
- IMDb official filming locations
- Reddit communities (r/younghearts)
- Local Belgian websites (Lowiz.org, Laarne.be)
- Hotel and business websites
- Wikipedia entries
- YouTube documentaries
- Download the HTML file
- Double-click to open in your default browser
- No installation or server required
- Click the EN or HU button in the top-right corner
- All page text switches instantly
- Your choice is remembered on your next visit
- Use the dropdown menu in the filter section
- Select desired filter (city, contact availability)
- Cards automatically show/hide based on selection
- Phone numbers: Click to dial (on mobile devices)
- Email addresses: Click to open email client
- Websites: Click to open in new tab
- Vibrant, eye-catching purple gradient
- Cinema-inspired aesthetic
- Card shadows and hover animations
- Bold typography for impact
- Professional, clean appearance
- Easy reading with ample white space
- Subtle color accents
- Editorial-style typography
- Interactive map integration (Google Maps API)
- Photo gallery for each location
- User reviews and ratings
- Export to PDF functionality
- Dark mode toggle
| Date | Change |
|---|---|
| February 12, 2026 | Initial release |
| February 15, 2026 | Minor content updates |
| March 1, 2026 | Added EN/HU bilingual language switcher to index.html (English default, localStorage persistence) |
- Data Compilation: February 12, 2026
- Website Development: Bootstrap 5 framework
- Location Research: Multiple online sources
- Film: Young Hearts © 2024
This is a fan-made informational resource about filming locations. All film rights belong to the original creators and production company. Location contact information is publicly available data compiled for informational purposes.
Last Updated: March 1, 2026