ordinarthur/aurelie-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add custom

Browse Source
This commit is contained in:
ordinarthur 2026-04-05 18:38:59 +02:00
parent 06d99f25a4
commit f131169d77
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Header.astro
View File

@ -11,7 +11,7 @@ const nav = [
<header class:list={['hd', { 'hd--hero': isHome }]} id="hd"> <header class:list={['hd', { 'hd--hero': isHome }]} id="hd">
<div class="hd__in"> <div class="hd__in">
<a href="/" class="hd__logo">aurélie barré</a> <a href="/" class:list={['hd__logo', { 'is-active': currentPath === '/' }]}>aurélie barré</a>
<nav class="hd__nav" aria-label="Navigation"> <nav class="hd__nav" aria-label="Navigation">
{nav.map(item => ( {nav.map(item => (
@ -52,6 +52,7 @@ const nav = [
/* ---- Default: dark text (inner pages) ---- */ /* ---- Default: dark text (inner pages) ---- */
.hd__logo { color: var(--text); } .hd__logo { color: var(--text); }
.hd__logo.is-active { color: var(--accent); }
.hd__link { color: var(--text-2); } .hd__link { color: var(--text-2); }
.hd__link:hover { color: var(--text); } .hd__link:hover { color: var(--text); }
.hd__link.is-active { color: var(--accent); } .hd__link.is-active { color: var(--accent); }
@ -72,6 +73,7 @@ const nav = [
} }
.hd.is-scrolled .hd__logo { color: var(--text); } .hd.is-scrolled .hd__logo { color: var(--text); }
.hd.is-scrolled .hd__logo.is-active { color: var(--accent); }
.hd.is-scrolled .hd__link { color: var(--text-2); } .hd.is-scrolled .hd__link { color: var(--text-2); }
.hd.is-scrolled .hd__link:hover { color: var(--text); } .hd.is-scrolled .hd__link:hover { color: var(--text); }
.hd.is-scrolled .hd__link.is-active { color: var(--accent); } .hd.is-scrolled .hd__link.is-active { color: var(--accent); }

2
src/pages/index.astro
View File

@ -276,7 +276,7 @@ const allPerennes = getMockProjects('perenne');
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: var(--text-3); background: var(--accent);
animation: scrollLine 2.5s ease-in-out infinite; animation: scrollLine 2.5s ease-in-out infinite;
} }