devsatish / gamell.io

A template for your online resume / portfolio

gamell.io

A template for your online resume / portfolio. See it live at gamell.io

This work is distributed under the MIT License.

Description

This is a plain HTML, JS and CSS website which I use as my resume and portfolio online at http://gamell.io

You can use it "as is", parts of it, modify it, get inspiration etc.

Usage

I used yeoman, grunt and bower to create and develop this project. You should have NodeJS, npm and yeoman to run this project locally.

Once you have all the above installed, you just have to run:

npm install

followed by

bower update

then just run the app:

grunt server

The previous command will boot up the development server on your localhost using the "app" configuration (nothing is concatenated or minified, this is the configuration you want to use to develop and test locally).

Once you are done coding and you are happy with the outcome you can run

grunt build

Which by default will build the minified, uglyfied, optimized version of the site in the dist/ directory.

Furthermore, if you want to push directly to your FTP host of choice, you can do so by editing the Grunt.js file ( editing the ftpush section) and creating a .ftpush file in your root directory. You can find more information here: https://github.com/inossidabile/grunt-ftpush

Libraries used

• textillate (animate.css, letteringjs): the homepage animation.
• impressjs: for the 3d effects and transitions.
• d3 (topojson, queue-async): infographics and maps.
• Bootstrap: base CSS.
• font-awesome: icons.
• tipsy: tooltips.
• jQuery: to glue everything together.
• iOS colors from: http://ios7colors.com/
• Modified ie6 warning to warn for browsers lower than ie9: https://code.google.com/p/ie6-upgrade-warning/

Inspiration

• Sunburst infographic: this, this and this.
• World globe
• General design and colors: iOS7