Point avatar to twitter profile, fix new window size

framer/Components/ShareComponent.coffee

@@ -59,19 +59,27 @@ class Button extends ShareLayer
 
 		@props = _.merge(defaultProps, options)
 
-		@states.add hover: opacity: .8
+		@states.add
+			hover: opacity: .8
+			full: opacity: 1
 		@states.animationOptions =
 			time: .3
 
 		@onMouseOver ->
 			@style.cursor = "pointer"
 			@states.switch("hover")
+			@animate
+				properties:
+					opacity: .8
 
 		@onMouseOut ->
-			@opacity = 1
-			@states.switch("default")
+			@states.switch("full")
 
-		@onClick -> window.open(options.url, "Share", "width=560,height=714")
+		@onClick ->
+			if options.shareButton
+				window.open(options.url, "Share", "width=560,height=714")
+			else
+				window.open(options.url, "_blank")
 
 # Share component
 class ShareComponent
@@ -291,7 +299,8 @@ class ShareComponent
 		if @shareInfo.twitter
 			@credentials.x = 50
 
-			@avatar = new ShareLayer
+			@avatar = new Button
+				url: "https://twitter.com/#{@shareInfo.twitter}"
 				size: 40
 				parent: @info
 				borderRadius: 100
@@ -309,7 +318,6 @@ class ShareComponent
 				borderRadius: 100
 				style:
 					boxShadow: "0 0 0 1px rgba(0,0,0,.1)"
-			@_showPointer(@avatar)
 
 			# If author name isn't available, fallback to Twitter handle
 			name = if @shareInfo.author then @shareInfo.author else "@#{@shareInfo.twitter}"
@@ -440,6 +448,7 @@ class ShareComponent
 			backgroundColor: "00AAFF"
 
 		@buttonFacebook = new Button
+			shareButton: true
 			url: "https://www.facebook.com/sharer/sharer.php?u=#{window.location.href}"
 			parent: @buttons
 			borderWidth: 1
@@ -473,6 +482,7 @@ class ShareComponent
 		tweet = encodeURIComponent(tweet)
 
 		@buttonTwitter = new Button
+			shareButton: true
 			url: "https://twitter.com/home?status=#{tweet}"
 			parent: @buttons
 			borderWidth: 1