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

finally kind of got a fix for the desktop negative positioning but also responsive

Browse Source
This commit is contained in:
Justine Arreche 2015-03-31 19:45:50 +02:00
parent e64efa9a4d
commit c2a6cec282
3 changed files with 184 additions and 156 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,7 +14,6 @@
#landing
margin: 0 auto 170px auto
max-width: 1200px
font-weight: 300
h1
@ -38,6 +37,17 @@
.hero, .oss-testing, .customers, .recent-builds, .free-for-oss, .private-repos, .features-list, .build-flows, .user-testimonials
padding: 70px 0 70px 0
.landing-centered-wrapper
max-width: 1200px
margin: 0 auto
.medium-6.columns.laptop-wrapper
overflow: hidden
margin-right: -150px
#laptop
width: 900px
.hero
background-color: #f4f3f0
h1

2
app/templates/footer.hbs
View File

@ -1,5 +1,5 @@
<div class="row">
<div class="small-6 medium-4 large-4 columns">
<div class="small-6 medium-6 large-6 columns">
<img src="/images/dashboard/footer-logo.svg">
</div>
<div class="small-6 medium-2 large-2 columns">

20
app/templates/home.hbs
View File

@ -3,25 +3,32 @@
<div id="landing">
<div class="row hero">
<div class="landing-centered-wrapper">
<div class="medium-6 columns">
<h1>Test and deploy<br>with confidence</h1>
<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>
</div>
<div class="medium-6 columns">
<div class="medium-6 columns laptop-wrapper">
<div id="laptop">
<img src="../images/landing-page/laptop.png">
</div>
</div>
</div>
</div>
<div class="row oss-testing">
<div class="landing-centered-wrapper">
<div class="large-12 columns">
<h2>The home for open source testing</h2>
<p>Over 200k open source projects and 126k users are testing on Travis CI.</p>
<img src="../images/landing-page/customer-numbers.svg">
</div>
</div>
</div>
<div class="row customers">
<div class="landing-centered-wrapper">
<div class="medium-6 columns">
<img src="../images/landing-page/customers-facebook.svg">
<img src="../images/landing-page/customers-heroku.svg">
@ -46,15 +53,19 @@
<img src="../images/landing-page/temp-repo-yellow.svg">
</div>
</div>
</div>
<div class="row free-for-oss">
<div class="landing-centered-wrapper">
<div class="large-12 columns">
<h1>Testing your open source project is always 10,000% free</h1>
<p><span class="bold-italic">Seriously. Always.</span> We like to think of it as our way of giving back to a community that gives us so much as well.</p>
</div>
<div class="landing-centered-wrapper">
</div>
<div class="row private-repos">
<div class="landing-centered-wrapper">
<div class="medium-6 columns">
<h2>Have a private project you’d like to test?</h2>
<p>Travis CI for private repositories has plans for every size project.</p>
@ -63,8 +74,10 @@
<img src="../images/landing-page/envelope.svg">
</div>
</div>
</div>
<div class="row features-list">
<div class="landing-centered-wrapper">
<div class="large-6 columns">
<div class="small-6 columns">
<h3>Get set up in seconds</h3>
@ -97,8 +110,10 @@
</ul>
</div>
</div>
</div>
<div class="row build-flows">
<div class="landing-centered-wrapper">
<div class="large-12 columns">
<h2>Branch build flow</h2>
<div class="branch-bf">
@ -164,8 +179,10 @@
</div>
</div>
</div>
</div>
<div class="row user-testimonials">
<div class="landing-centered-wrapper">
<div class="medium-6 columns">
<h2>Some people have said some pretty nice things about us</h2>
</div>
@ -183,6 +200,7 @@
</div>
</div>
</div>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>