1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-06-28 16:48:00 +02:00
blog/src/components/Footer/Vcard.astro
Matthias Kretschmann 3b25ae2282
Location fetching (#843)
* location component

* fetching with @nanostores/query

* layouts reorg

* typescript plugins cleanup

* location component unit test cases

* fetch only when visible
2023-10-04 14:45:54 +01:00

32 lines
676 B
Plaintext

---
import { Image } from 'astro:assets'
import Networks from './Networks.astro'
import Location from '../Location'
import avatar from '@images/avatar.jpg'
import config from '@config/blog.config'
import styles from './Vcard.module.css'
const { author, rss, jsonfeed } = config
const { mastodon, github, name, url } = author
const links = [mastodon, github, rss, jsonfeed]
---
<Image
class={styles.avatar}
src={avatar}
width="160"
height="160"
alt="avatar"
/>
<p class={styles.description}>
{config.siteDescription.replace(name, '')}<br />
<a class="fn" rel="author" href={url}>
{name}
</a>
</p>
<Location client:visible />
<Networks links={links} />