Moment to Moment

Visual guide for performing breathing exercises
Scrolling through gratitude statements

Inspiration

The ongoing impact of COVID-19, horrendous killing of George Floyd along with countless others, and growing awareness and discussion of injustices towards minorities have taken a toll on so many people. As such, we took this opportunity to create a relaxing hack while going back to basics, exploring how extensively CSS has grown in the past decade.

What it does

Upon entering our website, soothing music starts playing as users are invited to breathe along with our visual guide. Users can change the background page theme at anytime from outer space to lapping waves to a time lapse of the aurora borealis. Our website also offers some inspiring and uplifting quotes, randomly generated, as well as a space that scrolls through what we've been grateful for in past.

How we built it

We used pure HTML, Javascript, and CSS.

Challenges we ran into

Layouts, layering, and containers were stumbling blocks, but we eventually figured it out.

Accomplishments that we're proud of

We created a fairly elaborate website with impeccable design — and it was our first time attempting to incorporate these features.

What we learned

We learned how to collaborate on Github and about the importance of compartmentalizing code. Through this project, we found that CSS can accomplish so much alone and can even replace what Javascript was a go-to for. Of course, CSS can only go so far and there is still a place and need for Javascript.