diff --git a/app/styles/app/layouts/profile.sass b/app/styles/app/layouts/profile.sass index 1e583792..ba2a170c 100644 --- a/app/styles/app/layouts/profile.sass +++ b/app/styles/app/layouts/profile.sass @@ -3,6 +3,57 @@ font-weight: 400 +.profile-main + + header + h1 + margin: 0 1.7rem 0 0 + color: #808080 + font-size: 35px + font-weight: 400 + line-height: 1.45 + p:not(.sync-last) + font-size: $font-size-sm + color: #adaaab + margin: 2rem 0 1rem 0 + a + color: #adaaab + text-decoration: underline + @media #{$medium-up} + h1, .sync-button, .ember-view + display: inline-block + vertical-align: middle + .sync-button + margin-top: .5em + + +.profile-getstarted + position: relative + margin-bottom: 3rem + background-color: $cream-light + @extend %border-radius-4px + ol + @include resetul + padding-bottom: 1em + figure + margin: 0 + figcaption + width: 90% + margin: auto + padding: 0 0 0 2.8em + img + display: block + margin: 0 auto 1em + + .dismiss + position: absolute + top: .5em + right: .5em + @media #{$medium-up} + li:not(:last-child) + img + padding: 0 3.2em + border-right: solid 2px #f3f2f2 .profile-orgs, diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass index 8564d57b..89843ee7 100644 --- a/app/styles/app/modules/icons.sass +++ b/app/styles/app/modules/icons.sass @@ -140,6 +140,16 @@ .icon--dismiss-red background-image: inline-image('svg/icon-error-dismiss.svg') +.icon--dismiss-grey + background-image: inline-image('svg/dismiss.svg') + +.icon-hook-on + background-image: inline-image('svg/hooks-on.svg') +.icon-hook-off + background-image: inline-image('svg/hooks-off.svg') + +.icon-cog + background-image: inline-image('svg/settings_gray.svg') .icon--plus &:after diff --git a/app/templates/profile/show.hbs b/app/templates/profile/show.hbs index eeedd690..426ea088 100644 --- a/app/templates/profile/show.hbs +++ b/app/templates/profile/show.hbs @@ -1,27 +1,27 @@ -
+

{{view.name}}

{{sync-button user=auth.currentUser}}

We're only showing you public repositories. You can find your private projects on travis-ci.com.

- -
    -
  1. + +
      +
    1. - +
      Flick the repository switch on
      2. -
    2. +
    3. - +
      Add .travis.yml file to your repository
      4. -
    4. +
    5. - +
      Trigger your first build with a git push
      6. diff --git a/public/images/svg/dismiss.svg b/public/images/svg/dismiss.svg new file mode 100644 index 00000000..30b399b9 --- /dev/null +++ b/public/images/svg/dismiss.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/public/images/svg/hooks-off.svg b/public/images/svg/hooks-off.svg new file mode 100644 index 00000000..d2085b0d --- /dev/null +++ b/public/images/svg/hooks-off.svg @@ -0,0 +1,12 @@ + + + + + + diff --git a/public/images/svg/hooks-on.svg b/public/images/svg/hooks-on.svg new file mode 100644 index 00000000..9691e791 --- /dev/null +++ b/public/images/svg/hooks-on.svg @@ -0,0 +1,10 @@ + + + + + + diff --git a/public/images/svg/hooks-step-1-01.svg b/public/images/svg/hooks-step-1-01.svg new file mode 100644 index 00000000..e2e0a8da --- /dev/null +++ b/public/images/svg/hooks-step-1-01.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + + + + + + 1 + + + tra + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/svg/hooks-step-2-01.svg b/public/images/svg/hooks-step-2-01.svg new file mode 100644 index 00000000..1bb67a0f --- /dev/null +++ b/public/images/svg/hooks-step-2-01.svg @@ -0,0 +1,628 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 2 + + + diff --git a/public/images/svg/hooks-step-3-01.svg b/public/images/svg/hooks-step-3-01.svg new file mode 100644 index 00000000..fd4fb5fb --- /dev/null +++ b/public/images/svg/hooks-step-3-01.svg @@ -0,0 +1,123 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 3 + + + diff --git a/public/images/svg/settings_gray.svg b/public/images/svg/settings_gray.svg new file mode 100644 index 00000000..a7e8d5c1 --- /dev/null +++ b/public/images/svg/settings_gray.svg @@ -0,0 +1,24 @@ + + + + + + + +