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 @@ - -
- - -Easily sync projects with Github and you’ll be testing your in minutes!
- Sign Up + +Easily sync projects with Github and you’ll be testing your in minutes!
+(Computer graphic)
+(Computer graphic)
-Over 200k open source projects and 126k users are testing on Travis CI.
-(Number graphic)
-(Customers)
-Here are just a few projects currently running on Travis CI
-(Recent builds)
-Seriously. Always. We like to think of it as our way of giving back to a community that gives us so much as well.
-Travis CI for private repositories has plans for every size project.
-(Envelope graphic)
-Login with GitHub, tell Travis CI to test a project, and then push to GitHub. Could it be any simpler!
-Make sure your code runs against all versions of your favorite language without breaking a sweat.
-Make sure every Pull Request to your project is tested before merging.
-Updating staging or production as soon as your tests pass has never been easier!
+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
+(Branch build flow graphic)
-(Pull Request build flow graphic)
-Here are just a few projects currently running on Travis CI
+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
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
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
Login with GitHub, tell Travis CI to test a project, and then push to GitHub. Could it be any simpler!
+Make sure your code runs against all versions of your favorite language without breaking a sweat.
+Make sure every Pull Request to your project is tested before merging.
+Updating staging or production as soon as your tests pass has never been easier!
+(Branch build flow graphic)
+(Pull Request build flow graphic)
+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