diff --git a/app/styles/app/landing.sass b/app/styles/app/landing.sass index 5c173ce4..62c0da5f 100644 --- a/app/styles/app/landing.sass +++ b/app/styles/app/landing.sass @@ -53,7 +53,7 @@ font-weight: 300 .hero, .oss-testing, .customers, .recent-builds, .free-for-oss, .private-repos, .features-list, .build-flows, .user-testimonials - padding: 70px 0 70px 0 + padding: 90px 0 90px 0 h1, h2 margin-top: 0 @@ -65,11 +65,8 @@ max-width: 1024px margin: 0 auto - .medium-6.columns.laptop-wrapper - margin-left: -100px - - #laptop - width: 200% + .laptop-wrapper-mobile + display: none .hero background-color: #f8f7f4 @@ -109,6 +106,9 @@ margin-top: 0.5em margin-bottom: 2em + br.mobile-break + display: none + .customers text-align: center @@ -132,6 +132,9 @@ img margin-bottom: 20px + ul + padding-left: 0 + li background-color: #fff border-radius: 4px @@ -152,6 +155,9 @@ font-weight: 600 font-style: italic + br.mobile-no-break + display: inline-block + .private-repos text-align: center @@ -165,6 +171,12 @@ margin-bottom: 2em text-align: right + .mobile-envelope + display: none + + .desktop-envelope + display: inline-block + .features-list background-color: #f7f7f1 @@ -183,6 +195,12 @@ color: #606162 text-align: center + br.mobile-break + display: none + + .features-checked + padding-left: 30px; + ul list-style-image: url('../images/landing-page/features-check.svg') padding-left: 1.5em @@ -198,6 +216,9 @@ h2 color: #909295 + + h2#pr-bf-margin + margin-top: 90px .branch-bf .bf @@ -224,4 +245,49 @@ p font-size: 1.15em font-weight: 300 - color: #606162 \ No newline at end of file + color: #606162 + + @media (max-width: 900px) + .oss-testing br.mobile-break + display: inline-block + + .landing-centered-wrapper + width: 100% + + @media (max-width: 797px) + .laptop-wrapper-mobile + display: block + + .laptop-wrapper + display: none + + .customers .left + text-align: center + + .recent-builds h2 + text-align: center + + .recent-builds p + text-align: center + + .free-for-oss br.mobile-no-break + display: none + + .private-repos .desktop-envelope + display: none + + .private-repos .mobile-envelope + display: inline-block + + .private-repos h2 + text-align: center + + .private-repos p + text-align: center + + .features-list .features-checked + padding: 0 60px 0 60px + + @media (max-width: 608px) + br.mobile-break + display: inline-break diff --git a/app/templates/home.hbs b/app/templates/home.hbs index 5fd15b97..79eec185 100644 --- a/app/templates/home.hbs +++ b/app/templates/home.hbs @@ -1,215 +1,214 @@ - - - -
-
-
-
-

Test and deploy
with confidence

-

Easily sync projects with Github and you’ll be testing your in minutes!

- Sign Up -
-
-
- -
-
-
-
- -
-
-
-

The home for open source testing

-

Over 200k open source projects and 126k users are testing on Travis CI.

- -
-
-
- -
-
-
- -
-
-

Some pretty awesome companies and projects are a few of our users

-
+
+
+
+
+
+
-
-
-
-

Every minute there’s
a new build triggered

-

Here are just a few projects
currently running on Travis CI

-
-
-
    - {{#each repo in repos}} -
  • - {{repo.owner}}
    - {{repo.name}}
    - #{{repo.lastBuildNumber}}
    - {{landing-page-last-build-time repo.lastBuildFinishedAt}}
    -
    • - {{/each}} -
-
+
+

Test and deploy
with confidence

+

Easily sync projects with Github and you’ll be testing your in minutes!

+ Sign Up +
+
+
+
+
+
+
+ +
+
+
+

The home for
open source testing

+

Over 200k open source projects
and 126k users are testing on Travis CI.

+ +
+
+
+ +
+
+
+ +
+
+

Some pretty awesome companies
and projects are a few of our users

+
+
+
+ +
+
+
+

Every minute there’s
a new build triggered

+

Here are just a few projects
currently running on Travis CI

+
+
+
    + {{#each repo in repos}} +
  • + {{repo.owner}}
    + {{repo.name}}
    + #{{repo.lastBuildNumber}}
    + {{landing-page-last-build-time repo.lastBuildFinishedAt}}
    +
    • + {{/each}} +
+
+
+
+ +
+
+
+

Testing your open source
project is always 10,000% free

+

Seriously. Always. We like to think of it as our way of giving
back to a community that gives us so much as well.

+
+
+
+ +
+
+
+ +
+ +
+

Have a private project
you’d like to test?

+

Travis CI for private repositories has
plans for every size project.

+
+
+ +
+
+
+ +
+
+
+
+

Get set up in seconds

+

Login with GitHub, tell Travis CI to test a project, and then push to GitHub. Could it be any simpler!

+
+
+

Multi-language support

+

Make sure your code runs against all versions of your favorite language without breaking a sweat.

+
+
+

Test your pull requests

+

Make sure every Pull Request to your project is tested before merging.

+
+
+

Deploy to s3 and Heroku

+

Updating staging or production as soon as your tests pass has never been easier!

+
- -
-
-
-

Testing your open source project is always 10,000% free

-

Seriously. Always. We like to think of it as our way of giving back to a community that gives us so much as well.

-
-
+
+

Features created to
help your projects and teams

+
    +
  • Watch your tests as they run
    • +
  • Keep your config with your code
    • +
  • Slack, HipChat, Emails and more
    • +
  • A clean VM for every build
    • +
  • Run your tests in parallel
    • +
  • Linux and Mac (and iOS) supported
    • +
  • Great API and command line tool
    • +
  • Did we say Free for Open Source already?
    • +
+
+
-
-
-
-

Have a private project
you’d like to test?

-

Travis CI for private repositories has
plans for every size project.

-
-
- -
-
-
+
+
+
+

Branch build flow

+
+
+ +

You push your
code to Github

+
+
+
+
+ +

Github triggers
Travis CI to build

+
+
+
+
+ +

Hooray!
Your build passes!

+
+
+
+
+ +

Travis CI deploys
to Heroku

+
+
+
+
+ +

Travis CI tells the
team all is good

+
+
+

Pull Request build flow

+
+
+ +

A pull request
is created

+
+
+
+
+ +

Github tells Travis CI the build is mergeable

+
+
+
+
+ +

Hooray!
Your build passes!

+
+
+
+
+ +

Travis CI updates the PR that it passed

+
+
+
+
+ +

You merge in
the PR goodness

+
+
+
+
+
-
-
-
-
-

Get set up in seconds

-

Login with GitHub, tell Travis CI to test a project, and then push to GitHub. Could it be any simpler!

-
-
-

Multi-language support

-

Make sure your code runs against all versions of your favorite language without breaking a sweat.

-
-
-

Test your pull requests

-

Make sure every Pull Request to your project is tested before merging.

-
-
-

Deploy to s3 and Heroku

-

Updating staging or production as soon as your tests pass has never been easier!

-
-
-
-

Features created to help your projects and teams

-
    -
  • Watch your tests as they run
    • -
  • Keep your config with your code
    • -
  • Slack, HipChat, Emails and more
    • -
  • A clean VM for every build
    • -
  • Run your tests in parallel
    • -
  • Linux and Mac (and iOS) supported
    • -
  • Great API and command line tool
    • -
  • Did we say Free for Open Source already?
    • -
-
-
-
+
+
+
+

Some people have said some pretty nice things about us

+
+
+

Travis CI makes it so much easier for us to coordinate the thousands of commits and contributors that flow through the Rails code base. The test suite for such a large project is vast, and we wouldn’t be catching issues as quickly or smoothly without the help of Travis.
+ David Heinemeier Hansson Founder & CTO at Basecamp
@dhh

-
-
-
-

Branch build flow

-
-
- -

You push your
code to Github

-
-
-
-
- -

Github triggers
Travis CI to build

-
-
-
-
- -

Hooray!
Your build passes!

-
-
-
-
- -

Travis CI deploys
to Heroku

-
-
-
-
- -

Travis CI tells the
team all is good

-
-
-

Pull Request build flow

-
-
- -

A pull request
is created

-
-
-
-
- -

Github tells Travis CI the build is mergeable

-
-
-
-
- -

Hooray!
Your build passes!

-
-
-
-
- -

Travis CI updates the PR that it passed

-
-
-
-
- -

You merge in
the PR goodness

-
-
-
-
-
+

We love Travis CI at @TwitterOSS and use it for the majority of our open source projects on GitHub. Travis CI is simple to use, we love their API to build tooling and adore the new container infrastructure for speedier builds.
+ Chris Aniszczyk Head of Open Source at Twitter
+ @cra

-
-
-
-

Some people have said some pretty nice things about us

-
-
-

Travis CI makes it so much easier for us to coordinate the thousands of commits and contributors that flow through the Rails code base. The test suite for such a large project is vast, and we wouldn’t be catching issues as quickly or smoothly without the help of Travis.
- David Heinemeier Hansson Founder & CTO at Basecamp
@dhh

- -

We love Travis CI at @TwitterOSS and use it for the majority of our open source projects on GitHub. Travis CI is simple to use, we love their API to build tooling and adore the new container infrastructure for speedier builds.
- Chris Aniszczyk Head of Open Source at Twitter
- @cra

- -

Not only is Travis CI the best way to test your software, it is the right way. rm -rf jenkins && touch .travis.yml
- Alex Gaynor PyPy and Python Core Team Member
- alex

-
-
-
-
- - - - - - +

Not only is Travis CI the best way to test your software, it is the right way. rm -rf jenkins && touch .travis.yml
+ Alex Gaynor PyPy and Python Core Team Member
+ alex

+
+
+
+
\ No newline at end of file diff --git a/public/images/landing-page/laptop.png b/public/images/landing-page/laptop.png index b563b3bc..06de6473 100644 Binary files a/public/images/landing-page/laptop.png and b/public/images/landing-page/laptop.png differ