From 36413c9f75980115d5c77df648fe35ce17ed4543 Mon Sep 17 00:00:00 2001 From: Lisa Passing Date: Tue, 21 Apr 2015 18:17:27 +0200 Subject: [PATCH] start styling getting started --- app/styles/app.scss | 3 +- app/styles/app/layouts/getting-started.sass | 42 +++++++ app/templates/getting-started.hbs | 121 ++++++++------------ 3 files changed, 92 insertions(+), 74 deletions(-) create mode 100644 app/styles/app/layouts/getting-started.sass diff --git a/app/styles/app.scss b/app/styles/app.scss index ca71d500..2f850ae6 100644 --- a/app/styles/app.scss +++ b/app/styles/app.scss @@ -12,7 +12,7 @@ @import "app/charm"; // @import "app/flash"; @import "app/forms"; -@import "app/getting_started"; +// @import "app/getting_started"; @import "app/github"; // @import "app/left/list"; @@ -70,3 +70,4 @@ @import "app/landing"; @import "app/layouts/requests"; @import "app/layouts/caches"; +@import "app/layouts/getting-started"; diff --git a/app/styles/app/layouts/getting-started.sass b/app/styles/app/layouts/getting-started.sass new file mode 100644 index 00000000..b5e4613c --- /dev/null +++ b/app/styles/app/layouts/getting-started.sass @@ -0,0 +1,42 @@ + +.getting-started + h1 + color: #808080 + font-size: 35px + margin-bottom: 1em + font-weight: 400 + + h2 + color: #35a764 + font-size: 22px + margin-bottom: 1em + font-weight: 400 + +.getting-started-steps + @include resetul + + h2:before + width: 1.5em + height: 1.5em + margin-right: .5em + font-size: $font-size-m + background-color: #35a764 + color: $white + display: inline-block + border-radius: 50% + text-align: center + vertical-align: top + li:nth-child(1) + h2:before + content: "1" + li:nth-child(2) + h2:before + content: "2" + li:nth-child(3) + h2:before + content: "3" + + +.note + +.note--info \ No newline at end of file diff --git a/app/templates/getting-started.hbs b/app/templates/getting-started.hbs index 5e0127cf..f11cc51e 100644 --- a/app/templates/getting-started.hbs +++ b/app/templates/getting-started.hbs @@ -1,77 +1,52 @@ -
-

Welcome to Travis CI!

+
-

Hey, it looks like you're new around here and have yet to set up your first
repository on Travis CI. We're here to help you get started, it's easy!

+

First time here? Let's get you started!

-
-
- -
+
    +
  1. +
    + +
    +
    +

    Activate GitHub Repositories

    +

    Once you're signed in, and we've initially synchronized your repositories from GitHub, go to your {{#link-to "profile"}}profile{{/link-to}} page for open source or for your private projects.

    +

    You'll see all the organizations you're a member of and all the repositories you have access to. The ones you administrative access to are the ones you can enable the service hook for.

    +

    Flip the switch to on for all repositories you'd like to enable.

    +
    +
    2. +
  2. +
    + +
    +
    +

    Add .travis.yml file to your repository

    +

    In order for Travis CI to build your project, you need to tell the systems a little bit about it. You'll need to add a file named .travis.yml to the root of your repository.

    +

    If .travis.yml is not in the repository, is misspelled or is not valid YAML, Travis CI will ignore it.

    +

    + Note: The language value is case-sensitive. If you set language: C, for example, your project will be considered a Ruby project. +

    +

    Here you can find some of our basic language examples.

    +
    +
    3. +
  3. +
    + +
    +
    +

    Trigger your first build with a git push

    +

    Once GitHub hook is set up, push your commit that adds .travis.yml to your repository. That should ass a build into one of the queues on Travis CI and your build will start as soon as one worker for your language is available.

    +

    To start a build, perform one of the following:

    +
      +
    • Commit and push something to your repository
      • +
    • Go to your repository's settings page, click on "Webhooks & Services" on the left menu, choose "Travis CI" in the "Services", and use the "Test service" button.
      • +
    +

    + Note: You cannot trigger your first build using Test Hook button. It has to be triggered by a push to your repository. +

    +
    +
    4. +
+

That's pretty much it!

+

Want to read more? Head to our docs.

-
- Step 1:   Enabling your projects -

- Start by going to your {{#link-to "profile"}}profile{{/link-to}} and enable one of your projects. We've been - synchronizing all repositories you have administrative access to. Pick one and flip the switch next to it. -

-
-
- -
-
- -
- -
- Step 2:   Adding Travis -

- Once you've enabled one of your projects, add a .travis.yml to your project, push some code, and we'll start processing your builds. Wait a - whee while and reload the page, and your newly setup and built project will show up on the right. -

-
-
- -
-
- -
- -
- Step 3:   Wait for your build to finish -

- We'll be sending you an email once the build has finished. Then, it's up to you to do the happy dance. -

-
-
- -
- Build Configuration -

- We use sensible defaults for most languages, but you can customize - both the build process and the build - environment to fit your project's needs. -

- - Notifications -

- You can also configure how you want to be notified of build results. Email is only one channel you can use. We - support Campfire, HipChat, Flowdock, IRC, and webhooks. To avoid - exposing any private credentials, you can shield them from the public using encrypted - configuration settings. -

- - Questions -

- Should you have any questions or issues, have a look at our - documentation, open an issue or - send us an email. -

-