alex/daichendt.one
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

migrate to svelte5 partially

Browse source
This commit is contained in:
Alexander Daichendt 2024-12-11 12:52:12 +01:00
parent 82150df591
commit 38065f6d7d
15 changed files with 3881 additions and 5433 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/lib/components/Footer.svelte
View file

@ -3,18 +3,19 @@
</script>
<script>
import { mdiCopyright } from '@mdi/js';
import Icon from 'mdi-svelte';
import Icon from '@iconify/svelte';
import Link from './Link.svelte';
</script>
<footer>
<footer class="mt-16 p-8">
<!-- container class inherited from __layout-->
<div class="container">
<p>Copyright <Icon path={mdiCopyright} size="1rem" /> {year} Alexander Daichendt</p>
<p class="flex items-center gap-1">
Copyright <Icon icon="material-symbols:copyright" class="inline-block" />
{year} Alexander Daichendt
</p>
<div class="footerLinks">
<div class="flex md:justify-between md:flex-row flex-col gap-1">
<Link href="/cat">Meeeeeow</Link>
<Link href="/privacy">Privacy Policy</Link>
<Link href="/impressum">Impressum</Link>
@ -26,18 +27,12 @@
<style>
footer {
background-color: var(--special-bg-color);
padding: 2rem;
margin-top: 4rem;
}
@media screen and (max-width: 500px) {
.footerLinks {
flex-direction: column;
}
}
.footerLinks {
display: flex;
justify-content: space-between;
}
:global(footer div a) {
color: var(--text-soft-color) !important;
}