From 9dff05c40260911e45803f9f7c48454706c0eb53 Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Wed, 16 Nov 2022 18:23:23 -0800
Subject: [PATCH] Fix home pictures

- Change cover to img tag with alt attribute
- Center cover
- Change cover height to max-height
- Remove img-fluid from avatar
- Add max-width to avatar
- Hard-code pic paths
---
 layouts/_default/home.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/layouts/_default/home.html b/layouts/_default/home.html
index f4852518..77f392e2 100644
--- a/layouts/_default/home.html
+++ b/layouts/_default/home.html
@@ -12,8 +12,8 @@
 </div>
 {{ end }}
 <div class="row py-3">
-    <div class="col">
-      <div class="rounded-4" style="background-image: url('{{ .Site.BaseURL }}/cover.jpg'); background-position: center; background-size: cover; height: 20rem; max-width: 100%"></div>
+    <div class="col text-center">
+      <img alt="Cover" class="rounded-4" src="/cover.jpg" style="max-height: 20rem; max-width: 100%">
     </div>
 </div>
 <div class="d-flex justify-content-center py-3 row">
@@ -24,7 +24,7 @@
                 <p class="lead">{{ .Params.blurb | markdownify }}</p>
             </div>
             <div class="col-12 col-md-6 text-center">
-                <img alt="Avatar" class="img-fluid rounded-4" src="{{ .Site.BaseURL }}/avatar.jpg" style="max-height:20rem">
+                <img alt="Avatar" class="rounded-4" src="/avatar.jpg" style="max-height:20rem; max-width: 100%">
             </div>
         </div>
     </div>