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

feat: add resume.pdf button
All checks were successful
Deploy to SFTP Server / build (push) Successful in 41m27s
Details

Browse Source
This commit is contained in:
max_richter
2024-04-08 14:22:36 +02:00
parent e41ef2fceb
commit d1d6867130
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>

9
src/components/ThemeToggle.svelte
View File

@ -3,6 +3,7 @@
import { writable } from "svelte/store";
import IconSun from "~icons/tabler/Sun";
import IconMoon from "~icons/tabler/Moon";
import { colors } from "@helpers/colors";
let theme = writable("");
@ -10,8 +11,12 @@
document.documentElement.classList.remove("light", "dark");
document.documentElement.classList.add($theme);
localStorage.setItem("theme", $theme);
// @ts-ignore
window["updateBackgroundColor"]?.();
const background = window.getComputedStyle(document.body);
$colors = {
background: background.backgroundColor,
};
}
function toggleTheme() {