new home page.

move regions page to it's own subdirectory. this shouldn't have
been the home page anyway. use 960 grid system as well

_layouts/base.html

@@ -28,7 +28,7 @@
 			<nav>
 				<ul>
 					<li><a href="/" id="logo">Home</a></li>
-					<li><a href="/regions/faq.html">Regions FAQ</a></li>
+					<li><a href="/regions/">Regions</a></li>
 					<li><a href="/blog/">Blog</a></li>
 					<li><a href="/about.html">About</a></li>
 					<li><a href="/contact.html">Contact</a></li>

css/style.css

@@ -1,5 +1,6 @@
 @import url("/resources/fonts/BrockScript.css");
 @import url("reset.css");
+@import url("960.css");
 header, nav, footer {
 	display:block;
 }
@@ -97,6 +98,33 @@ header nav a:hover {
 a {
 	color:#5C00B8;
 }
+/* Home page*/
+#tagline {
+	font-size: 4em;
+	line-height: 1.0em;
+	margin: .4em 0;
+}
+
+#hireme,#hireme:visited {
+	padding: 10px 30px;
+	position:relative;
+
+	text-decoration: none;
+	color: white;
+	font-size: 1.2em;
+	/* border radius FIXME all browerss */
+	border-radius: 20px;
+	/* gradient */
+  background-color: #006699;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#000033)); 
+  background-image: -webkit-linear-gradient(top, #006699, #000033); 
+  background-image:    -moz-linear-gradient(top, #006699, #000033); 
+  background-image:     -ms-linear-gradient(top, #006699, #000033); 
+  background-image:      -o-linear-gradient(top, #006699, #000033); 
+  background-image:         linear-gradient(top, #006699, #000033);
+            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#006699', EndColorStr='#000033'); 
+
+}
 
 /*screenshot image allows text to flow around it to its right*/
 #screenshot {

index.html

@@ -1,34 +1,15 @@
 ---
 layout: base
-title: Regions for iPhone
+title: Home
 ---
-<div id="regions-icon-wrap">
-<a href="http://itunes.apple.com/us/app/regions/id392441093"><img id="regions-icon" src="/resources/images/regions-icon512.png" alt="Regions Icon"></a>
-<div><a href="http://itunes.com/app/regions"><img src="/resources/images/app-store-badge.png" alt="Available on the App Store"></a></div>
-</div>
-
 
-<h1 id="regions-title"><a href="http://itunes.apple.com/us/app/regions/id392441093">Regions</a></h1>
+<div class="container_12">
+	<img src="resources/images/imac-iphone.png" alt="iMac + iPhone icon" class="grid_6">
+
+	<h1 class="grid_6" id="tagline">I build websites and apps.</h1>
+	<a href="contact.html" id="hireme">Hire Me &rarr;</a></div>
 
-<h2 id="regions-subtitle">Location Based Reminders for iPhone 4</h2>
-<p><a href="http://itunes.apple.com/us/app/regions/id392441093">Regions</a> is a simple iPhone app that reminds you to do things based on where you are. It won't kill your battery either. It does one thing and does it well. Regions provides <em>just enough</em> functionality to get the job done and avoids getting in your way.</p>
-<h3>How Simple is it?</h3>
-<ol id="regions-steps">
-	<li>
-		<a class="screen_shots" href="resources/images/map-screen.png"><img src="resources/images/map-screen.png" alt="Map Screen"></a>
-		<p>Pick a location.</p>
-	</li>
-
-	<li>
-		<a class="screen_shots" href="resources/images/detail-screen.png"><img src="resources/images/detail-screen.png" alt="Map Screen"></a>
-		<p>Type a message for yourself.</p>
-	</li>
-	<li>
-		<div id="empty-step"></div>
-		<p>There is no step 3.</p>
-	</li>
-</ol>
-
-<p>Regions requires iPhone 4.</p>
+</div>
+<p>You may want to <a href="blog">view my blog</a>, see some <a href="#">projects I've worked on</a>, or check out some of my <a href="https://github.com/derrickj">open source code on github</a>.</p>
 
-<script>$("a.screen_shots").fancybox();</script>
+<p>If you have any questions, feel free to <a href="contact.html">contact me</a>.</p>

regions/index.html

@@ -0,0 +1,36 @@
+---
+layout: base
+title: Regions for iPhone
+---
+<div id="regions-icon-wrap">
+<a href="http://itunes.apple.com/us/app/regions/id392441093"><img id="regions-icon" src="/resources/images/regions-icon512.png" alt="Regions Icon"></a>
+<div><a href="http://itunes.com/app/regions"><img src="/resources/images/app-store-badge.png" alt="Available on the App Store"></a></div>
+</div>
+
+
+<h1 id="regions-title"><a href="http://itunes.apple.com/us/app/regions/id392441093">Regions</a></h1>
+
+<h2 id="regions-subtitle">Location Based Reminders for iPhone 4</h2>
+<p><a href="http://itunes.apple.com/us/app/regions/id392441093">Regions</a> is a simple iPhone app that reminds you to do things based on where you are. It won't kill your battery either. It does one thing and does it well. Regions provides <em>just enough</em> functionality to get the job done and avoids getting in your way.</p>
+<h3>How Simple is it?</h3>
+<ol id="regions-steps">
+	<li>
+		<a class="screen_shots" href="/resources/images/map-screen.png"><img src="/resources/images/map-screen.png" alt="Map Screen"></a>
+		<p>Pick a location.</p>
+	</li>
+
+	<li>
+		<a class="screen_shots" href="/resources/images/detail-screen.png"><img src="/resources/images/detail-screen.png" alt="Map Screen"></a>
+		<p>Type a message for yourself.</p>
+	</li>
+	<li>
+		<div id="empty-step"></div>
+		<p>There is no step 3.</p>
+	</li>
+</ol>
+
+<p>Regions requires iPhone 4.</p>
+
+<p><a href="faq.html">FAQ</a></p>
+
+<script>$("a.screen_shots").fancybox();</script>