max/website
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: some shit

Browse Source
This commit is contained in:
max_richter
2024-04-03 14:27:48 +02:00
parent d4128840b9
commit 93baa3b6b0
67 changed files with 2513 additions and 703 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/arrows/ArrowA.astro Normal file
View File

@ -0,0 +1,21 @@
---
import { useTranslations } from "@i18n/utils";
const t = useTranslations(Astro);
---
<div class="arrow flex items-center gap-2">
<img src="/images/arrow_a.svg" alt="Arrow" />
<p class="text-xl">{t("latest-projects")}</p>
</div>
<style>
.arrow {
position: absolute;
right: 0;
transform: rotate(10deg) translateX(110%) translateY(50px);
}
.arrow > p {
color: #414152;
transform: rotate(15deg) translateY(16px) translateX(4px);
}
</style>

21
src/components/arrows/ArrowB.astro Normal file
View File

@ -0,0 +1,21 @@
---
import { useTranslations } from "@i18n/utils";
const t = useTranslations(Astro);
---
<div class="arrow flex items-center gap-2">
<p class="text-xl">{t("latest-posts")}</p>
<img src="/images/arrow_b.svg" alt="Arrow" />
</div>
<style>
.arrow {
position: absolute;
left: 0;
transform: translateX(-110%) translateY(-160px);
}
.arrow > p {
color: #414152;
transform: rotate(-26deg) translateY(34px) translateX(-10px);
}
</style>