update logo-lockup and add css dots

This commit is contained in:
captainill 2015-03-15 19:16:00 -07:00
parent 0496a0837a
commit e2b8ec7418
5 changed files with 76 additions and 5 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

View file

@ -12,7 +12,7 @@
&.lrg{
font-size: 18px;
padding: 10px 60px;
padding: 10px 50px;
}
&.sml{

View file

@ -14,12 +14,70 @@
} */
#logo-lockup{
position: relative;
display: inline-block;
width: 186px;
height: 34px;
width: 228px;
height: 43px;
margin-top: 120px;
background: image-url('../images/logo-lockup.png') 0 0 no-repeat;
@include img-retina("../images/logo-lockup.png", "../images/logo-lockup@2x.png", 186px, 34px);
@include img-retina("../images/logo-lockup.png", "../images/logo-lockup@2x.png", 228px, 43px);
.keys{
position: absolute;
left: 15px;
top: 8px;
width: 12px;
span{
width: 3px;
height: 3px;
border-radius: 2px;
float: left;
margin-left: 1px;
margin-bottom: 1px;
background-color: $blue;
&:nth-child(1){
opacity: 1;
}
&:nth-child(2){
opacity: .4;
}
&:nth-child(3){
opacity: .8;
}
&:nth-child(4){
opacity: 1;
}
&:nth-child(5){
opacity: .9;
}
&:nth-child(6){
opacity: .4;
}
&:nth-child(7){
opacity: .65;
}
&:nth-child(8){
opacity: .7;
}
&:nth-child(9){
opacity: 1;
}
&:nth-child(10){
opacity: 1;
margin-left: 5px;
}
}
}
}
#tag-line{

View file

@ -4,7 +4,20 @@
<div class="container">
<div class="row">
<div class="col-md-offset-3 col-md-6">
<div id="logo-lockup"></div>
<div id="logo-lockup">
<div class="keys">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<h2 id="tag-line">A tool for storing and retrieving secrets.</h2>
<div>
<a class="v-btn blue lrg" href="/intro">Get Started</a>