From 6dd68e03f81fd6da22a32620d204d0abf7bb6e83 Mon Sep 17 00:00:00 2001
From: Tixie <admin@glitch.family>
Date: Fri, 12 May 2023 03:34:19 +0200
Subject: [PATCH] Make cover's placeholder blur instead of flat color on single
 pages

---
 assets/scss/6-pages/album.scss | 2 ++
 layouts/_default/single.html   | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/assets/scss/6-pages/album.scss b/assets/scss/6-pages/album.scss
index 7e7b095..967f481 100644
--- a/assets/scss/6-pages/album.scss
+++ b/assets/scss/6-pages/album.scss
@@ -40,6 +40,8 @@
   width: 100%;
   border-radius: .6rem;
   background-color: rgba($color-primary, .5);
+  background-repeat: no-repeat;
+  background-size: cover;
   box-shadow: 0 .6rem 4.4rem 0 rgba(0,0,0,.5);
 }
 
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index fedee3c..ed5b4b9 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -32,7 +32,7 @@
           {{ $coverSmall := $original.Resize "x250 webp" }}
           {{ $coverMedium := $original.Resize "x500 webp" }}
           {{ $coverBig := $original.Resize "x1000 webp" }}
-          {{ $placeholder := $original.Resize "x1" }}
+          {{ $placeholder := $original.Resize "x15" }}
           <source srcset="{{ $coverSmall.Permalink }} 1x, {{ $coverMedium.Permalink }} 2x" media="(max-width: 427px)">
           <source srcset="{{ $coverMedium.Permalink }} 1x, {{ $coverBig.Permalink }} 2x" media="(max-width: 480px)">
           <source srcset="{{ $coverSmall.Permalink }} 1x, {{ $coverMedium.Permalink }} 2x" media="(max-width: 647px)">