alanwright / bitday

A website that changes based on the time of the day using the beautiful BitDay wallpaper set.

BitDay Homepage

A website that changes based on the time of the day using the beautiful BitDay wallpaper set. The idea is to have a homepage site that shows the current time and changes backgrounds based on the time of the day. It's perfect for when you start up your browser, open new tabs, or if you don't have anything going on in one of your spare monitors 😄. The website is optimized for desktop (or laptops) for the best experience, but mobile will always work. Checkout the images below for the different stages of the day and their corressponding hours.

Images

Splash Page

Early Morning (Hours 5-7)

Morning (Hours 8-10)

Early Afternoon (Hours 10-15)

Late Afternoon (Hours 16-17)

Evening and Early Sunset (Hour 18)

Late Evening and Sunset (Hours 19-20)

Night (Hours 21 - 23 and 0 - 1)

Late Night and Early Morning (Hours 2-4)

What's in the Code?

• HTML5
• SASS compiled into CSS3
• JavaScript
• JQuery

To edit CSS you will need to install SASS through RUBY. I recommend using a compiler like SassBuilder for Sublime Text which can be installed via the package control for Sublime Text.

BitDay Wallpapers

The BitDay wallpapers were created by /u/BloodyMarvellous on Reddit and became popular via this post. All credit goes to him. You can install a changing wallpaper app on your desktop with these wallpapers at http://bitday.escism.net/.