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 { .section-rule-electric {
border: none; border: none;
height: 1px; 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; opacity: 0.5;
} }
/* Thin gradient divider */ /* Thin gradient divider */
.gradient-line { .gradient-line {
height: 1px; 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; opacity: 0.35;
} }
layouts/index.html
+7 -1
View File
@@ -12,13 +12,19 @@
<!-- Background media — bundle banner.png first, fallback to front matter --> <!-- Background media — bundle banner.png first, fallback to front matter -->
{{- $heroBanner := .Resources.GetMatch "banner.png" -}} {{- $heroBanner := .Resources.GetMatch "banner.png" -}}
{{- if not $heroBanner -}}{{- $heroBanner = .Resources.GetMatch "banner.*" -}}{{- end -}} {{- 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 := "" -}} {{- $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 -}} {{- with $heroBannerSrc -}}
<div class="absolute inset-0"> <div class="absolute inset-0">
<img src="{{ . }}" alt="" class="w-full h-full object-cover" loading="eager" decoding="async"> <img src="{{ . }}" alt="" class="w-full h-full object-cover" loading="eager" decoding="async">
</div> </div>
{{- end -}} {{- end -}}
{{- end -}}
<!-- Cinematic overlay --> <!-- Cinematic overlay -->
<div class="absolute inset-0 overlay-gradient-hero"></div> <div class="absolute inset-0 overlay-gradient-hero"></div>