Devlog #2 IT’S COMPLETE!

Hi everyone. If you read my last devlog you may know me as the idiot with the duck background. But I’m glad to announce that the ducks will soon be retiring as they have served their purpose.

Let me introduce my project as a quick refresher:

So this is a marriage clock, tracking the hours minutes seconds days years etc. that my parent’s have been married. And tomorrow’s their anniversary so I plan to surprise them and show it to them :).

What I have done in this session:

A sliding animation showing the time my parents were married in 6 different units of time: years, months, days, hours, minutes, and seconds.
Tried my best to make it aesthetic with nice fonts and color.
Added a heart particle effect background.
Did a lot of digging through css documentation once again
Spent like 45 minutes screaming at a layout problem I struggled to fix.
Did the time logic and the scaling for the units in a way that leap years don’t mess it up.
Wrote a nice letter in the 2nd page
Made the arrows stationary so it doesn’t look weird.

A couple super duper tiny specks to do tomorrow (around 5-10 mins hopefully):

One last run through to check if everything’s good.
Deploy it
Ship it
Most exciting part-showing my parents.

Since I have such little work to do, this will be my last devlog for this project. And I may not have been able to add every feature I wanted to like I envisioned and listed in my previous devlog, I’m glad how it turned out for the time I spent on it and I like how it is simple and also purposeful. Overall, I’m proud of how it turned out.

Check out the repo: https://github.com/Ash-ioL/parents-marriage-clock

I am gonna miss this project… sob sob. But boy am I glad I won’t have to deal with any css grid till maybe my next web project.

Signing off,
Ash-ioL