background image is showing properly

hugo-sid · Jul 30, 2023 · aa3b3dd · aa3b3dd
1 parent e1423e8
commit aa3b3dd
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 5 deletions.
diff --git a/assets/sass/_layout.scss b/assets/sass/_layout.scss
@@ -6,10 +6,6 @@
   margin-top: 2rem;
   margin-bottom: 2rem;
   text-align: center;
-  position: relative;
-  background-image: url("background.jpg");
-  background-size: cover;
-  background-position: center;
 
   @include media-query($on-mobile) {
     margin-bottom: 3em;

diff --git a/layouts/partials/bio.html b/layouts/partials/bio.html
@@ -6,7 +6,7 @@
 {{ $background_img_alt := "My Custom Image" }}
 {{ $background := resources.Get $background_img }}
 
-<div class="author">
+<div class="author" style="background-image: url({{ $background.RelPermalink }}); background-size: cover; background-position: center" />
 
     {{ with $image }}
     {{ $image := $image.Fill "100x100 webp" }}