Fixed urls in header and related style updates

2 files changed, 11 insertions, 6 deletions

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index caa1e65..d0d73f0 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -13,19 +13,21 @@
     <h1 class="site-title">{{- .Site.Title -}}</h1>
     {{ end }}
 
-    <p>
-      <span class="site-title home-{{ .IsHome }}">
+    <div>
+      <p class="site-title home-{{ .IsHome }}">
         {{ if not .IsHome }} {{ .Site.Title }} {{ end }}
-      </span>
+      </p>
+      <p class="about-narrative">
       {{ .Site.Params.about.narrative | markdownify }}
-    </p>
+      </p>
+    </div>
 
     <div class="social-info">
       {{- range $key, $val := .Site.Params.social -}}    
         <a
           class="social-link"
           href="{{ $val }}"
-          aria-label="social media links"
+          aria-label="{{ $key }}"
         >
           {{- $key -}}
         </a>    
diff --git a/static/css/main.css b/static/css/main.css
index 9f07b17..dc76431 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -67,6 +67,7 @@ header img {
   line-height: 1.5em;
   font-size: 0.9em;
   font-weight: 300;
+  padding: 0em 0.35em;
 }
 .header-image-container {
   height: 275px;
@@ -113,7 +114,8 @@ footer {
 footer p {
   margin: 0;
 }
-.footer a {
+.footer a,
+.about-narrative a {
   color: var(--bg);
   text-decoration: underline;
   font-weight: 600;
@@ -216,6 +218,7 @@ svg {
   display: contents;
 }
 .home-icon svg {
+  margin-left: 0.35em;
   padding: 0.25em;
   border-radius: 5px;
 }