tahoe banner

tahoe

8 devlogs
11h 39m 37s

a recreation of macos 26 made with html css and js

Demo Repository

Loading README...

shaurya

i spent quite some time to find videos for like each weather type i had from my api and then using that i just added it to the background of the window content and clipped it onto it. i spent quite sometime fixing css bugs because my dropdown had disappeared behind everything in this process so yeah but i think it looks decent but if anybody has suggestions for videos to add since the videos are kind of bad and low quality

Attachment
Attachment
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 3 months 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