examples/portfolio/src/components/Footer.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

---
const currentYear = new Date().getFullYear();
---

<footer>
	&copy; {currentYear} Jeanine White
	<small class="byline">🚀 Built by Astro</small>
</footer>
<style>
	footer {
		text-align: center;
		padding-top: 8rem;
		padding-right: 2rem;
		padding-bottom: 4rem;
		padding-left: 2rem;
	}

	.byline {
		display: block;
		margin-top: 1rem;
		color: var(--t-subdue);
		font-size: var(--f-d2);
		text-transform: uppercase;
	}
</style>