feat: some stuff
Some checks failed
Deploy to GitHub Pages / build (push) Successful in 27m24s
Deploy to GitHub Pages / deploy (push) Failing after 35s

This commit is contained in:
max_richter 2024-04-03 20:07:32 +02:00
parent 4c1a6ed9f6
commit 46230f2140
3 changed files with 51 additions and 43 deletions

View File

@ -63,6 +63,9 @@ jobs:
restore-keys: | restore-keys: |
${{ runner.os }}-pnpm-store- ${{ runner.os }}-pnpm-store-
- name: Checkout LFS Files
run: git lfs pull
- name: Install, build, and upload your site output - name: Install, build, and upload your site output
run: pnpm i && pnpm build run: pnpm i && pnpm build

View File

@ -20,39 +20,36 @@
</script> </script>
<button class="block w-6 h-6" on:click={toggleTheme} title="toggle dark mode"> <button class="block w-6 h-6" on:click={toggleTheme} title="toggle dark mode">
{#if $theme === "dark"} <svg
<svg xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" width="24"
width="24" height="24"
height="24" viewBox="0 0 24 24"
viewBox="0 0 24 24" fill="none"
fill="none" stroke="currentColor"
stroke="currentColor" stroke-width="1.5"
stroke-width="1.5" stroke-linecap="round"
stroke-linecap="round" stroke-linejoin="round"
stroke-linejoin="round" class="light icon icon-tabler icons-tabler-outline icon-tabler-sun"
class="icon icon-tabler icons-tabler-outline icon-tabler-sun" ><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path
><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"
d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path
/><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"
d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg
/></svg >
> <svg
{:else} xmlns="http://www.w3.org/2000/svg"
<svg width="24"
xmlns="http://www.w3.org/2000/svg" height="24"
width="24" viewBox="0 0 24 24"
height="24" fill="none"
viewBox="0 0 24 24" stroke="currentColor"
fill="none" stroke-width="1.25"
stroke="currentColor" stroke-linecap="round"
stroke-width="1.25" stroke-linejoin="round"
stroke-linecap="round" class="dark hidden icon icon-tabler icons-tabler-outline icon-tabler-moon"
stroke-linejoin="round" ><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path
class="icon icon-tabler icons-tabler-outline icon-tabler-moon" d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"
><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path /></svg
d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" >
/></svg
>
{/if}
</button> </button>

View File

@ -64,6 +64,11 @@ const { title, width = "compact" } = Astro.props;
--neutral-100: #d5d5d7; --neutral-100: #d5d5d7;
--neutral-000: #f1f1f4; --neutral-000: #f1f1f4;
--fill: #cb5a5a; --fill: #cb5a5a;
--border-radius-md: 20px;
--spacing-sm: 10px;
--spacing-md: 20px;
} }
body { body {
@ -74,16 +79,11 @@ const { title, width = "compact" } = Astro.props;
--text: var(--neutral-800); --text: var(--neutral-800);
--text-light: black; --text-light: black;
--border-radius-md: 20px; background-color: var(--neutral-100);
--spacing-sm: 10px;
--spacing-md: 20px;
background-color: var(--layer100);
transition: background-color 0.1s; transition: background-color 0.1s;
color: var(--text); color: var(--text);
font-family: "Nunito Sans", sans-serif; font-family: "Nunito Sans", sans-serif;
background-color: var(--neutral-000); background-color: var(--background-dark);
} }
.dark body { .dark body {
@ -98,7 +98,15 @@ const { title, width = "compact" } = Astro.props;
--outline: var(--neutral-300); --outline: var(--neutral-300);
--text: var(--neutral-100); --text: var(--neutral-100);
--text-light: white; --text-light: white;
background-color: var(--neutral-1000); }
.dark .icon-tabler-sun,
.light .icon-tabler-moon {
display: none;
}
.dark .icon-tabler-moon,
.light .icon-tabler-sun {
display: block;
} }
</style> </style>
<script> <script>