Fix drone dark mode regression and add devkit video

- Apply filter:invert(1) to the SVG element directly instead of the wrapper div,
  with explicit background:#000 on the container in dark mode — more reliable than
  inverting the whole div and avoids edge cases with the white background trick
- Replace devkits img-slot placeholder with droneRun.webm autoplay loop video

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jon
2026-07-13 23:46:02 +01:00
parent 308ea34fb5
commit f487bb2d95
2 changed files with 5 additions and 4 deletions

View File

@@ -280,9 +280,9 @@
<a href="devkits.html" class="btn btn-dark btn-lg">Buy a devkit</a>
</div>
</div>
<div class="img-slot" style="height:clamp(360px,42vw,520px);" role="img" aria-label="Devkit photo">
Drop a devkit / PCB photo here
</div>
<video style="width:100%;height:clamp(360px,42vw,520px);object-fit:cover;border-radius:22px;display:block;" autoplay muted loop playsinline>
<source src="droneRun.webm" type="video/webm">
</video>
</div>
</div>
</section>