Eduard Iten
fda6206766
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 12s
52 lines
1.3 KiB
Plaintext
52 lines
1.3 KiB
Plaintext
---
|
||
// src/components/Footer.astro
|
||
import { getPath } from '../utils/paths';
|
||
|
||
const currentYear = new Date().getFullYear();
|
||
const startYear = 2026;
|
||
const displayYear = currentYear > startYear ? `${startYear}–${currentYear}` : startYear;
|
||
---
|
||
|
||
<footer class="main-footer">
|
||
<div class="footer-container">
|
||
<div class="footer-copy">
|
||
©{displayYear} Eduard Iten
|
||
</div>
|
||
|
||
<nav>
|
||
<ul class="footer-links">
|
||
<li><a href={getPath("/impressum")} class="footer-link-item">Impressum</a></li>
|
||
<li><a href={getPath("/datenschutz")} class="footer-link-item">Datenschutz</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</footer>
|
||
|
||
<style>
|
||
@reference "../styles/global.css";
|
||
/* .main-footer {
|
||
@apply fixed bottom-0 left-0 w-full z-50 py-2 shadow-top bg-linear-to-b from-white/80 to-header-bg/80 backdrop-blur-sm;
|
||
|
||
} */
|
||
|
||
.main-footer {
|
||
@apply w-full bg-linear-to-b from-white to-header-bg py-2 mt-auto shadow-top;
|
||
}
|
||
|
||
.footer-container {
|
||
@apply container mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-4;
|
||
}
|
||
|
||
.footer-copy {
|
||
@apply text-xs text-slate-400 font-medium;
|
||
}
|
||
|
||
.footer-links {
|
||
@apply flex gap-6 text-xs text-slate-500;
|
||
}
|
||
|
||
.footer-link-item {
|
||
@apply hover:text-blue-500 transition-colors;
|
||
}
|
||
|
||
</style> |