47 lines
1.1 KiB
Vue
Executable file
47 lines
1.1 KiB
Vue
Executable file
<template>
|
|
<footer class="Footer">
|
|
<h4>Socials</h4>
|
|
<ul class="socials">
|
|
<li v-for="social in socials">
|
|
<a :href="social.href" target="_blank">
|
|
<Icon :name="social.icon" mode="svg" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="bottom">
|
|
<ul class="data-links">
|
|
<li v-for="dataLink in dataLinks">
|
|
<NuxtLink :to="dataLink.to">
|
|
{{ dataLink.label }}
|
|
</NuxtLink>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<p class="copy">ProPapier ist ein Gemeinschaftsprojekt von <NuxtLink to="https://webertoire.de" external>webertoire</NuxtLink> und <NuxtLink to="https://webfussel.de" external>webfussel</NuxtLink></p>
|
|
<p class="copy">© 2025 by webfussel, webertoire</p>
|
|
</footer>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const socials = [
|
|
{
|
|
icon: 'simple-icons:kofi',
|
|
href: 'https://ko-fi.com/webfussel',
|
|
},
|
|
{
|
|
icon: 'simple-icons:forgejo',
|
|
href: 'https://git.webfussel.de/webfussel/propapier',
|
|
},
|
|
]
|
|
|
|
const dataLinks = [
|
|
{
|
|
label: 'Impressum',
|
|
to: '/imprint',
|
|
},
|
|
{
|
|
label: 'Datenschutz',
|
|
to: '/privacy',
|
|
}
|
|
]
|
|
</script>
|