80 lines
1.5 KiB
Plaintext
80 lines
1.5 KiB
Plaintext
---
|
|
import Icon from './Icon.astro';
|
|
const currentYear = new Date().getFullYear();
|
|
|
|
import directus from "../../lib/directus"
|
|
import { readSingleton } from "@directus/sdk";
|
|
|
|
const global = await directus.request(readSingleton("global"));
|
|
---
|
|
|
|
<footer>
|
|
<div class="group">
|
|
<p>
|
|
Designed & Developed in Minnesota with <a href="https://astro.build/">Astro</a>
|
|
<Icon icon="rocket-launch" size="1.2em" />
|
|
</p>
|
|
<p>© {currentYear} {global.name}</p>
|
|
</div>
|
|
<p class="socials">
|
|
<a href="https://github.com/alexlebens"> GitHub</a>
|
|
<a href="https://www.linkedin.com/in/alexanderlebens"> LinkedIn</a>
|
|
</p>
|
|
</footer>
|
|
|
|
<style>
|
|
footer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 3rem;
|
|
margin-top: auto;
|
|
padding: 3rem 2rem 3rem;
|
|
text-align: center;
|
|
color: var(--gray-400);
|
|
font-size: var(--text-sm);
|
|
}
|
|
|
|
footer a {
|
|
color: var(--gray-400);
|
|
text-decoration: 1px solid underline transparent;
|
|
text-underline-offset: 0.25em;
|
|
transition: text-decoration-color var(--theme-transition);
|
|
}
|
|
|
|
footer a:hover,
|
|
footer a:focus {
|
|
text-decoration-color: currentColor;
|
|
}
|
|
|
|
.group {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.socials {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 1rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
@media (min-width: 50em) {
|
|
footer {
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding: 2.5rem 5rem;
|
|
}
|
|
|
|
.group {
|
|
flex-direction: row;
|
|
gap: 1rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.socials {
|
|
justify-content: flex-end;
|
|
}
|
|
}
|
|
</style>
|