jon/bmthTech-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restructure hero: SVG full-width block, copy flows below

Browse Source 
Removes the absolute-positioned overlay layout. The drone AI vision SVG now sits as a full-width block element sized by CSS height (clamp 360px–640px), with the Build/Share/Deploy copy in normal document flow beneath it.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jon
2026-06-15 17:17:07 +01:00
parent ae4ce55f2f
commit 8c5fbc4668
2 changed files with 27 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
style.css
View File

@@ -235,9 +235,6 @@ img { display: block; max-width: 100%; }
.hero {
position: relative;
overflow: hidden;
min-height: clamp(640px, 90vh, 940px);
display: flex;
flex-direction: column;
}
.hero-bg {
@@ -247,10 +244,16 @@ img { display: block; max-width: 100%; }
}
.drone-vision-bg {
position: absolute;
inset: 0;
position: relative;
z-index: 1;
pointer-events: none;
width: 100%;
line-height: 0;
}
.drone-vision-bg svg {
display: block;
width: 100%;
height: clamp(360px, 48vw, 640px);
}
html.dark .drone-vision-bg svg { filter: invert(1); }