valknar/pivoine.art
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: valknar/pivoine.art:60e3faa1ec69f8dc33e2caf0e7143add9d296a9d
Branches Tags
valknar/pivoine.art:main
...
compare: valknar/pivoine.art:18e0e36f41a31cd52b4b5b12a6a068a2e53785b3
Branches Tags
valknar/pivoine.art:main
2 Commits
60e3faa1ec ... 18e0e36f41
Author SHA1 Message Date
valknarandClaude Sonnet 4.6 18e0e36f41 fix: simplify gradient lines to heat→pulse (drop frost stop) 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-28 20:54:05 +02:00
valknarandClaude Sonnet 4.6 345f91e045 feat: use img.html partial for hero banner (WebP + srcset) and update CSS 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-28 20:51:17 +02:00
2 changed files with 9 additions and 3 deletions
Expand all files Collapse all files
assets/css/main.css
+2 -2
View File
@@ -405,14 +405,14 @@
.section-rule-electric {
border: none;
height: 1px;
background: linear-gradient(90deg, var(--color-heat), var(--color-pulse), var(--color-frost));
background: linear-gradient(90deg, var(--color-heat), var(--color-pulse));
opacity: 0.5;
}
/* Thin gradient divider */
.gradient-line {
height: 1px;
background: linear-gradient(90deg, var(--color-heat), var(--color-pulse), var(--color-frost));
background: linear-gradient(90deg, var(--color-heat), var(--color-pulse));
opacity: 0.35;
}
layouts/index.html
+7 -1
View File
@@ -12,13 +12,19 @@
<!-- Background media — bundle banner.png first, fallback to front matter -->
{{- $heroBanner := .Resources.GetMatch "banner.png" -}}
{{- if not $heroBanner -}}{{- $heroBanner = .Resources.GetMatch "banner.*" -}}{{- end -}}
{{- if $heroBanner -}}
<div class="absolute inset-0">
{{- partial "img.html" (dict "res" $heroBanner "widths" (slice 1200 1920 2560) "sizes" "100vw" "class" "w-full h-full object-cover" "alt" "" "loading" "eager") -}}
</div>
{{- else -}}
{{- $heroBannerSrc := "" -}}
{{- with $heroBanner }}{{ $heroBannerSrc = .RelPermalink }}{{ else }}{{ with $.Params.background }}{{ $heroBannerSrc = .src }}{{ else }}{{ with $.Params.banner }}{{ $heroBannerSrc = .src }}{{ end }}{{ end }}{{ end -}}
{{- with .Params.background }}{{ $heroBannerSrc = .src }}{{ else }}{{ with $.Params.banner }}{{ $heroBannerSrc = .src }}{{ end }}{{ end -}}
{{- with $heroBannerSrc -}}
<div class="absolute inset-0">
<img src="{{ . }}" alt="" class="w-full h-full object-cover" loading="eager" decoding="async">
</div>
{{- end -}}
{{- end -}}
<!-- Cinematic overlay -->
<div class="absolute inset-0 overlay-gradient-hero"></div>