feat: animations, responsive design

Animations
- added opacity animation for experience page
- added stagger animation for navbar items on mobile
- added animation for landing page for years and language indications

Pages
- About Page mockup

Redesign
- Navbar to include icons on desktop
This commit is contained in:
2025-02-21 00:07:25 +01:00
parent 32fea815f2
commit 5070f591d3
56 changed files with 2552 additions and 703 deletions

16
ts/src/experiences.ts Normal file
View File

@@ -0,0 +1,16 @@
const { animate, inView } = Motion;
inView(
"section div",
(element) => {
animate(
element,
{ opacity: 1 },
{
duration: 0.7,
},
);
return () => animate(element, { opacity: 0 }, { duration: 0.7 });
},
{ some: 0.7, initial: false },
);