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

feat: some stuff

Browse Source
This commit is contained in:
max_richter
2024-04-08 01:06:23 +02:00
parent 02070007c4
commit cd6392a4a2
13 changed files with 85 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/components/Max.astro
View File

@@ -10,24 +10,24 @@ 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-[250px_1fr] min-h-[180px] sm:h-[180px] mt-8">
<div
class="image relative h-[130%] self-end items-end flex overflow-hidden order-last xs:order-first"
>
<Image
src={MaxImg}
alt="its mee"
class="object-bottom h-full object-cover w-1/2 xs:w-full"
hash={false}
maxWidth={700}
loader={false}
/>
<div class="eye right">
<GoogleyEye client:load />
</div>
<div class="eye left">
<GoogleyEye client:load />
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">
<Image
src={MaxImg}
alt="its mee"
class="object-bottom h-full object-cover"
hash={false}
maxWidth={700}
loader={false}
/>
<div class="eye right">
<GoogleyEye client:load />
</div>
<div class="eye left">
<GoogleyEye client:load />
</div>
</div>
</div>
@@ -81,11 +81,11 @@ const t = useTranslations(Astro.url);
position: absolute;
}
.eye.left {
top: 29%;
right: 28%;
top: 24%;
right: 27%;
}
.eye.right {
top: 31%;
right: 12%;
top: 26%;
right: 13%;
}
</style>