From 95dc02727b4124854cbd6a49ee91fdf24da6c0ee Mon Sep 17 00:00:00 2001 From: Justine Arreche Date: Fri, 27 Mar 2015 17:40:33 +0100 Subject: [PATCH] added in some more graphics as well as placers for recent builds --- app/styles/app.scss | 1 + app/styles/app/landing.sass | 68 +++++ app/templates/home.hbs | 243 ++++++++------- .../images/landing-page/customer-numbers.svg | 222 ++++++++++++++ .../landing-page/customers-facebook.svg | 83 +++++ .../images/landing-page/customers-heroku.svg | 80 +++++ .../images/landing-page/customers-mozilla.svg | 138 +++++++++ .../images/landing-page/customers-rails.svg | 40 +++ .../images/landing-page/customers-twitter.svg | 71 +++++ .../images/landing-page/customers-zendesk.svg | 88 ++++++ public/images/landing-page/features-check.svg | 10 + public/images/landing-page/sign-in-mascot.svg | 58 ++++ .../images/landing-page/temp-repo-green.svg | 288 ++++++++++++++++++ public/images/landing-page/temp-repo-red.svg | 237 ++++++++++++++ .../images/landing-page/temp-repo-yellow.svg | 255 ++++++++++++++++ 15 files changed, 1767 insertions(+), 115 deletions(-) create mode 100644 app/styles/app/landing.sass create mode 100644 public/images/landing-page/customer-numbers.svg create mode 100644 public/images/landing-page/customers-facebook.svg create mode 100644 public/images/landing-page/customers-heroku.svg create mode 100644 public/images/landing-page/customers-mozilla.svg create mode 100644 public/images/landing-page/customers-rails.svg create mode 100644 public/images/landing-page/customers-twitter.svg create mode 100644 public/images/landing-page/customers-zendesk.svg create mode 100644 public/images/landing-page/features-check.svg create mode 100644 public/images/landing-page/sign-in-mascot.svg create mode 100644 public/images/landing-page/temp-repo-green.svg create mode 100644 public/images/landing-page/temp-repo-red.svg create mode 100644 public/images/landing-page/temp-repo-yellow.svg diff --git a/app/styles/app.scss b/app/styles/app.scss index 6cdbc7b1..041628c0 100644 --- a/app/styles/app.scss +++ b/app/styles/app.scss @@ -19,6 +19,7 @@ @import "app/left"; @import "app/loading"; @import "app/main/annotations"; +@import "app/landing"; @import "app/main/list"; @import "app/main/log"; @import "app/main/sponsors"; diff --git a/app/styles/app/landing.sass b/app/styles/app/landing.sass new file mode 100644 index 00000000..4d1c6262 --- /dev/null +++ b/app/styles/app/landing.sass @@ -0,0 +1,68 @@ +#landing + font-weight: 300 + + h1 + font-size: 5em + line-height: 1em + font-weight: 300 + color: #8f9294 + + h2 + font-size: 3.3em + line-height: 1.15em + font-weight: 300 + color: #39a85b + + p + font-color: #606162 + font-size: 1.7em + font-weight: 300 + + .hero, .oss-testing, .customers, .recent-builds, .free-for-oss, .private-repos, .features-list, .build-flows, .user-testimonials + margin-bottom: 200px + + .hero + h1 + color: #339999 + + .button + background-color: #39a85b + color: #fff + font-size: 2em + font-weight: 300 + padding: 0.5em + border-radius: 4px + border: 0 + + .sign-in-mascot + padding-right: 10px + + .recent-builds + h2 + color: #db4141 + + .features-list + h3 + font-size: 1.4em + font-weight: 300 + color: #413c3c + + p + font-size: 1.15em + font-weight: 300 + color: #606162 + + ul + list-style-image: url('../images/landing-page/features-check.svg') + + li + font-color: #606162 + font-size: 1.7em + font-weight: 300 + margin-bottom: 0.55em + + .user-testimonials + p + font-size: 1.15em + font-weight: 300 + color: #606162 \ No newline at end of file diff --git a/app/templates/home.hbs b/app/templates/home.hbs index dde082e0..fe89cd8d 100644 --- a/app/templates/home.hbs +++ b/app/templates/home.hbs @@ -1,129 +1,142 @@ - - - - - Travis CI | The Home for Open Source Testing - - - - -
-
-

Test and deploy with confidence

-

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

- Sign Up + +
+
+
+

Test and deploy
with confidence

+

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

+ Sign Up +
+
+

(Computer graphic)

+
-
-

(Computer graphic)

-
-
-
-
-

The home for open source testing

-

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

-

(Number graphic)

-
-
- -
-
-

(Customers)

-
-
-

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

-
-
-

(Recent builds)

-
-
- -
-
-

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.

-
-
-

(Envelope graphic)

-
-
- -
-
-
-

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!

+
+
+

The home for open source testing

+

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

+
-
-

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 pretty awesome companies and projects are a few of our users

+
-
-
-
-

Branch build flow

-

(Branch build flow graphic)

-

Pull Request build flow

-

(Pull Request build flow graphic)

-
-
+
+
+

Every minute there’s a new build triggered

+

Here are just a few projects currently running on Travis CI

+
+
+ + + +
+
-
-
-

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

+
+
+

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.

+
+
-

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

+
+
+

Have a private project you’d like to test?

+

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

+
+
+

(Envelope graphic)

+
+
-

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

-
-
+
+
+
+

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?
    • +
+
+
+ +
+
+

Branch build flow

+

(Branch build flow graphic)

+

Pull Request build flow

+

(Pull Request build flow graphic)

+
+
+ +
+
+

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

+
+
+
diff --git a/public/images/landing-page/customer-numbers.svg b/public/images/landing-page/customer-numbers.svg new file mode 100644 index 00000000..648bc04d --- /dev/null +++ b/public/images/landing-page/customer-numbers.svg @@ -0,0 +1,222 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/landing-page/customers-facebook.svg b/public/images/landing-page/customers-facebook.svg new file mode 100644 index 00000000..45fbdc90 --- /dev/null +++ b/public/images/landing-page/customers-facebook.svg @@ -0,0 +1,83 @@ + + + + + + + + + + + + + + + + + diff --git a/public/images/landing-page/customers-heroku.svg b/public/images/landing-page/customers-heroku.svg new file mode 100644 index 00000000..0c7e4e60 --- /dev/null +++ b/public/images/landing-page/customers-heroku.svg @@ -0,0 +1,80 @@ + + + + + + + + + + + + + + + + + diff --git a/public/images/landing-page/customers-mozilla.svg b/public/images/landing-page/customers-mozilla.svg new file mode 100644 index 00000000..adbc23dd --- /dev/null +++ b/public/images/landing-page/customers-mozilla.svg @@ -0,0 +1,138 @@ + + + + + + + + + + + + + + + + + diff --git a/public/images/landing-page/customers-rails.svg b/public/images/landing-page/customers-rails.svg new file mode 100644 index 00000000..794714bd --- /dev/null +++ b/public/images/landing-page/customers-rails.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/landing-page/customers-twitter.svg b/public/images/landing-page/customers-twitter.svg new file mode 100644 index 00000000..3aee1c30 --- /dev/null +++ b/public/images/landing-page/customers-twitter.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + + diff --git a/public/images/landing-page/customers-zendesk.svg b/public/images/landing-page/customers-zendesk.svg new file mode 100644 index 00000000..31b290e6 --- /dev/null +++ b/public/images/landing-page/customers-zendesk.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/landing-page/features-check.svg b/public/images/landing-page/features-check.svg new file mode 100644 index 00000000..9f424434 --- /dev/null +++ b/public/images/landing-page/features-check.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/public/images/landing-page/sign-in-mascot.svg b/public/images/landing-page/sign-in-mascot.svg new file mode 100644 index 00000000..127d9f80 --- /dev/null +++ b/public/images/landing-page/sign-in-mascot.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + diff --git a/public/images/landing-page/temp-repo-green.svg b/public/images/landing-page/temp-repo-green.svg new file mode 100644 index 00000000..6d9db61d --- /dev/null +++ b/public/images/landing-page/temp-repo-green.svg @@ -0,0 +1,288 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/landing-page/temp-repo-red.svg b/public/images/landing-page/temp-repo-red.svg new file mode 100644 index 00000000..56a54648 --- /dev/null +++ b/public/images/landing-page/temp-repo-red.svg @@ -0,0 +1,237 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/landing-page/temp-repo-yellow.svg b/public/images/landing-page/temp-repo-yellow.svg new file mode 100644 index 00000000..4eb69547 --- /dev/null +++ b/public/images/landing-page/temp-repo-yellow.svg @@ -0,0 +1,255 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +