opencode/hostingdelsur.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: increase photo opacity + add hero photo backgrounds to all pages

Browse Source 
- Hero opacity 0.30→0.55, gradient overlay softened (15%/75% vs 30%/60%)
- DifferenceCards photo opacity 0.15→0.40
- ProcessSteps photo opacity 0.15→0.35, removed backdrop-blur
- Added photo backgrounds to 11 hero sections across all pages:
  - planes/en/plans: datacenter-racks
  - servicios/en/servicios: monitor-grafana
  - nosotros/en/about: team-desk-mate
  - contacto/en/contact: hands-typing-coffee
  - preguntas: maldonado-aerial
  - instructivos/en/tutorials: monitor-grafana
- All hero photos at opacity 0.25 with gradient overlay for text readability
This commit is contained in:
Mauricio López Coria
2026-07-02 15:01:51 -03:00
parent c143311e27
commit d15312625b
14 changed files with 67 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ProcessSteps.astro
+1 -1
View File
@@ -19,7 +19,7 @@ const steps = [
<div class="absolute inset-0 pointer-events-none" style="background: var(--hds-gradient-section);" aria-hidden="true"></div>
<!-- Background photo: team working (very subtle, blurred) -->
<div class="absolute inset-0 pointer-events-none" aria-hidden="true" style="opacity: 0.15; backdrop-filter: blur(4px);">
<div class="absolute inset-0 pointer-events-none" aria-hidden="true" style="opacity: 0.35;">
<img
src="/images/photos/hands-typing-coffee-1200x800.webp"
alt=""