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

add announcement section 

still need to fix a wonky container alignment issue and add background
This commit is contained in:
Jason Costello 2016-10-04 19:12:05 -07:00
parent e241eba249
commit af306087d7
2 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -310,6 +310,23 @@ body.page-home {
} }
} }
#announcement{
position: relative;
padding: 180px 220px;
color: $white;
text-align: center;
>.container {
z-index: 21;
}
}
#announcement-bg{
background-color: $purple;
@include skewY(3deg);
z-index: 20;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#demos{ #demos{

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

@ -210,3 +210,17 @@
</div> </div>
<div class="feature-skew" id="demo-bg"></div> <div class="feature-skew" id="demo-bg"></div>
</div><!-- /#demos --> </div><!-- /#demos -->
<div class="skew-item" id="announcement">
<div class="container">
<div class="row">
<div class="col-sm-12">
<p class="lead"><strong>Latest:</strong> We’ve released Terraform 0.7!</p>
<p>
<a class="outline-btn" href="#">Read more</a>
</p>
</div>
</div>
</div>
<div class="feature-skew" id="announcement-bg"></div>
</div>