iSharkFly-Docs
/
packer-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

website: tweaking the homepage

This commit is contained in:
Mitchell Hashimoto 2013-06-20 17:46:51 -07:00
parent 55889aee64
commit bf664fce1b
4 changed files with 220 additions and 217 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
website/source/index.html.erb
View File

@ -15,9 +15,9 @@
<section class="belt download"> <section class="belt download">
<div class="container"> <div class="container">
<div class="row"> <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" /> <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"> <small class="uppercase mono">
<a href="#"> <a href="#">
Release Notes Release Notes
@ -48,7 +48,7 @@
</section> </section>
<section class="vendors text-center"> <section class="vendors text-center">
<div class="container white-background padded-lg"> <div class="container padded-lg">
<div class="row"> <div class="row">
<div class="span8 offset2"> <div class="span8 offset2">
<h1 class="text-green">Works great with</h1> <h1 class="text-green">Works great with</h1>

1
website/source/layouts/layout.erb
View File

@ -3,7 +3,6 @@
<head> <head>
<title>Packer</title> <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="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 --> <!-- rewrite URLs for @2x retina images -->
<script> <script>

44
website/source/stylesheets/components.scss
View File

@ -1,12 +1,12 @@
.hero { .hero {
height: $hero-height; height: $hero-height;
background: url(/images/hero_image.jpg) no-repeat center center; background: #000000 url(/images/hero_image.jpg) no-repeat 75% -25px;
background-size: cover; background-size: 1008px 490px;
@include respond-to(mobile) { @include respond-to(mobile) {
margin-right: -20px; margin-right: -20px;
margin-left: -20px; margin-left: -20px;
background-size: cover; background-size: cover;
} }
h2 { h2 {
margin-top: $baseline * 5.5; margin-top: $baseline * 5.5;
@ -22,10 +22,10 @@ background-size: cover;
} }
.belt { .belt {
@include respond-to(mobile) { @include respond-to(mobile) {
margin-right: -20px; margin-right: -20px;
margin-left: -20px; margin-left: -20px;
} }
&.download { &.download {
background-color: $white; background-color: $white;
@ -142,11 +142,11 @@ margin-left: -20px;
.docs-wrapper { .docs-wrapper {
clear: right; clear: right;
@include respond-to(mobile) { @include respond-to(mobile) {
margin-right: -20px; margin-right: -20px;
margin-left: -20px; margin-left: -20px;
} }
.docs-body { .docs-body {
float: left; float: left;
@ -215,11 +215,11 @@ margin-left: -20px;
} }
.pagination { .pagination {
$border: 1px solid $gray-mid; $border: 1px solid $gray-mid;
height: $nav-height; height: $nav-height;
border-top: $border; border-top: $border;
font-size: 20px; font-size: 20px;
margin: 0px; margin: 0px;
h4 { h4 {
display: inline-block; display: inline-block;

6
website/source/stylesheets/helpers.scss
View File

@ -22,7 +22,11 @@ $base-font-size: 16px;
$base-line-height: 20px; $base-line-height: 20px;
$button-height: 60px; $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 {padding: ($baseline * 2) 0;}
.padded-sm {padding: ($baseline) 0;} .padded-sm {padding: ($baseline) 0;}