ptpadmin/ptp
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Use same desktop.webp for all devices - simpler and cleaner

Browse Source 
- Remove separate mobile image (was causing file bloat and complexity)
- Use desktop.webp (716 KB) for all screen sizes via media query
- Browser's background-size: cover handles responsive display
- Simplify preload-images.html to single image preload
- Cleaner CSS without unnecessary file duplication
This commit is contained in:
Kirik
2025-11-12 20:06:59 +01:00
parent 82ad87dbfc
commit a6ee115908
3 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/partials/preload-images.html
+2 -5
View File
@@ -4,9 +4,6 @@
{{- end }}
{{- if .IsHome }}
<!-- Preload background images for adaptive loading -->
<link rel="preload" as="image" href="images/desktop.webp" media="(min-width: 737px)">
<link rel="preload" as="image" href="images/mobile.webp" media="(max-width: 736px)">
<!-- Fallback preload -->
<link rel="preload" as="image" href="{{ .Site.Params.backgroundPath }}">
<!-- Preload background image (same for all devices) -->
<link rel="preload" as="image" href="images/desktop.webp">
{{- end }}