Skip to content

Commit

Permalink
cleaning up the header and footer
Browse files Browse the repository at this point in the history
  • Loading branch information
wylie committed Jan 30, 2025
1 parent ca2f917 commit 84a9810
Show file tree
Hide file tree
Showing 2 changed files with 39 additions and 13 deletions.
37 changes: 32 additions & 5 deletions src/components/Footer.astro
Original file line number Diff line number Diff line change
@@ -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>
15 changes: 7 additions & 8 deletions src/components/Heading.astro
Original file line number Diff line number Diff line change
@@ -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>

0 comments on commit 84a9810

Please sign in to comment.