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

Merge branch 'website-post-update-revisions-full-bleed' into website-post-update-revisions

This commit is contained in:
Jason Costello 2017-04-05 21:39:15 -07:00
parent bce788ea9e bb4eecc443
commit 756e43617e
3 changed files with 32 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
website/source/assets/stylesheets/_buttons.scss
View File

@ -1,7 +1,7 @@
.button { .button {
background: $button-background; background: $button-background;
border: 1px solid $button-font-color; border: 1px solid $button-font-color;
box-shadow: 3px 4px 0 rgba(0,0,0,0.1); box-shadow: 4px 4px 0 rgba(0,0,0,0.07);
color: $button-font-color; color: $button-font-color;
display: inline-block; display: inline-block;
font-family: $button-font-family; font-family: $button-font-family;

32
website/source/assets/stylesheets/_home.scss
View File

@ -45,12 +45,38 @@ $baseline: 20px;
} }
header { header {
.hero { display: flex;
margin: 140px auto 160px auto; flex-direction: row;
background: url('../images/hero-image.svg') no-repeat;
@media (max-width: 991px) {
align-items: flex-end;
padding-top: 60%;
background-size: 80%;
background-position: top right;
text-align: center; text-align: center;
}
@media (min-width: 992px) {
height: 400px;
text-align: left;
align-items: center;
background-size: 50%;
background-position: right;
}
@media (min-width: 1280px) {
height: 600px;
}
.hero {
h1 {
font-weight: $font-weight-bold;
color: $black;
}
.button { .button {
margin: 5px; margin: 5px 5px 5px 2px;
@media (max-width: 768px) { @media (max-width: 768px) {
display: block; display: block;

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

@ -8,7 +8,7 @@ description: |-
<div class="container hero"> <div class="container hero">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<%= inline_svg "logo-text.svg", height: 120, class: "logo" %> <!-- <%= inline_svg "logo-text.svg", height: 120, class: "logo" %> -->
<h1> <h1>
Build Automated Machine Images Build Automated Machine Images
@ -17,9 +17,7 @@ description: |-
<a class="button primary" href="/intro/index.html">Get Started</a> <a class="button primary" href="/intro/index.html">Get Started</a>
<a class="button" href="/downloads.html">Download <%= latest_version %></a> <a class="button" href="/downloads.html">Download <%= latest_version %></a>
</div> </div>
<div class="col-md-6">
<%= inline_svg "hero-image.svg" %>
</div>
</div> </div>
</div> </div>
</header> </header>