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> </svg>
</a> </a>
</div> </div>
<a <div style="height: 340px; border-radius: 7px; overflow: hidden; border: 1px solid rgba(0,0,0,0.1);">
href="https://maps.google.com/?q=Sandycroft,Reelig,Kirkhill,IV5+7PP" <iframe
target="_blank" title="Highland Group RDA location"
rel="noreferrer" src="https://www.google.com/maps?q=IV5%207PP&z=11&output=embed"
aria-label="Open location in Google Maps" style="width: 100%; height: 100%; border: 0; display: block;"
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;" loading="lazy"
> referrerpolicy="no-referrer-when-downgrade"
<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"> ></iframe>
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/> </div>
<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> </div>
</section> </section>