max/max-richter.dev
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add resume.pdf button

Browse Source
This commit is contained in:
max_richter
2024-04-08 14:22:36 +02:00
parent fbcd643223
commit cc6ea4ed22
12 changed files with 107 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Max.astro
View File

@@ -10,14 +10,15 @@ const t = useTranslations(Astro.url);
---
<Card
classes="googley-eye-target relative rounded-diag-md border border-neutral bg-dark grid xs:grid-cols-[250px_1fr] min-h-[180px] sm:h-[180px] mt-8">
classes="googley-eye-target relative rounded-diag-md border border-neutral bg-dark grid xs:grid-cols-[200px_1fr] sm:grid-cols-[300px_1fr] mt-8">
<div
class="image relative h-[130%] self-end items-end flex overflow-hidden order-last xs:order-first">
<div class="relative inline w-1/2 xs:w-full">
class="relative xs:h-full self-end items-end flex order-last xs:order-first">
<div
class="image xs:absolute inline w-1/2 xs:w-full xs:h-[110%] overflow-hidden">
<Image
src={MaxImg}
alt="its mee"
class="object-bottom h-full object-cover"
class="object-bottom h-full object-contain"
hash={false}
maxWidth={700}
loader={false}
@@ -31,9 +32,15 @@ const t = useTranslations(Astro.url);
</div>
</div>
<div class="content flex flex-col p-8 pl-4 gap-2 justify-center">
<div class="content flex flex-col p-8 pl-4 gap-3 justify-center">
<h1 class="text-2xl">{t("home.title")}</h1>
<p>{t("home.subtitle")}</p>
<a
class="bg gradient flex items-center border border-neutral gap-2 w-fit p-2 px-4 rounded-2xl"
href="/max-richter-resume.pdf">
{t("resume").toLowerCase()}.pdf
<span class="i-tabler-download w-4 h-4 dark:opacity-50"></span>
</a>
</div>
</Card>