hmsy personalize style

assets/css/style.css

@@ -16,15 +16,17 @@ p {
     margin: 1.5em 0;
 }
 .home-header {
-    min-height: 26rem;
     max-width: 50rem;
-    margin: 0 -1.2rem -5rem -1.2rem;
+    margin: 0 -1.2rem 0rem -1.2rem;
     padding: 1.2rem;
     display: flex;
     flex-direction: column;
     z-index: -1;
     background-position: center;
     background-size: cover;
+    background-color: pink;
+    border-radius: 2em;
+    box-shadow: 0 0 1em 0.039em;
 }
 .home-faceshot-card {
     align-self: center;
@@ -441,11 +443,10 @@ footer {
     height: 17rem;
     max-width: 50rem;
     width: 100%;
-    margin-top: -10rem;
     display: flex;
-    flex-flow: row wrap;
+    flex-flow: column;
     justify-content: space-evenly;
-    align-items: flex-end;
+    align-items: center;
     color: white;
     background-position: 40% 0%;
     background-size: 50rem;
@@ -453,6 +454,12 @@ footer {
 .footer-link {
     margin: 1rem 0;
 }
+.footer-home-icon {
+    max-width: 30rem;
+    border: 0.39rem solid pink;
+    border-radius: 4rem;
+    margin: 0;
+}
 .footer-icon {
     max-width: 3rem;
     margin: 0;

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" style="background-image: url('{{ "img/home-blob.svg" | absURL }}');">
+      <header class="home-header">
         <div class="home-blob-text-container">
         {{ with .Site.Title }}<h1 class="home-blob-title">{{ . }}</h1>{{ end }}
         {{ with .Site.Params.Description }}<p class="home-blob-text">{{ . }}</p>{{ end }}

layouts/partials/footer.html

@@ -1,9 +1,10 @@
 <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" }}
+    {{ with resources.Get "icons/home_button.jpg" }}
-        <img class="footer-icon" src="{{ .Permalink }}" alt="Home">
+        <img class="footer-home-icon" src="{{ .Permalink }}" alt="Home">
     {{ end }}
     </a>
+    <div style="display: flex; flex-direction: row; justify-content: space-evenly; width: 100%;">
     {{ if isset $.Site.Params "github"}}
     <a href="{{ $.Site.Params.github }}" class="footer-link">
     {{ with resources.Get "icons/github.png" }}
@@ -18,4 +19,5 @@
     {{ end }}
     </a>
     {{ end }}
-</footer>
+    </div>
+</footer>