thalida
#Meta Timeline ยท 2015

2015: Magic Floating Card

A floating card (that flips over) with live time data

Screenshot of thalida.com: floating card version
Visit:
http://2015.thalida.com

Source:
https://github.com/thalida/thalida.com/tree/v-2015


Story

I wanted to create a very simple version of my site, that gave just enough information to let the visitor know what I was all about. My other goal was to create a design with just enough components to test building in various frontend frameworks.

Design

Mock up of the floating card

How it Works

The site was built using AngularJS, bower, and gulp.
The card color and greeting text is based on the current time of day.