
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>

<!-- meta -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CODEFIDELITY: Under Construction</title>
<meta name="description" content="">
<meta name="keywords" content="">

<!-- external assets & css -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link href="css/codefidelity.css" rel="stylesheet" type="text/css" media="all">
<!--[if lt IE 8]><link href="css/ie7.css" rel="stylesheet" type="text/css" media="all"><![endif]-->
<!--[if lt IE 7]><link href="css/ie6.css" rel="stylesheet" type="text/css" media="all"><![endif]-->

<!-- script -->
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/sifr.js"></script>
<script type="text/javascript" src="lib/sifr-config.js"></script>
<script type="text/javascript" src="lib/countdown.js"></script>
<script type="text/javascript" src="lib/autopopulate.js"></script>
<!--[if lt IE 7]>
<script type="text/javascript" src="lib/unitpngfix.js"></script>
<![endif]-->  
<script type="text/javascript" src="lib/twitter.js"></script>
<script type="text/javascript" src="lib/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="lib/progress.js"></script>

<!-- form validation -->
<script type="text/javascript">

$(document).ready(function(){
	
	$("#submit").click(function(){
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		var email = $("#email").val();
		if(email == '') {
			$("#email").after('<span class="error">Please enter a valid email address<\/span>');
			hasError = true;
		} else if(!emailReg.test(email)) {
			$("#email").after('<span class="error">Please enter a valid email address<\/span>');
			hasError = true;
		}
		
		if(hasError == false) {
			$(this).hide();
			$("#submit").replaceWith('<p><img src="images/indicator.gif" alt="loading" id="loading"><\/p>');
			
			// If needed, you can replace sendmail.php with your own script which you want to submit the form details to
			$.post("smtp.php",
   				{ emailFrom: email },
   					function(data){
						$("#loading").fadeOut("normal", function() {				   
							
							$("#loading").replaceWith("<p>Thank you. Your name has been added to our mailing list. We'll be in touch soon.<\/p>");											
						});
   					}
				 );
		}


		return false;
	});
});
</script>

<script type="text/javascript" src="lib/launch.js"></script>

</head>


<body>

	<!-- INTRODUCATION AND UPDATE FORM -->
	<div id="masthead">
		<div id="mastheadinner">
	  	<div id="intro">	
				<h1><span class="emphasis">Yeah, we like to code</span>.&nbsp;&nbsp;Even our maintenance page is ridiculous.  Development updates provided below.</h1>
	        
				<form class="form" id="newsletter" method="post" action="">
					<p>
						<label for="email">enter your email address to receive updates</label>
						<input type="text" id="email" name="email" class="populate email" value="" title="enter your email address to receive updates">
						<input id="submit" class="submit" type="submit" value="submit">
					<p>
				</form>
			</div>
		</div>
	</div>

	<div id="topborder"></div>

	<div id="container">
 		
		<!-- DYNAMIC TWITTER UPDATES -->
		<div id="tweetbar">
				
		</div>
  
	  <!-- PROGRESS BAR AND COUNTDOWN -->
		<div id="progress">
			<div id="countdown"></div>
			<div id="barcontainer">
				<div id="progressbar"></div>
			</div>
		</div>
  
	  <!-- DEVELOPMENT UPDATES -->
		<div id="updates">
			<br /><strong>Please excuse the mess, we're under construction</strong>.  If you're looking for the <strong>blog</strong> click <a href="http://blog.codefidelity.com" title="Blog">here</a> to be transferred now.<br /><br />
<b>01/21/10</b><div>Template design and artwork completed.  Currently working on basic CSS 960 framework.</div>
<b>01/10/10</b><div>CMS installed and configured, currently working on frontend template design.</div>
<b>01/01/10</b><div>Happy New Year!  As a resolution we've decide to get our ass in gear and get the portfolio online.</div>
<div></div>
		</div>
  	
		<div class="clear"></div> 

	</div>

	<!-- FOLLOW US ON TWITTER -->
	<div id="bottomborder">
	   <div id="bird"><a href="http://www.twitter.com/codefidelity" title="Visit us on Twitter"><img src="images/bird.png" alt="CODEFIDELITY - click to follow us on twitter"></a></div>
	</div>

	<!-- SOCIAL MEDIA ICONS -->
	<div id="social">
		
<a href="http://feeds.feedburner.com/codefidelity" target="_new" title="RSS Feed"><img src="images/feed.png" width="16" height="16" alt="RSS Feed"></a><a href="http://www.twitter.com/codefidelity" target="_new" title="Twitter"><img src="images/twitter.png" width="16" height="16" alt="Twitter"></a><a href="http://digg.com/users/codefidelity" target="_new" title="Digg"><img src="images/digg.png" width="16" height="16" alt="Digg"></a>	</div>

	<div>

	</div>

	<!-- PULL TWITTER UPDATES VIA API. -->
	<script type="text/javascript" charset="utf-8">
	getTwitters('tweetbar', { 
	  id: 'codefidelity', 
	  count: 4, 
	  enableLinks: true, 
	  ignoreReplies: true, 
	  clearContents: false,
	  template: '<div class="tweet"><p class="posted">%time%<\/p><p><a href="http://twitter.com/%user_screen_name%">%text%<\/a><\/p><\/div>'
	});
	</script>
	
</body>
</html>
