suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

worked on p styles and sign in button styles

Browse Source
This commit is contained in:
Justine Arreche 2015-03-31 21:37:38 +02:00
parent cdcf013fb6
commit a1e4a449ea
2 changed files with 39 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/styles/app/landing.sass
View File

@ -5,6 +5,17 @@
.top.landing-page .topbar .top.landing-page .topbar
background-color: #fff background-color: #fff
.button--signin
background-color: #ffffff
border: 1px solid #d7dada
color: #a0a8a8
.button--signin:hover
background-color: #73c78d
border: 1px solid #73c78d
color: #fff
.wrapper.centered .topbar .wrapper.centered .topbar
max-width: 1024px max-width: 1024px
@ -41,6 +52,9 @@
h1, h2 h1, h2
margin-top: 0 margin-top: 0
p
line-height: 1.5em
.landing-centered-wrapper .landing-centered-wrapper
max-width: 1024px max-width: 1024px
margin: 0 auto margin: 0 auto
@ -60,7 +74,7 @@
p p
margin: 0 margin: 0
line-height: 1.2em line-height: 1.5em
max-width: 380px max-width: 380px
.button .button

36
app/templates/home.hbs
View File

@ -4,7 +4,7 @@
<div id="landing"> <div id="landing">
<div class="row hero"> <div class="row hero">
<div class="landing-centered-wrapper"> <div class="landing-centered-wrapper">
<div class="medium-6 columns"> <div class="medium-6 columns">
<h1>Test and deploy<br>with confidence</h1> <h1>Test and deploy<br>with confidence</h1>
<p>Easily sync projects with Github and you’ll be testing your in minutes!</p> <p>Easily sync projects with Github and you’ll be testing your in minutes!</p>
<a href="#" class="button"><img src="../images/landing-page/sign-in-mascot.svg" class="sign-in-mascot">Sign Up</a> <a href="#" class="button"><img src="../images/landing-page/sign-in-mascot.svg" class="sign-in-mascot">Sign Up</a>
@ -14,7 +14,7 @@
<img src="../images/landing-page/laptop.png"> <img src="../images/landing-page/laptop.png">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="row oss-testing"> <div class="row oss-testing">
@ -30,12 +30,24 @@
<div class="row customers"> <div class="row customers">
<div class="landing-centered-wrapper"> <div class="landing-centered-wrapper">
<div class="medium-6 columns"> <div class="medium-6 columns">
<img src="../images/landing-page/customers-facebook.svg"> <div class="large-4 columns">
<img src="../images/landing-page/customers-heroku.svg"> <img src="../images/landing-page/customers-facebook.svg">
<img src="../images/landing-page/customers-mozilla.svg"><br> </div>
<img src="../images/landing-page/customers-rails.svg"> <div class="large-4 columns">
<img src="../images/landing-page/customers-twitter.svg"> <img src="../images/landing-page/customers-heroku.svg">
<img src="../images/landing-page/customers-zendesk.svg"> </div>
<div class="large-4 columns">
<img src="../images/landing-page/customers-mozilla.svg">
</div>
<div class="large-4 columns">
<img src="../images/landing-page/customers-rails.svg">
</div>
<div class="large-4 columns">
<img src="../images/landing-page/customers-twitter.svg">
</div>
<div class="large-4 columns">
<img src="../images/landing-page/customers-zendesk.svg">
</div>
</div> </div>
<div class="medium-6 columns"> <div class="medium-6 columns">
<p class="left">Some pretty awesome companies and projects are a few of our users</p> <p class="left">Some pretty awesome companies and projects are a few of our users</p>
@ -46,8 +58,8 @@
<div class="row recent-builds"> <div class="row recent-builds">
<div class="landing-centered-wrapper"> <div class="landing-centered-wrapper">
<div class="medium-6 columns"> <div class="medium-6 columns">
<h2>Every minute there’s a new build triggered</h2> <h2>Every minute there’s<br>a new build triggered</h2>
<p>Here are just a few projects currently running on Travis CI</p> <p>Here are just a few projects<br>currently running on Travis CI</p>
</div> </div>
<div class="medium-6 columns"> <div class="medium-6 columns">
<img src="../images/landing-page/temp-repo-green.svg"> <img src="../images/landing-page/temp-repo-green.svg">
@ -69,8 +81,8 @@
<div class="row private-repos"> <div class="row private-repos">
<div class="landing-centered-wrapper"> <div class="landing-centered-wrapper">
<div class="medium-6 columns"> <div class="medium-6 columns">
<h2>Have a private project you’d like to test?</h2> <h2>Have a private project<br>you’d like to test?</h2>
<p>Travis CI for private repositories has plans for every size project.</p> <p>Travis CI for private repositories has<br>plans for every size project.</p>
</div> </div>
<div class="medium-6 columns"> <div class="medium-6 columns">
<img src="../images/landing-page/envelope.svg"> <img src="../images/landing-page/envelope.svg">