Fix blob images using root url instead of baseURL

assets/css/style.css

@@ -24,7 +24,6 @@ p {
     flex-direction: column;
     z-index: -1;
     color: white;
-    background-image: url('/img/home-blob.svg');
     background-position: center;
     background-size: cover;
 }
@@ -449,7 +448,6 @@ footer {
     justify-content: space-evenly;
     align-items: flex-end;
     color: white;
-    background-image: url('/img/home-blob-flip.svg');
     background-position: 40% 0%;
     background-size: 50rem;
 }

layouts/_default/home.html

@@ -5,7 +5,7 @@
     {{ partial "nav-bar.html" . }}
     <main class="card-container side-gutter">
       {{ if or (not (eq .Description "")) (not (eq .Title "")) -}}
-      <header class="home-header">
+      <header class="home-header" style="background-image: url('{{ "img/home-blob.svg" | absURL }}');">
         <div class="home-blob-text-container">
         {{ with .Title }}<h1 class="home-blob-title">{{ . }}</h1>{{ end }}
         {{ with .Description }}<p class="home-blob-text">{{ . }}</p>{{ end }}

layouts/partials/footer.html

@@ -1,4 +1,4 @@
-<footer class="side-padding">
+<footer class="side-padding" style="background-image: url('{{ "img/home-blob-flip.svg" | absURL }}');">
     <a href="{{ $.Site.BaseURL }}" class="footer-link">
     {{ with resources.Get "icons/home-page.png" }}
         <img class="footer-icon" src="{{ .Permalink }}">