status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

website: add a clear next step to intro after demos

This commit is contained in:
Jack Pearkes 2014-04-17 10:41:55 -04:00
parent 7d359a41b5
commit 66c25cc0bf
4 changed files with 61 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -165,3 +165,18 @@
</div> </div>
</div><!-- /#demos --> </div><!-- /#demos -->
<div id="cta">
<div class="container">
<div class="row">
<div class="intro">
<div class="left col-xs-12 col-sm-offset-2 col-sm-4">
<p>The intro and getting started guide contains
a simple and approachable walkthrough for running Consul locally.</p>
</div>
<div class="col-xs-offset-5 col-xs-12 col-sm-6 col-sm-offset-0 right">
<button class="outline-btn purple"><a href="/intro/index.html">Read the intro &#187;</a></button>
</div>
</div>
</div>
</div>
</div>

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

@ -177,10 +177,51 @@ body.page-home{
} }
} }
#cta {
padding: 160px 0 160px;
.intro {
.left {
text-align: right;
}
.right {
margin-top: 12px;
}
}
p{
font-size: 14px;
letter-spacing: 1px;
line-height: 1.5em;
color: @consul-gray;
font-family: @font-family-museo;
font-weight: @font-weight-museo-sb;
}
.outline-btn {
padding: 8px;
}
a {
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 3px;
color: @purple;
&:hover {
text-decoration: none;
}
}
}
#demos{ #demos{
padding: 30px 0 60px; padding: 30px 0 60px;
background-color: @light-purple; background-color: @light-purple;
background-color: darken(@light-purple, 3%); background: @light-purple url('../images/sidebar-dots.jpg') left 62px no-repeat;
.explantion { .explantion {
margin: 40px 0 40px 0; margin: 40px 0 40px 0;

2
website/source/stylesheets/main.less
View File

@ -25,4 +25,4 @@
// Components w/ JavaScript // Components w/ JavaScript
/*@import "modals.less";*/ /*@import "modals.less";*/
// 62 // 63