Add openstreetmap to locations and Wrap blog tag filters in nav element for accessibility

[Kkt04]

Fixes #625

Issue: Add OpenStreetMap embed to Location pages for geographic context (zero JavaScript, no API key required) and Wrap blog tag filters in nav element for accessibility

Changes Made:

1. bakerydemo/locations/models.py
   • Removed Google Maps API key reference from context
   • Added lat and long properties for cleaner template access
2. bakerydemo/templates/locations/location_page.html
   • Added OpenStreetMap iframe showing the specific location
   • Added "View on OpenStreetMap" external link
3. bakerydemo/templates/locations/locations_index_page.html
   • Added OpenStreetMap iframe showing first location on index page
4. bakerydemo/static/css/main.css
   • Added styles for .location-map, .location-map__link, .location-index-map, .location-index-map__note

Why this approach:

• Zero JavaScript (matches project policy)
• No API key required (unlike Google Maps)
• Fully accessible, degrades gracefully if iframe is blocked

Also I edited the file bakerydemo/templates/blog/blog_index_page.html to wrap the blog tag filters in a

element for accessibility
Git Branch:

• Branch name: add-openstreetmap-to-locations

[Kkt04]

@thibaudcolas kindly review the PR and let me know if i need to make any changes

[thibaudcolas]

@Kkt04 👋 I’m not sure why you’re working on this? This was just a suggestion someone made and it’s not particularly well suited to this project.