33 lines
No EOL
1.4 KiB
Vue
33 lines
No EOL
1.4 KiB
Vue
<template>
|
|
<section id="contact" class="Contact content full gap-default">
|
|
<h1>Kontakt <span class="highlight">&</span> Social Media</h1>
|
|
<h2>Kannst ruhig in meine <span class="highlight">DMs sliden</span>. Oder in's Postfach.</h2>
|
|
|
|
<article class="z-2 card flex-col gap-sm margin-top">
|
|
<h3>Du willst einfach nur 'ne Mail schreiben?</h3>
|
|
<p>Ja gut, passt. Meld dich unter
|
|
<ClientOnly><a class="mail" href="mailto:anfragen@webfussel.de">anfragen@webfussel.de<Icon name="ph:envelope-duotone" aria-hidden="true" alt="mail icon" size="1.2em" mode="svg" /></a></ClientOnly>
|
|
</p>
|
|
</article>
|
|
|
|
<article class="z-2 card flex-col gap-sm margin-top">
|
|
<h3>Ich auf Social Media</h3>
|
|
<p>Falls du irgendwo einen anderen Social Media Account von mir findest, der nicht hier aufgelistet ist, aber aktiv postet, dann ist dieser höchstwahrscheinlich <span class="highlight">Fake</span>.
|
|
<br />Meld' dich gerne bei mir, wenn du so einen findest.
|
|
</p>
|
|
<ul class="social-media">
|
|
<li v-for="({icon, name, ...rest}) in socials" :key="rest.href">
|
|
<a v-bind="rest" target="_blank">
|
|
<Icon :name="icon" :alt="rest['aria-label']" size="1.5em" mode="svg" />
|
|
<span>{{ name }}</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
|
|
import { socials } from '../utils/socials'
|
|
</script> |