Design

I should create variables for fonts, colors and sizes, also there will be some animations so repeated animations should have stored in variables

also selected text hightlight should be brand green and text color black

header shouldn't have any shadow and once it scroll it should become glassmorphism

there should be two classes slate (dark mode) and default (light mode) [future version]

slate: heading color: rgb(230, 241, 255); sub heading color: color: rgb(136, 146, 176); color: #8892b0 green: color: rgb(100, 255, 218); light-green: rgba(100, 255, 218, 0.8); green: #64ffda; font-color: #a8b2d1; footer-bg: #020c1b bg-color: #0a192f card-bg: #172a45

Second theme: https://braydoncoyer.dev/

state: bg-color: #111827 green: #2DD4BF color: #cbd5e1 heading: #ffffff

Project section: https://anuraghazra.dev/#projects

Experiance section: https://tamalsen.dev/

Dark mode: https://dev.to/hr21don/enable-dark-mode-for-your-astro-website-via-css-variables-ohe

My Image should be animated same as this video https://www.youtube.com/watch?v=NWViu1EPFN0&t=0s&ab_channel=EasyTutorials

Howering on cards should make heading color green

card should look like ## Updates delivered to your inbox! box in Second Theme

Navbar should be same as Second theme

Name of Experience section should be My Journey

Cursor should be changed on pointer and default

Font: https://fonts.google.com/?query=Roboto+Mono

Sections:

Home About me Tech stack: use tag cloud Experiance Projects Books I am reading - Current book should be in middle with image and description - effect for book card: https://www.youtube.com/watch?v=cxm5bCCa9OA&ab_channel=OnlineTutorials - all other books should be below Certifications contact me

Inspirations: https://tamalsen.dev/ https://brittanychiang.com/#jobs https://braydoncoyer.dev/