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

View File

@@ -1,5 +1,17 @@
generate:
templ generate --watch
# run templ generation in watch mode to detect all .templ files and
# re-create _templ.txt files on change, then send reload event to browser.
# Default url: http://localhost:7331
live/templ:
templ generate --notify-proxy --proxybind="localhost" --proxyport="8080"
server:
air
# run air to detect any go file changes to re-build and re-run the server.
live/server:
templ generate --watch --proxy="http://localhost:8080" --cmd="go run ."
# run esbuild to generate the index.js bundle in watch mode.
live/rollup:
npm --prefix ts run build:watch
# start all 5 watch processes in parallel.
live:
make -j5 live/rollup live/server