From 0c5e8f740fcf610158e610899db4264d5259f5e0 Mon Sep 17 00:00:00 2001
From: Patrick Davison <snapwilliam@gmail.com>
Date: Fri, 11 Jan 2013 22:06:51 -0800
Subject: Social buttons

---
 css/page.css           |  35 ++++++++++++++++++++++++++---------
 images/btns/reddit.png | Bin 0 -> 1758 bytes
 images/btns/rss.png    | Bin 0 -> 2188 bytes
 includes/header.php    |  13 +++++++++++--
 4 files changed, 37 insertions(+), 11 deletions(-)
 create mode 100644 images/btns/reddit.png
 create mode 100644 images/btns/rss.png

diff --git a/css/page.css b/css/page.css
index 7ff617c..40027ca 100644
--- a/css/page.css
+++ b/css/page.css
@@ -58,16 +58,15 @@ form {
 	text-align: center;
 	position: relative; 
 	min-width: 900px;
-	z-index: -10;
 	
-background: #272727;
-background: -moz-linear-gradient(top,  #272727 0%, #111111 100%);
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#111111));
-background: -webkit-linear-gradient(top,  #272727 0%,#111111 100%);
-background: -o-linear-gradient(top,  #272727 0%,#111111 100%);
-background: -ms-linear-gradient(top,  #272727 0%,#111111 100%);
-background: linear-gradient(to bottom,  #272727 0%,#111111 100%);
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#111111',GradientType=0 );
+	background: #272727;
+	background: -moz-linear-gradient(top,  #272727 0%, #111111 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#111111));
+	background: -webkit-linear-gradient(top,  #272727 0%,#111111 100%);
+	background: -o-linear-gradient(top,  #272727 0%,#111111 100%);
+	background: -ms-linear-gradient(top,  #272727 0%,#111111 100%);
+	background: linear-gradient(to bottom,  #272727 0%,#111111 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#111111',GradientType=0 );
 
 }
 
@@ -79,6 +78,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', end
 	left:20px;
 	border:1px solid #777;
 	padding:4px;
+	z-index:40
 }
 
 
@@ -107,6 +107,23 @@ a:hover {
 	-moz-transition:color 0s ease-out;
 }
 
+.socialButtons {
+	text-align:right;
+	margin: 0px auto;
+	width:890px;
+}
+
+.buttons a {
+	margin: 1px;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+}
+.buttons a:hover {
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+
+
 #oid_box {
 	width:500px;
 	height:300px;
diff --git a/images/btns/reddit.png b/images/btns/reddit.png
new file mode 100644
index 0000000..b90a0bd
Binary files /dev/null and b/images/btns/reddit.png differ
diff --git a/images/btns/rss.png b/images/btns/rss.png
new file mode 100644
index 0000000..9245669
Binary files /dev/null and b/images/btns/rss.png differ
diff --git a/includes/header.php b/includes/header.php
index 6e29cbe..2a6e940 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -8,7 +8,7 @@ function htmlHeader($css = array(), $title = 'Pathery', $desc = '', $scripts = a
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 	<title><? echo $title; ?></title>
 
-	<link href="css/page.css" rel="stylesheet" type="text/css" />
+	<link href="css/page.css?v=011013" rel="stylesheet" type="text/css" />
 	<link href="css/maps.css?v=121212" rel="stylesheet" type="text/css" />
 <?php
 	foreach ($css as $c) {
@@ -62,7 +62,16 @@ function htmlFooter() {
 	
 	global $footerLinks;
 
-	echo "<div class='divide'> </div>";
+	echo "<div class='divide'>	
+	
+	<div class='socialButtons buttons'>
+		<a href='http://www.facebook.com/Pathery' target='top' title='Facebook'><img alt='Facebook' src='images/btns/facebook.png' /></a>
+		<a href='http://www.reddit.com/r/Pathery' target='top' title='Reddit'><img alt='Reddit' src='images/btns/reddit.png' /></a>
+		<a href='https://twitter.com/Pathery' target='top' title='Twitter'><img alt='Twitter' src='images/btns/twitter.png' /></a>
+		<a href='https://plus.google.com/105148482605711831543' target='top' title='Google Plus'><img alt='Google Plus' src='images/btns/googleplus.png' /></a>
+	</div>
+	
+ </div>";
 	echo "		<div class='footerArea' style='width:100%;clear: both'><ul id='triple'>";
 	foreach ($footerLinks as $key => $value) {
 		echo "<li><a href='$key'>$value</a></li>";
-- 
cgit v1.2.3