website: lots of home page work

website/source/layouts/layout.erb

@@ -25,11 +25,17 @@
 		<div class="container-fluid">
 			<div class="row-fluid">
 				<div class="span12">
-					<button class="download pull-right primary hidden-phone">Download</button>
+					<a href="https://github.com/mitchellh/packer">
+						<button class="download pull-right primary">GitHub</button>
+					</a>
+					<a href="#">
+						<button class="download pull-right primary spaced">Download</button>
+					</a>
 					<a href="/" class="packer-logo pull-left">Packer</a>
 					<ul>
-						<li><a href="#">About</a></li>
+						<li><a href="#">Intro</a></li>
 						<li><a href="/docs">Documentation</a></li>
+						<li><a href="#">Community</a></li>
 					</ul>
 				</div>
 			</div>
@@ -45,10 +51,8 @@
 			<div class="row-fluid">
 				<div class="span12">
 					<ul>
-						<li class="packer hidden-phone"><a href="#">Packer</a></li>
-						<li><a href="#">About</a></li>
-						<li><a href="#">Documentation</a></li>
-						<li><a href="#">Contact</a></li>
+						<li class="packer"><a href="/">Packer</a></li>
+						<li>A <a href="http://www.hashicorp.com/">HashiCorp</a> project.</li>
 						<a href="http://www.hashicorp.com">
 							<li class="pull-right hashi-logo">&nbps;</li>
 						</a>

website/source/stylesheets/_styles.scss

@@ -186,6 +186,10 @@ button {
     letter-spacing: 3px;
     @include rounded(5px);
 
+    &.spaced {
+        margin-right: 20px;
+    }
+
     &.primary {
         color: $green;
         border-color: $green;