Activity

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 days ago

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

shaurya
shaurya 3 days 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
shaurya

finally after like an hour of debugging and somehow my weather part got messed up in the middle, so I fixed all that and now the purple circle line reduces according to the timer using the strokedasharray from the svg

Attachment
0
shaurya

timer styles improve for buttons (hover and clicking) and basic spacing margin etc

Attachment
0
shaurya

timer input fixed along with active class for the picker wheel. once started timer wheel locks in place and the pause button appears

Attachment
0
shaurya

timer base made first with like a basic typed input but since thats boring i decided to make the picker wheel kind of thing where you scroll to pick the number. later the purple circle will change and fill around acccording to the time remaining, work in progress. also the input from the wheel is not working for some reason right now so i will fix that

Attachment
0
shaurya

bug fix for ::before pseudo element and dock restyling with bounce animation and new svg

Attachment
1

Comments

MeBadDev
MeBadDev about 1 month ago

I never really understood ::before pseudo element so that’s really cool!

shaurya

I added the use of the users current location by asking through the browser prompt along with the search bar to change and find weather for other cities

Attachment
0
shaurya

base of windows moveable and clickable, along with the weather app created using a weather api, and a settings app with a background-changing feature

Attachment
0