Change "what we do" link icon on photo

Hi,

How can I change the icon appears when I'm moving cursor on a photo?
I see that there is a data-type tag like this:
<a href="https://twitter.com/gavickpro" data-type="twitter" class="">Twitter</a>
But I'd like to link my personal website...
Is there a guide to all those data-type?

Thanks
N.

You want to change icon or link under it?

The icon... I'd like to see, if exists, the set of icon I can use.
For the link is simple, works like a normal a href.

thanks

It is done with the use of fontAwesome:
http://astronautweb.co/snippet/font-awesome/
Now to know how it works - the data you have passed is used with ':before' pseudo class in gk.stuff.css:

Code: Select all

.gkTeamOverlay a[data-type="fb"]:before {
   content: '\f09A';
}
.gkTeamOverlay a[data-type="twitter"]:before {
   content: '\f099';
}
.gkTeamOverlay a[data-type="gplus"]:before {
   content: '\f0d5';
}


You can use list provided in first link to get another "content" code and replace icon with another from the set.