website: tweaking the homepage

67a95d18 · Mitchell Hashimoto · 460d8ba3 · 67a95d18 · 67a95d18 · 67a95d18
Commit 67a95d18 authored Jun 20, 2013 by Mitchell Hashimoto
4 changed files
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -15,9 +15,9 @@
 	<section class="belt download">
 	<div class="container">
 		<div class="row">
-			<div class="span6 offset4">
+			<div class="span6 offset3">
 					<img class="pull-left download-arrow" src="/images/down_arrow.png" alt="down_arrow" />
-				<h2><a href="#">Download v1.0</a></h2>
+					<h2><a href="#">Download v0.1</a></h2>
 					<small class="uppercase mono">
 						<a href="#">
 							Release Notes
@@ -48,7 +48,7 @@
 	</section>

 	<section class="vendors text-center">
-	<div class="container white-background padded-lg">
+	<div class="container padded-lg">
 		<div class="row">
 			<div class="span8 offset2">
 				<h1 class="text-green">Works great with</h1>

--- a/website/source/layouts/layout.erb
+++ b/website/source/layouts/layout.erb
@@ -3,7 +3,6 @@
 	<head>
 		<title>Packer</title>
 		<meta name="description" content="Packer is a free and open source tool for creating golden images for multiple platforms from a single source configuration." />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">

 		<!-- rewrite URLs for @2x retina images -->
 		<script>

--- a/website/source/stylesheets/components.scss
+++ b/website/source/stylesheets/components.scss
 .hero {
-height: $hero-height;
-background: url(/images/hero_image.jpg) no-repeat center center;
-background-size: cover;
-@include respond-to(mobile) {
-margin-right: -20px;
-margin-left: -20px;
-background-size: cover;
-}
+    height: $hero-height;
+    background: #000000 url(/images/hero_image.jpg) no-repeat 75% -25px;
+    background-size: 1008px 490px;
+    @include respond-to(mobile) {
+        margin-right: -20px;
+        margin-left: -20px;
+        background-size: cover;
+    }

    h2 {
        margin-top: $baseline * 5.5;
@@ -22,10 +22,10 @@ background-size: cover;
 }

 .belt {
-@include respond-to(mobile) {
-margin-right: -20px;
-margin-left: -20px;
-}
+    @include respond-to(mobile) {
+        margin-right: -20px;
+        margin-left: -20px;
+    }

    &.download {
        background-color: $white;
@@ -142,11 +142,11 @@ margin-left: -20px;


 .docs-wrapper {
-clear: right;
-@include respond-to(mobile) {
-margin-right: -20px;
-margin-left: -20px;
-}
+    clear: right;
+    @include respond-to(mobile) {
+        margin-right: -20px;
+        margin-left: -20px;
+    }

    .docs-body {
        float: left;
@@ -215,11 +215,11 @@ margin-left: -20px;
 }

 .pagination {
-$border: 1px solid $gray-mid;
-height: $nav-height;
-border-top: $border;
-font-size: 20px;
-margin: 0px;
+    $border: 1px solid $gray-mid;
+    height: $nav-height;
+    border-top: $border;
+    font-size: 20px;
+    margin: 0px;

    h4 {
        display: inline-block;

--- a/website/source/stylesheets/helpers.scss
+++ b/website/source/stylesheets/helpers.scss
@@ -22,7 +22,11 @@ $base-font-size: 16px;
 $base-line-height: 20px;
 $button-height: 60px;

-.padded-lg {padding: ($baseline * 4) 0;}
+.center {
+    margin: 0 auto;
+}
+
+.padded-lg {padding: ($baseline * 2) 0;}
 .padded {padding: ($baseline * 2) 0;}
 .padded-sm {padding: ($baseline) 0;}