ResiLien
/
terraform
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update hero

This commit is contained in:
JT 2014-07-22 16:44:41 -07:00
parent 6050dcdfeb
commit 03c6f7c9ff
4 changed files with 32 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
website/source/images/hero-bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 2.7 MiB

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

@ -53,7 +53,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-6"> <div class="col-lg-6 col-md-6">
<h2 class="feature-t">Clone comple environments easily</h2> <h2 class="feature-t">Clone complete environments easily</h2>
</div> </div>
<div class="col-lg-6 col-md-6"> <div class="col-lg-6 col-md-6">
<div class="clone-icon f-icon"> <div class="clone-icon f-icon">

18
website/source/stylesheets/_home.less
View File

@ -8,7 +8,7 @@
.feature{ .feature{
padding: 240px 0; padding: 240px 0;
.lato-light(); .lato-light();
.anti-alias(); //.anti-alias();
h2{ h2{
text-align: right; text-align: right;
@ -39,6 +39,7 @@
} }
#feature-auto{ #feature-auto{
padding: 240px 0 300px;
margin-top: -36px; margin-top: -36px;
background: #fff url(../images/white-wireframe.png) center top no-repeat; background: #fff url(../images/white-wireframe.png) center top no-repeat;
background-size: cover; background-size: cover;
@ -78,7 +79,7 @@
#feature-clone{ #feature-clone{
margin-top: -80px; margin-top: -80px;
padding: 240px 0; padding: 240px 0 300px;
color: white; color: white;
background-color: @purple; background-color: @purple;
.skewY(2deg); .skewY(2deg);
@ -191,15 +192,20 @@
#demos{ #demos{
padding: 30px 0 60px; padding: 30px 0 60px;
background-color: @light-purple; background-color: #000;
background: @light-purple url('../images/sidebar-dots.jpg') left 62px no-repeat; margin-top: -80px;
.skewY(-2deg);
>.container{
.skewY(2deg);
}
.explantion { .explantion {
margin: 40px 0 40px 0; margin: 40px 0 40px 0;
h2 { h2 {
font-size: 22px; font-size: 22px;
color: lighten(@gray-light, 15%); color: white;
text-transform: uppercase; text-transform: uppercase;
font-family: @font-family-lato; font-family: @font-family-lato;
font-weight: @font-weight-lato-xb; font-weight: @font-weight-lato-xb;
@ -209,7 +215,7 @@
font-size: 16px; font-size: 16px;
letter-spacing: 1px; letter-spacing: 1px;
line-height: 1.5em; line-height: 1.5em;
color: @consul-gray; color: white;
font-family: @font-family-lato; font-family: @font-family-lato;
font-weight: @font-weight-lato-sb; font-weight: @font-weight-lato-sb;
} }

25
website/source/stylesheets/main.css
View File

@ -532,8 +532,6 @@ body.page-sub #header {
padding: 240px 0; padding: 240px 0;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 100; font-weight: 100;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
} }
.feature h2 { .feature h2 {
text-align: right; text-align: right;
@ -561,6 +559,7 @@ body.page-sub #header {
background-repeat: no-repeat; background-repeat: no-repeat;
} }
#feature-auto { #feature-auto {
padding: 240px 0 300px;
margin-top: -36px; margin-top: -36px;
background: #ffffff url(../images/white-wireframe.png) center top no-repeat; background: #ffffff url(../images/white-wireframe.png) center top no-repeat;
background-size: cover; background-size: cover;
@ -610,7 +609,7 @@ body.page-sub #header {
} }
#feature-clone { #feature-clone {
margin-top: -80px; margin-top: -80px;
padding: 240px 0; padding: 240px 0 300px;
color: white; color: white;
background-color: #822ff7; background-color: #822ff7;
-webkit-transform: skewY(2deg); -webkit-transform: skewY(2deg);
@ -711,15 +710,27 @@ body.page-sub #header {
} }
#demos { #demos {
padding: 30px 0 60px; padding: 30px 0 60px;
background-color: #f7f3f9; background-color: #000;
background: #f7f3f9 url('../images/sidebar-dots.jpg') left 62px no-repeat; margin-top: -80px;
-webkit-transform: skewY(-2deg);
-moz-transform: skewY(-2deg);
-ms-transform: skewY(-2deg);
-o-transform: skewY(-2deg);
transform: skewY(-2deg);
}
#demos > .container {
-webkit-transform: skewY(2deg);
-moz-transform: skewY(2deg);
-ms-transform: skewY(2deg);
-o-transform: skewY(2deg);
transform: skewY(2deg);
} }
#demos .explantion { #demos .explantion {
margin: 40px 0 40px 0; margin: 40px 0 40px 0;
} }
#demos .explantion h2 { #demos .explantion h2 {
font-size: 22px; font-size: 22px;
color: #b9b9b9; color: white;
text-transform: uppercase; text-transform: uppercase;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700; font-weight: 700;
@ -728,7 +739,7 @@ body.page-sub #header {
font-size: 16px; font-size: 16px;
letter-spacing: 1px; letter-spacing: 1px;
line-height: 1.5em; line-height: 1.5em;
color: #909090; color: white;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500; font-weight: 500;
} }