---
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} />