thohlt/thiloho.github.io
1
0
Fork 0
mirror of https://github.com/thiloho/thiloho.github.io.git synced 2025-11-22 10:21:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add skewing to footer

Browse Source
This commit is contained in:
thiloho
2025-04-27 01:31:47 +02:00
parent 59f3226585
commit ed9cd12377
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Footer.astro
View File

@@ -1,6 +1,10 @@
<footer
class="prose prose-neutral dark:prose-invert prose-a:text-blue-800 prose-a:dark:text-blue-300 prose-a:hover:no-underline flex max-w-none flex-col items-center border-t border-dashed border-neutral-300 bg-white p-4 dark:border-neutral-600 dark:bg-neutral-800"
class="prose prose-neutral dark:prose-invert prose-a:text-blue-800 prose-a:dark:text-blue-300 prose-a:hover:no-underline relative flex max-w-none flex-col items-center bg-neutral-100 px-4 pt-12 pb-6 dark:bg-neutral-900"
>
<div
class="absolute bottom-28 h-28 w-full -skew-y-2 border-b border-dashed border-neutral-400 bg-white dark:border-neutral-500 dark:bg-neutral-800"
>
</div>
<p class="mb-2">&copy; 2025 Thilo Hohlt</p>
<div class="flex gap-4">
<a href="/legal-disclosure">Legal Disclosure</a>

2
src/components/Nav.astro
View File

@@ -4,7 +4,7 @@ import Logo from "../img/TH.svg";
const routes = ["blog"];
---
<nav class="sticky top-0 z-10 max-w-none bg-neutral-100 dark:bg-neutral-900">
<nav class="sticky top-0 z-10 max-w-none bg-white dark:bg-neutral-800">
<div
class="mx-auto flex max-w-screen-lg items-center justify-between ps-4 pe-2 text-neutral-700 dark:text-neutral-300"
>