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

clone/it

This commit is contained in:
JT 2014-07-23 02:36:35 -07:00
parent 7ce6e881bf
commit f08b2fee01
3 changed files with 52 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -21,10 +21,11 @@
<div class="feature" id="feature-auto"> <div class="feature" id="feature-auto">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-6"> <div class="col-lg-7 col-md-7">
<h2 class="feature-t">Automatically build infrastructure from code</h2> <h2 class="feature-t">Automatically build infrastructure from code</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum nibh vitae quam dapibus, nec sodales dolor sodales. Class aptent taciti sociosqu ad litora.</p>
</div> </div>
<div class="col-lg-6 col-md-6"> <div class="col-lg-5 col-md-5">
<h3 class="terminal-text">$ terraform apply</h3> <h3 class="terminal-text">$ terraform apply</h3>
</div> </div>
</div> </div>
@ -44,6 +45,7 @@
</div> </div>
<div class="col-lg-7 col-md-7"> <div class="col-lg-7 col-md-7">
<h2 class="feature-t">Iterate on infrastructure safely</h2> <h2 class="feature-t">Iterate on infrastructure safely</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum nibh vitae quam dapibus, nec sodales dolor sodales. Class aptent taciti sociosqu ad litora.</p>
</div> </div>
</div> </div>
</div> <!-- /container --> </div> <!-- /container -->

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

@ -13,8 +13,9 @@
h2{ h2{
text-align: right; text-align: right;
font-size: 44px; font-size: 44px;
line-height: 54px; line-height: 44px;
letter-spacing: 2px; letter-spacing: 2px;
text-transform: uppercase;
color: @purple; color: @purple;
.lato-light(); .lato-light();
} }
@ -38,7 +39,7 @@
} }
#feature-auto{ #feature-auto{
padding: 240px 0 300px; padding: 200px 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;
@ -48,10 +49,21 @@
.skewY(2deg); .skewY(2deg);
} }
h2{
font-size: 41px
}
p{
text-align: right;
padding-left: 100px;
}
.terminal-text{ .terminal-text{
color: black; background: black;
color: white;
line-height: 88px; line-height: 88px;
text-align: center; text-align: center;
margin: 60px 20px 0;
font-size: 35px; font-size: 35px;
font-family: "Courier New", Monaco, Menlo, Consolas, monospace; font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
} }
@ -59,7 +71,7 @@
#feature-iterate{ #feature-iterate{
margin-top: -80px; margin-top: -80px;
padding: 280px 0; padding: 280px 0 360px;
color: white; color: white;
background: #fff url(../images/feature-iterate-bg.png) center top no-repeat; background: #fff url(../images/feature-iterate-bg.png) center top no-repeat;
border-top: 2px solid white; border-top: 2px solid white;
@ -71,6 +83,16 @@
.skewY(-2deg); .skewY(-2deg);
} }
p{
text-align: right;
padding-left: 120px;
font-weight: 100;
}
.it-icon{
margin-top: 40px;
}
.t-block{ .t-block{
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
width: 80px; width: 80px;

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

@ -597,8 +597,9 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
.feature h2 { .feature h2 {
text-align: right; text-align: right;
font-size: 44px; font-size: 44px;
line-height: 54px; line-height: 44px;
letter-spacing: 2px; letter-spacing: 2px;
text-transform: uppercase;
color: #822ff7; color: #822ff7;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 100; font-weight: 100;
@ -619,7 +620,7 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
background-repeat: no-repeat; background-repeat: no-repeat;
} }
#feature-auto { #feature-auto {
padding: 240px 0 300px; padding: 200px 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;
@ -636,16 +637,25 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
-o-transform: skewY(2deg); -o-transform: skewY(2deg);
transform: skewY(2deg); transform: skewY(2deg);
} }
#feature-auto h2 {
font-size: 41px;
}
#feature-auto p {
text-align: right;
padding-left: 100px;
}
#feature-auto .terminal-text { #feature-auto .terminal-text {
color: black; background: black;
color: white;
line-height: 88px; line-height: 88px;
text-align: center; text-align: center;
margin: 60px 20px 0;
font-size: 35px; font-size: 35px;
font-family: "Courier New", Monaco, Menlo, Consolas, monospace; font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
} }
#feature-iterate { #feature-iterate {
margin-top: -80px; margin-top: -80px;
padding: 280px 0; padding: 280px 0 360px;
color: white; color: white;
background: #ffffff url(../images/feature-iterate-bg.png) center top no-repeat; background: #ffffff url(../images/feature-iterate-bg.png) center top no-repeat;
border-top: 2px solid white; border-top: 2px solid white;
@ -664,6 +674,14 @@ body.page-sub #header .main-links.navbar-nav li + li::before {
-o-transform: skewY(-2deg); -o-transform: skewY(-2deg);
transform: skewY(-2deg); transform: skewY(-2deg);
} }
#feature-iterate p {
text-align: right;
padding-left: 120px;
font-weight: 100;
}
#feature-iterate .it-icon {
margin-top: 40px;
}
#feature-iterate .t-block { #feature-iterate .t-block {
background-color: #ffffff; background-color: #ffffff;
width: 80px; width: 80px;