calum/rda-v3
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Replace map placeholder on About page with Google Maps embed

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Calum Muir 2026-04-30 20:01:29 +00:00
parent 421f6612e0
commit bd7cc70a18
1 changed files with 9 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/pages/about.astro
View file

@ -366,20 +366,15 @@ const testimonials = [
</svg>
</a>
</div>
<a
href="https://maps.google.com/?q=Sandycroft,Reelig,Kirkhill,IV5+7PP"
target="_blank"
rel="noreferrer"
aria-label="Open location in Google Maps"
style="position: relative; height: 340px; border-radius: 7px; overflow: hidden; background: #d6d6d6; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; border: 1px solid rgba(0,0,0,0.1); text-decoration: none;"
>
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#7DA371" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
<circle cx="12" cy="10" r="3"/>
</svg>
<p style="font-family: 'Public Sans', sans-serif; font-weight: 700; font-size: 14px; color: rgba(0,0,0,0.5); letter-spacing: 0.06em; text-transform: uppercase;">View on Google Maps</p>
<p style="font-family: 'Public Sans', sans-serif; font-weight: 600; font-size: 13px; color: rgba(0,0,0,0.35); text-align: center; max-width: 220px;">Sandycroft, Reelig, Kirkhill, IV5 7PP</p>
</a>
<div style="height: 340px; border-radius: 7px; overflow: hidden; border: 1px solid rgba(0,0,0,0.1);">
<iframe
title="Highland Group RDA location"
src="https://www.google.com/maps?q=IV5%207PP&z=11&output=embed"
style="width: 100%; height: 100%; border: 0; display: block;"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</div>
</div>
</section>