From c018b6ccd03192a890879067f0badeff7a713fdf Mon Sep 17 00:00:00 2001
From: Patrick Davison <snapwilliam@gmail.com>
Date: Wed, 26 Dec 2012 12:17:17 -0800
Subject: Footer, sign-in adjustments to prevent web-crawler cache.

---
 css/maps.css        | 10 ++++++++-
 css/page.css        | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++--
 includes/header.php | 23 ++++++++++++++-----
 js/globe.js         | 48 ++++++++++++++++++---------------------
 4 files changed, 112 insertions(+), 34 deletions(-)

diff --git a/css/maps.css b/css/maps.css
index 7bad117..48d3ab5 100644
--- a/css/maps.css
+++ b/css/maps.css
@@ -1,3 +1,11 @@
+
+.green {
+	color:#22FF22;
+}
+.red {
+	color:#FF2222;
+}
+
 .grid_dsp_data {
 	padding:1px;
 	font-weight:bold;
@@ -80,7 +88,7 @@
 }
 .grid_td, 
 .grid_td_rocks, .grid_td_gray, .grid_td_path, .grid_td_blanks, .grid_td_walls,
-.grid_td_start, .grid_td_finish, 
+.grid_td_start, .grid_td_startB, .grid_td_finish, 
 .grid_td_cpa, .grid_td_cpb, .grid_td_cpc, 
 .grid_td_cpd, .grid_td_cpe, 
 .grid_td_animate, .grid_td_animate_pre, 
diff --git a/css/page.css b/css/page.css
index fa4f24b..7ff617c 100644
--- a/css/page.css
+++ b/css/page.css
@@ -30,6 +30,66 @@ form {
 	display: inline;
 }
 
+.footerArea {
+	width:100%;
+	text-align:center;
+}
+
+.footerArea hr {
+	height: 12px;
+	border: 0;
+	box-shadow: inset 0 12px 12px -12px rgba(220,220,120,0.5);
+}
+.footerArea ul{
+   margin: 0px auto;
+	width:760px;
+	margin-bottom:20px;
+	overflow:hidden;
+}
+.footerArea li{
+	line-height:1.5em;
+	float:left;
+	display:inline;
+}
+.divide {
+	font-weight:bold;
+	padding: 15px 15px;
+	margin: 12px auto;
+	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 );
+
+}
+
+#countdown {
+	text-align: center; 
+	margin-top: 5px; 
+	position:fixed; 
+	bottom:20px; 
+	left:20px;
+	border:1px solid #777;
+	padding:4px;
+}
+
+
+#double li  { width:50%;} /* 2 col */
+#triple li  { width:33.333%; } /* 3 col */
+#quad li    { width:25%; } /* 4 col */
+#six li     { width:16.666%; } /* 6 col */
+
+
+
+
 a:link, a:visited, a:active {
 	text-decoration: underline;
 	color: #FFFFCC;
@@ -88,7 +148,7 @@ position:absolute;color:#333;left:25px;bottom:20px;
 	text-align: left;
 	left:50%;	
 	top:120px;
-	width:550px;
+	width:530px;
 	margin-left:-275px;
 	display:inline;
 }
@@ -273,8 +333,9 @@ table.score th {
 
 #copy {
 	text-align: center;
-	margin: 40px auto 0;
+	margin: 0px auto 0;
 	width: 400px;
+	font-size: 80%;
 }
 #copy iframe {
 	border: none;
diff --git a/includes/header.php b/includes/header.php
index dca5bfd..6e29cbe 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -22,6 +22,7 @@ function htmlHeader($css = array(), $title = 'Pathery', $desc = '', $scripts = a
 ?>
 	<script src="js/ajax.js" async="async"></script>
 	<script src="js/mapspecs.js?v=121212"></script>
+	<script src="js/globe.js?v=122312"></script>
 
 	<script>
 	(function(c,a){window.mixpanel=a;var b,d,h,e;b=c.createElement("script");b.type="text/javascript";b.async=!0;b.src=("https:"===c.location.protocol?"https:":"http:")+'//cdn.mxpnl.com/libs/mixpanel-2.1.min.js';d=c.getElementsByTagName("script")[0];d.parentNode.insertBefore(b,d);a._i=[];a.init=function(b,c,f){function d(a,b){var c=b.split(".");2==c.length&&(a=a[c[0]],b=c[1]);a[b]=function(){a.push([b].concat(Array.prototype.slice.call(arguments,0)))}}var g=a;"undefined"!==typeof f?
@@ -58,7 +59,18 @@ function hideSignin() {
 
 function htmlFooter() {
     //Preload the path-images and add the google-analytics script
+	
+	global $footerLinks;
+
+	echo "<div class='divide'> </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>";
+	}
+	echo "		</ul></div>";
+	
 	?>
+	
 	<div id="copy" style='width:100%;clear: both'>
 		Copyright &copy; 2011-2012 pathery.com
 	</div>
@@ -124,6 +136,8 @@ function htmlFooter() {
 		});";
 ?>
     })();
+	
+	createSignin();
 	</script>
 
 </body>
@@ -132,12 +146,11 @@ function htmlFooter() {
 }
 
 function topbar($links) {
-	global $accepted, $wallColor, $wallEmblem;
+	global $accepted, $wallColor, $wallEmblem, $request;
 	echo '<div id="topbar">';
 
-	$page = isset($_GET['page']) ? $_GET['page'] : 'home';
 	foreach ($links as $key => $value) {
-		if ($page == $key)
+		if ($request == $key)
 			$selected = " selected";
 		else
 			$selected = "";
@@ -164,7 +177,7 @@ function topbar($links) {
 	} else {
 		?>
 		<a href='javascript:showSignin();'>Sign in</a>
-		<div class="wrapper" id="oid_hidden" >
+<!-- 		<div class="wrapper" id="oid_hidden" >
 			<h2>Sign in</h2>
 			<div id="oid_box">
 				<h2 style="color:#333;">Do you have an account here?</h2>
@@ -173,7 +186,7 @@ function topbar($links) {
 				<a id="oid_learn" href="http://openid.net/get-an-openid/what-is-openid/"  target="_blank" >Learn more about OpenID</a>
 				<a id="oid_cancel" href="javascript:hideSignin();">X</a>
 			</div>
-		</div>
+		</div> -->
 <?
 	}
 	echo "	</div>";
diff --git a/js/globe.js b/js/globe.js
index 2c6f088..9538d9b 100644
--- a/js/globe.js
+++ b/js/globe.js
@@ -1,35 +1,31 @@
 
-// TODO: Remember to preload images
-
-
 function showSignin() {
+	if (document.getElementById('oid_hidden') !== undefined) {
+		document.getElementById('oid_hidden').id = 'oid_wrapper';
+	}
+}
+function hideSignin() {
+	if (document.getElementById('oid_wrapper') !== undefined) {
+		document.getElementById('oid_wrapper').id = 'oid_hidden';
+	}
+}
+
+function createSignin() {
 	var div = document.createElement('div');
-	var pref = '<div class="notification" align="center">';
-	pref += '<div class="notification_close"><a href="javascript:" onclick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);">[Close]</a> </div> ';
-	pref += '<div style="overflow:auto;height:295px;">';
-	var suff = '</div></div>';
-	//var suff = '<button onclick="">'
-	//suff += 'Close</button></div>';
-	div.innerHTML = pref+html+suff;
+	var content = '<div class="wrapper" id="oid_hidden" >';
+	content += '	<h2>Sign in</h2>';
+	content += '	<div id="oid_box">';
+	content += '		<h2 style="color:#333;">Do you have an account here?</h2>';
+	content += '		<a rel="nofollow" href="login?op=google"><img id="oid_btn" src="images/btns/signin_Google.png" alt="Sign in with Google" /></a>';
+	content += '		<a rel="nofollow" href="login?op=yahoo"><img id="oid_btn" src="images/btns/signin_Yahoo.png" alt="Sign in with Yahoo" /></a>';
+	content += '		<a id="oid_learn" href="http://openid.net/get-an-openid/what-is-openid/"  target="_blank" >Learn more about OpenID</a>';
+	content += '		<a id="oid_cancel" href="javascript:hideSignin();">X</a>';
+	content += '	</div>';
+	content += '</div>';
+	div.innerHTML = content;
 	document.body.appendChild(div.firstChild);
 }
 
 
-var signinDiv = '<div class="wrapper" id="oid_wrapper" >' +
-'<h2>Sign in</h2>' +
-'	<div id="oid_box">' +
-'		<h2 style="color:#333;">Do you have an account here?</h2>' +
-'		<a href="#"><img id="oid_btn" src="images/btns/signin_Google.png" alt="Sign in with Google" /></a>' +
-'		<a href="#"><img id="oid_btn" src="images/btns/signin_Yahoo.png" alt="Sign in with Yahoo" /></a>' +
-'		<a href="http://openid.net/get-an-openid/what-is-openid/" style="position:absolute;color:#333;left:10px;bottom:10px;">Learn more about OpenID</a>' +
-'	</div>' +
-'</div>';
-
-
-
-
-
-
-
 
 
-- 
cgit v1.2.3