Better social icons

jOOQ-website/css/jooq.css

@@ -220,7 +220,6 @@ h2 a:hover {
 }
 
 #tweets {
-    padding-top: 4px;
     height: 25px;
     float: left;
 }
@@ -231,9 +230,12 @@ h2 a:hover {
 
 div.tweet-item {
     float: left;
-    width: 100px;
-    white-space: nowrap;
-    overflow: hidden;
+    padding-right: 20px;
+}
+
+div.tweet-item img {
+    box-shadow: 0 0 5px #000;
+    border: 0;
 }
 
 #navigation a,

jOOQ-website/frame.php

@@ -69,39 +69,20 @@ function manualHeader($isSingle, $forVersion) {
 	    <div class="wrapper">
 		<div id="tweets">
 			<div class="tweet-item">
-				<a href="http://twitter.com/share"
-					class="twitter-share-button"
-					data-url="http://www.jooq.org"
-					data-text="#jOOQ - A nice database abstraction library for Java"
-					data-count="horizontal" data-via="JavaOOQ">Tweet</a>
-				<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
-				&nbsp;
+				<a href="http://twitter.com/share?text=%23jOOQ,+a+fun+way+to+write+%23SQL+in+%23Java:+http://www.jooq.org" target="_blank">
+					<img src="<?=$root?>/img/social-tw.png" width="37" height="27" alt="Share jOOQ on Twitter" title="Share jOOQ on Twitter"/></a>
 			</div>
 			<div class="tweet-item">
-				<g:plusone size="medium" href="http://www.jooq.org"></g:plusone>
-				&nbsp;
+				<a href="https://plus.google.com/share?url=http://www.jooq.org" target="_blank">
+	    			<img src="<?=$root?>/img/social-g+.png" alt="Share jOOQ on Google+" title="Share jOOQ on Google+"/></a>
 			</div>
 			<div class="tweet-item">
-				<div id="fb-root"></div>
-				<script>(function(d, s, id) {
-				  var js, fjs = d.getElementsByTagName(s)[0];
-				  if (d.getElementById(id)) {return;}
-				  js = d.createElement(s); js.id = id;
-				  js.src = "//connect.facebook.net/en_US/all.js#appId=232666253447462&xfbml=1";
-				  fjs.parentNode.insertBefore(js, fjs);
-				}(document, 'script', 'facebook-jssdk'));</script>
-				<div class="fb-like"
-					data-send="false"
-					data-href="http://www.jooq.org"
-					data-layout="button_count"
-					data-width="450"
-					data-show-faces="true"
-					data-font="verdana"></div>
-					&nbsp;
+				<a href="http://www.facebook.com/sharer.php?u=http://www.jooq.org" target="_blank">
+	    			<img src="<?=$root?>/img/social-fb.png" alt="Share jOOQ on Facebook" title="Share jOOQ on Facebook"/></a>
 			</div>
 			<div class="tweet-item">
-				<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
-				<script type="IN/Share" data-url="http://www.jooq.org" data-counter="right"></script>
+				<a href="http://www.linkedin.com/shareArticle?mini=true&url=http://www.jooq.org" target="_blank">
+	    			<img src="<?=$root?>/img/social-in.png" alt="Share jOOQ on LinkedIn" title="Share jOOQ on LinkedIn"/></a>
 			</div>
 		</div>
 
@@ -171,5 +152,6 @@ function manualHeader($isSingle, $forVersion) {
 		-->
 		<div style="display: none">
 			<img src="/img/logo.png" alt="The jOOQ Logo" title="jOOQ Logo"/>
+		</div>
 	</body>
 </html>

jOOQ-website/img/.gitignore

@@ -0,0 +1 @@
+/Thumbs.db