36 lines
1.3 KiB
Text
36 lines
1.3 KiB
Text
---
|
|
import Card from "./Card/index.astro";
|
|
import Button from "./Button.astro";
|
|
import { LINKS } from "../lib/constants";
|
|
import { Icon } from 'astro-icon/components'
|
|
import Tooltip from "./Tooltip/index";
|
|
---
|
|
|
|
<Card colSpan="md:col-span-3" rowSpan="md:row-span-4">
|
|
<div class="flex w-full h-full">
|
|
<div class="flex flex-col justify-between md:max-h-[300px] gap-4">
|
|
<div class="flex flex-col h-full">
|
|
<h6 class="text-sm font-light m-0 text-gray-500">welcome</h6>
|
|
<p class="m-0 font-light text-xl">
|
|
Hi, I'm <b class="font-bold">Toastie_t0ast</b>, I like to make
|
|
Discord Bots as well as work on game servers through my host
|
|
Dragon's child hosting.
|
|
</p>
|
|
</div>
|
|
<div class="flex gap-4">
|
|
<a href={LINKS.toastielab} aria-label="toastielab profile" target="_blank">
|
|
<Button aria-label="toastielab profile">
|
|
<Icon name="ri:github-fill" class="h-6" />
|
|
<span class="sr-only">Toastielab Profile</span>
|
|
</Button>
|
|
</a>
|
|
<Tooltip client:visible>
|
|
<Button aria-label="easter egg btn">
|
|
<Icon name="ri:emotion-laugh-line" class="h-6" />
|
|
<span class="sr-only">Easter egg button</span>
|
|
</Button>
|
|
</Tooltip>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Card>
|