mirror of
https://github.com/saicaca/fuwari.git
synced 2026-01-12 15:22:52 +01:00
e37a724275
Verify the target link is presented by the same person: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/me
32 lines
1.5 KiB
Plaintext
32 lines
1.5 KiB
Plaintext
---
|
|
import ImageWrapper from "../misc/ImageWrapper.astro";
|
|
import {Icon} from "astro-icon/components";
|
|
import {profileConfig} from "../../config";
|
|
|
|
const config = profileConfig;
|
|
---
|
|
<div class="card-base">
|
|
<a aria-label="Go to About Page" href="/about"
|
|
class="group block relative mx-auto mt-4 lg:mx-3 lg:mt-3 mb-3
|
|
max-w-[240px] lg:max-w-none overflow-hidden rounded-xl active:scale-95">
|
|
<div class="absolute transition pointer-events-none group-hover:bg-black/30 group-active:bg-black/50
|
|
w-full h-full z-50 flex items-center justify-center">
|
|
<Icon name="fa6-regular:address-card"
|
|
class="transition opacity-0 group-hover:opacity-100 text-white text-5xl">
|
|
</Icon>
|
|
</div>
|
|
<ImageWrapper src={config.avatar} alt="Profile Image of the Author" class="mx-auto lg:w-full h-full lg:mt-0 "></ImageWrapper>
|
|
</a>
|
|
<div class="font-bold text-xl text-center mb-1 dark:text-neutral-50 transition">{config.name}</div>
|
|
<div class="h-1 w-5 bg-[var(--primary)] mx-auto rounded-full mb-2 transition"></div>
|
|
<div class="text-center text-neutral-400 mb-2.5 transition">{config.bio}</div>
|
|
<div class="flex gap-2 mx-2 justify-center mb-4">
|
|
{config.links.map(item =>
|
|
<a rel="me" aria-label={item.name} href={item.url} target="_blank" class="btn-regular rounded-lg h-10 w-10 active:scale-90">
|
|
<Icon name={item.icon} size="1.5rem"></Icon>
|
|
</a>
|
|
)}
|
|
</div>
|
|
</div>
|
|
|