portfolio banner

portfolio

5 devlogs
7h 23m 29s

personal portfolio page because I never made one

This project uses AI

Used claude for colors and gradients and svg

Demo Repository

Loading README...

shaurya

Shipped this project!

Hours: 7.39
Cookies: 🍪 13
Multiplier: 1.7 cookies/hr

I built a personal portfolio, nothing much in it and i know it’s not that unique or anything. I was just trying to improve some css skills. I mainly worked on the theme part with the transition which i really liked and i also made a navbar with the tiny animation of the icon. I have more to add but didn’t get much time because of exams so this is it for now

shaurya

so i made a theme toggle with a dark mode light mode, i really liked the sun and moon thing so i did that. and after that i wanted a smooth transition so i made a circle generate and then change all the elements to dark or light theme, looks pretty sweet to me. now im gonna start working on like the rest of the content and all like my projects etc

0
shaurya

navbar v2, my vision was to, like, make it a hamburger nav so i did that and i added the little gradient line thing

Attachment
2

Comments

chefpenguino
chefpenguino 3 months ago

the font looks really cool, whats it called? nice project btw

shaurya
shaurya 3 months ago

tyty its called space grotesk

shaurya

navbar first version and pages separated. I’m going to make it cleaner i was js trying this thing out with the lines it looked rly cool

0
shaurya

ok so first i made the about me with the simple paragraph and then i used the same webkit background gradient for the text gradient and then i made an animation on scroll. after that i worked on the interests section where 5 interests come from the edges animating in like sliding in ifykwim then there is a emoji and text for each and then when you click on each of the interests it opens a popup and for coding it opens a my skills thing showing the 5 or 6 skills i have :( hehe so ye

Attachment
Attachment
0
shaurya

home page created with loader and typewriter effect for name

Attachment
0