kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-04 04:25:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(astro): finish header and footer styling

Browse Source
This commit is contained in:
Stefan Imhoff
2023-02-25 20:29:17 +01:00
parent cda2f1adf8
commit f7d2471bb9
18 changed files with 170 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/Subnavigation.astro Normal file
View File

@@ -0,0 +1,40 @@
---
import data from '../data/subnavigation.json';
const currentPath = new URL(Astro.request.url).pathname;
---
<div class="glow flex gap-12">
<ul>
{
data.main.map(({ title, url }) => (
<li>
<a
href={url}
class={`text-3 font-light decoration-4 underline-offset-auto hover:underline hover:decoration-shibui-900/20 dark:hover:decoration-shibui-100/20 ${
currentPath === url && 'underline !decoration-accent decoration-4'
}`}
>
{title}
</a>
</li>
))
}
</ul>
<ul class="mie-12 md:mie-16">
{
data.misc.map(({ title, url }) => (
<li>
<a
href={url}
class={`text-3 font-light decoration-4 underline-offset-auto hover:underline hover:decoration-shibui-900/20 dark:hover:decoration-shibui-100/20 ${
currentPath === url && 'underline !decoration-accent decoration-4'
}`}
>
{title}
</a>
</li>
))
}
</ul>
</div>