Service Icons

README.md

Service Icons Function

Inject service icon links using Ligature Symbols and javascript.

Usage

Define the selector you want to inject the icons to.

var serviceLocations = "selector";

Then start adding services you use and the associated account.

service("twitter", "stephencway");

jQuery Plugin

I created a jQuery plugin out of this called jQuery-service

service.js

$(function() {
	/* Add Service Icons */
	// var serviceLocation = ".footer__social";
	// service("twitter",    "twitter username");
	// service("linkedin",   "linkedin username");
	// service("facebook",   "facebook username");
	// service("yelp",       "yelp listing");
	// service("google",     "google+ username");
	// service("pinterest",  "pinterest username");
	// service("myspace",    "myspace username");
	// service("flickr",     "flickr username");
	// service("picasa",     "picasa username/album");
	// service("vimeo",      "vimeo username");
	// service("youtube",    "youtube username");
	// service("ustream",    "ustream username");
	// service("instagram",  "instagram username");
	// service("foursquare", "foursquare username");
	// service("delicious",  "delicious username");
	// service("tumblr",     "tumblr site name");
	// service("wordpress",  "wordpress site name");
	// service("blogger",    "blogger site name");

 	/* Service Icons Function */
	function service(service, user, type) {
		if (service == "linkedin")
			var href = "http://" + service + ".com/company/" + user;
		else if (service == "linkedin" && type == "personal")
			var href = "http://" + service + ".com/in/" + user;
		else if (service == "tumblr")
			var href= "http://" + user + "." + service + ".com/";
		else if (service == "yelp")
			var href= "http://" + service + ".com/biz/" + user;
		else if (service == "blogger")
			var href= "http://" + user + ".blogspot.com/";
		else if (service == "wordpress")
			var href= "http://" + user + "." + service + ".com/";
		else if (service == "ustream")
			var href= "http://" + service + ".tv/" + user;
		else if (service == "picasa")
			var href= "http://" + service + "web.google.com/" + user;
		else if (service == "facebook" && type == "page")
			var href= "http://" + service + ".com/pages/" + user;
		else
			var href = "http://" + service + ".com/" + user;
		if (service == "yelp")
			var object = $("<a class='lsf-icon' title='star' href=" + href + "></a>");
		else
			var object = $("<a class='lsf-icon' title=" + service + " href=" + href + "></a>");
		object.prependTo(serviceLocation);
	}

});