Footer, sign-in adjustments to prevent web-crawler cache.

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>';

-

-

-

-

-

-

-