From 84a981085aa59a29ab0941bdbbdf7690631b054c Mon Sep 17 00:00:00 2001
From: Wylie Fisher <me@wyliefisher.com>
Date: Wed, 29 Jan 2025 22:06:38 -0500
Subject: [PATCH] cleaning up the header and footer

---
 src/components/Footer.astro  | 37 +++++++++++++++++++++++++++++++-----
 src/components/Heading.astro | 15 +++++++--------
 2 files changed, 39 insertions(+), 13 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 0b048fb..6b6c027 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,20 +1,47 @@
 ---
 import '../assets/global.css';
+import logo from '../assets/logo.png';
 const { class: className, ...rest } = Astro.props;
 ---
 
-<footer class={className} {...rest}>
+<footer class=`footer ${className}` {...rest}>
   <div class="inner-layout">
-    Footer
+    <img class="image" src={logo.src} alt="Milkweed Mental Health Logo" />
+    <address>
+      <p><a href="mailto:teresa@teresafisherphd.com">teresa@teresafisherphd.com</a> | <a href="tel:+18282762290">(828) 276-2290</a></p>
+      <p class="address">
+        <a href="geo:35.594844,-82.551677">
+          <span>9 SW Pack Sq</span>
+          <span>Suite 204 E1-A</span>
+          <span>Asheville, NC 28801</span>
+        </a>
+      </p>
+    </address>
+    <small>&copy; 2025 Milkweed Mental Health | Site by <a href="https://wyliefisher.com">Wylie</a></small>
   </div>
 </footer>
 
 <style>
-  footer {
+  .footer {
+    display: flex;
     background-color: var(--color-2);
-    height: 100px;
   }
-  footer div {
+  .footer .inner-layout {
+    display: grid;
     text-align: center;
+    padding: 1rem 1rem .5rem;
+  }
+  .image {
+    width: 200px;
+    justify-self: center;
+  }
+  .address span {
+    white-space: nowrap;
+  }
+  address {
+    font-style: normal;
+  }
+  small {
+    margin-top: 1rem;
   }
 </style>
\ No newline at end of file
diff --git a/src/components/Heading.astro b/src/components/Heading.astro
index 8293ac4..e429215 100644
--- a/src/components/Heading.astro
+++ b/src/components/Heading.astro
@@ -1,24 +1,23 @@
 ---
 import Navigation from './Navigation.astro';
-import logo from '../assets/logo.png';
 import '../assets/global.css';
 
 const {class: className, ...rest } = Astro.props;
 ---
-<header class={className} {...rest}>
+<header class=`header ${className}` {...rest}>
   <div class="inner-layout">
-    <h1>Teresa Fisher PhD. / Milkweed Mental Health</h1>
-    <img src={logo.src} alt="Milkweed Mental Health Logo" />
+    <h1 class="title"><span>Teresa Fisher PhD.</span> <span>Milkweed Mental Health</span></h1>
     <Navigation />
   </div>
 </header>
 
 <style>
-  h1 {
-    font-size: 2rem;
+  .title {
+    font-size: 1.75rem;
     color: var(--color-primary);
+    text-align: center;
   }
-  img {
-    width: 200px;
+  .title span {
+    white-space: nowrap;
   }
 </style>
\ No newline at end of file