Compare commits

...

11 Commits

Author SHA1 Message Date
lislis
9af0c24d2f start rewriting tooltips
remove some whitespace
2016-04-04 14:55:54 +02:00
lislis
0fb840a479 update dashboard row inactive states 2016-04-04 14:55:54 +02:00
lislis
c2c8feb1f9 match layout files
add flash display to dashbaord layout

remove dashboard layout, it is basically the same as the simple layout
2016-04-04 14:55:52 +02:00
lislis
b338483bf1 update org landing
remove merge conflict
2016-04-04 14:55:49 +02:00
lislis
7434806254 add star icon to empty star section
update signin button

redo cta arrow

change some color values to variables
2016-04-04 14:55:47 +02:00
Lisa P
cd323bf912 add permissions mixin to dashboard row
import util, coment out dashboard acceptance

remove dashboard acceptance completely

fix some layout things

update logo colors
2016-04-04 14:55:44 +02:00
Lisa P
e8b27dec6b generate test files 2016-04-04 14:55:43 +02:00
Lisa P
67b15de301 updated hooks error and flash message styles 2016-04-04 14:55:43 +02:00
Lisa P
5a4f6e7c21 indicate if repo is starred or not
use real link to settings, give footer some spacing
2016-04-04 14:55:41 +02:00
Lisa P
9bbf3ae671 only show lock for private repos 2016-04-04 14:55:40 +02:00
Lisa P
70e2fa5e75 add cheatcode styles
try keyboard addon
try some fun stuff

use the logo
make path toggle
2016-04-04 14:55:23 +02:00
41 changed files with 623 additions and 574 deletions

View File

@ -27,21 +27,6 @@ var App = Ember.Application.extend(Ember.Evented, {
return Travis.lookup('controller:flash').loadFlashes([options]);
},
toggleSidebar() {
var element;
$('body').toggleClass('maximized');
element = $('<span></span>');
$('#top .profile').append(element);
Ember.run.later((function() {
return element.remove();
}), 10);
element = $('<span></span>');
$('#repo').append(element);
return Ember.run.later((function() {
return element.remove();
}), 10);
},
ready() {
if (location.hash.slice(0, 2) === '#!') {
location.href = location.href.replace('#!/', '');

View File

@ -5,7 +5,7 @@ import { hasAdminPermission, hasPushPermission } from 'travis/utils/permission';
export default Ember.Component.extend({
tagName: 'li',
classNameBindings: ['repo.default_branch.last_build.state'],
classNameBindings: ['repo.default_branch.last_build.state', 'repo.active:is-active'],
classNames: ['rows', 'rows--dashboard'],
isLoading: false,
isTriggering: false,

View File

@ -28,6 +28,7 @@ export default Ember.Controller.extend({
return item.slug.match(new RegExp(filter));
});
}
this.inactive();
}.property('filter', 'model', 'org'),
updateFilter() {

View File

@ -11,6 +11,8 @@ export default Ember.Controller.extend({
return this.get('user.name') || this.get('user.login');
}.property('user.login', 'user.name'),
isDashboard: false,
defineTowerColor(broadcastArray) {
if (!broadcastArray) {
return '';
@ -68,6 +70,12 @@ export default Ember.Controller.extend({
}.property('broadcasts'),
actions: {
cheatcode() {
$('body').toggleClass('cheatcode');
this.toggleProperty('isDashboard');
},
toggleBurgerMenu() {
this.toggleProperty('is-open');
return false;

View File

@ -2,6 +2,9 @@
.row
max-width: 1024px
.footer
margin-top: 5rem
.main
margin: auto
max-width: 1024px
@ -49,7 +52,6 @@
margin-bottom: -99999px
padding-bottom: 100034px
@media #{$large-up}
#left, .wrapper-main
@ -92,3 +94,24 @@
.non-centered .wrapper-main
width: grid-calc(31, 36)
margin-left: grid-calc(5, 36)
.cheatcode
aside#left
display: none
.wrapper-main
width: auto !important
min-height: 83vh
float: none !important
margin: auto !important
#main,
.topbar
width: 1024px !important
margin: auto !important
padding-bottom: 0 !important
footer.hidden
display: block
margin-top: 5rem

View File

@ -23,12 +23,17 @@
margin-bottom: 4rem
.starred-empty
border: dotted 1px $pebble-grey
border: dotted 1px rgba($cement-grey, 0.2)
border-radius: 2px
text-align: center
padding: 2rem 0
font-size: 20px
font-size: 18px
color: $cement-grey
span
@extend %icon-star
padding-left: 2em
background-size: 24px 24px
background-repeat: no-repeat
.dash-star
&:hover,
@ -42,6 +47,7 @@
fill: $canary-yellow
.dash-header
position: relative
order: 2
flex: 0 0 20%
@ -78,7 +84,7 @@
padding: 0 1em
@media #{$medium-up}
display: flex
flex-flow: row wrap
flex-flow: row nowrap
align-items: center
justify-content: space-between
height: 80px
@ -97,9 +103,9 @@
.dash-last-build
display: flex
order: 4
flex: 0 0 55%
flex-flow: row wrap
justify-content: space-between
flex: 1 0 30%
flex-flow: row nowrap
justify-content: flex-start
@media #{$small-only}
margin-top: 2em
@ -109,3 +115,17 @@
> div
flex: 0 0 33%
.dash-button
order: 5
.activate-repo-button
@extend %button
background-color: $pebble-grey
color: $cement-grey
font-size: 14px
cursor: default
&.is-active:hover
background-color: $turf-green
color: white
cursor: pointer

View File

@ -53,6 +53,10 @@
align-items: center
height: 34px
&:hover
a
margin-left: -2px // related to the width given in color jobs
.section-title
font-size: 16px
color: $cement-grey

View File

@ -185,16 +185,15 @@ p.profile-user-last
+linkStyle
.hooks-error
width: 100%;
padding: 0 $column-gutter/2;
margin-top: 3.3rem;
width: 100%
margin-top: 1.3rem
p
position: relative
padding: $column-gutter/2 $column-gutter*2 $column-gutter/2 $column-gutter/2;
color: #de4248
background-color: #f1b6ad
padding: .7em 1.5em .7em 0.5em
color: $brick-red
background-color: $quartz-red
a
color: #de4248
color: $brick-red
text-decoration: underline
&:after
content: ""
@ -203,14 +202,14 @@ p.profile-user-last
left: 1.5em
width: 1.2em
height: 1.2em
background: #f1b6ad
background: $quartz-red
transform: rotate(45deg)
.close
@extend .icon
@extend %icon-line-cross-red
position: absolute
top: 1em
right: 1em
@extend .icon--dismiss-red
.profile-token-toggle
.icon-eye

View File

@ -1,6 +1,7 @@
=requestFadeOut($status, $color)
@media #{$medium-up}
&.#{$status}:hover
padding-left: 0
.status-icon.api
svg
background-color: $color
@ -19,8 +20,8 @@
margin-bottom: 5px
font-size: 15px
padding-left: 1em
@include colorJobs($turf-green, 'accepted', 6px, rgba($turf-green, .1))
@include colorJobs($brick-red, 'rejected', 6px, rgba($brick-red, .1))
@include colorJobs($turf-green, 'accepted', 3px, rgba($turf-green, .1))
@include colorJobs($brick-red, 'rejected', 3px, rgba($brick-red, .1))
@include requestFadeOut('accepted',#ECF6EF)
@include requestFadeOut('rejected', #FBECEB)
@ -36,9 +37,9 @@
@media #{$medium-up}
display: flex
justify-content: space-between
flex-flow: row wrap
flex-flow: row nowrap
align-items: center
padding: .3em 0
padding: .3em 0 .3em 2px
white-space: nowrap
.row-item:first-of-type

View File

@ -1,9 +1,9 @@
.top .cta
border-bottom: 2px solid #E4E4E4
border-top: 2px solid #E4E4E4
border-bottom: 2px solid rgba($cement-grey, 0.2)
border-top: 2px solid rgba($cement-grey, 0.2)
line-height: 2.7em
font-size: 16px
color: #71AE76
color: $turf-green
text-align: right
padding-right: 1rem
background-color: #fff
@ -13,16 +13,24 @@
position: relative
margin: auto
padding: 0
.arrow
display: block
position: absolute
top: -11px
right: 66px
background-image: inline-image('cta-arrow.svg')
background-repeat: no-repeat
width: 20px
height: 12px
&:after,
&:before
content: ""
display: block
width: 13px
position: absolute
transform: rotate(45deg)
&:after
height: 13px
background: rgba($cement-grey, 0.1)
top: -0.4rem
right: 4rem
&:before
height: 15px
background: white
top: -0.3rem
right: 57px
z-index: 1
@media #{$medium-up}
display: block
@ -32,10 +40,10 @@
display: none !important
.landing-pro .top
border-bottom: 1px solid #f1f1f1
border-bottom: 1px solid $pebble-grey
.top
background-color: #f1f1f1
background-color: $pebble-grey
.topbar
height: $top-height

View File

@ -137,5 +137,3 @@
&:active
background-color: $hover
border-left: $width solid $color
a
margin-left: - $width + 1px

View File

@ -1,26 +1,30 @@
$button-border-color: #d4d4d4
%button
font-family: $font-family-sans-serif
display: inline-block
cursor: pointer
white-space: nowrap
border-radius: 2px
border: none
vertical-align: middle
padding: 0.8rem
line-height: 1
text-decoration: none
.button,
.btn
font-family: $font-family-sans-serif
@extend %button
position: relative
overflow: visible
display: inline-block
padding: 5px 10px
cursor: pointer
outline: none
text-decoration: none
text-align: center
color: white
white-space: nowrap
border-radius: 2px
background-color: $pebble-grey
.button:hover,
.button:focus,
.button:active,
.button.active
border-color: $button-border-color
border-color: $pebble-grey
background-color: $cement-grey
text-decoration: none
color: #fff
@ -31,37 +35,30 @@ $button-border-color: #d4d4d4
border-bottom-color: #2356c4
background-color: #40454f
.button--signin,
.button--signingin
display: inline-block
.button-signin,
.button-signingin
@extend %button
height: 36px
color: #fff
font-size: $font-size-s
line-height: 1
text-decoration: none
border-radius: 4px
border: none
vertical-align: middle
background:
color: $turf-green
font-size: 14px
background-color: $turf-green
.loading-indicator
vertical-align: top
margin-left: .3em
i
background-color: white
width: 6px
height: 6px
.button--signin
padding: 0.6em 2em 0.55em 0.6em
cursor: pointer
.button-signin
@extend %icon-github-white
padding-right: 2.2em
background:
image: inline-image('ui/github-signin.svg')
size: 16px
position: 95%
repeat: no-repeat
position: 95.5% 45%
&:hover
background-color: #73c78d
text-decoration: none
.button--signingin
padding: 0.6em 0.6em 0.45em
span
display: inline-block
padding: 0 .2em
position: relative
top: -0.15em
background-color: rgba($turf-green, 0.8)
.button--green
border: none
@ -86,8 +83,8 @@ $button-border-color: #d4d4d4
&:hover
background-color: darken(#39a85b, 10)
#auth #navigation .button--signin,
#auth #navigation .button--signingin
#auth #navigation .button-signin,
#auth #navigation .button-signingin
display: none
.button--grey

View File

@ -178,7 +178,7 @@ $dropdown-button-margin: -9px
@media #{$medium-up}
position: absolute
right: 0
top: -7em
bottom: 5em
margin: 0
background-color: white
border: 1px solid $oxide-blue

View File

@ -1,6 +1,5 @@
.flash
@include resetul
font-size: 18px
text-align: center
height: 0
li
@ -12,8 +11,6 @@
height: 0
animation: comeIn 7s 1 ease
z-index: 90
li.broadcast
height: auto
.close
@extend .icon
@ -27,21 +24,18 @@
padding: .4em 0
margin: 0
li.broadcast p
padding: .7em 5em
.success,
.notice
color: $turf-green
background-color: $seed-green
.close
@extend .icon--dismiss-green
@extend .icon-line-cross-green
.error
color: $brick-red
background-color: $quartz-red
.close
@extend .icon--dismiss-red
@extend .icon-line-cross-red
@keyframes comeIn
0%

View File

@ -29,16 +29,6 @@
.icon--search
background-image: inline-image('stroke-icons/icon-search.svg')
.icon--dismiss-yellow
background-image: inline-image('ui/icon-warning-dismiss.svg')
.icon--dismiss-green
background-image: inline-image('ui/icon-success-dismiss.svg')
.icon--dismiss-red
background-image: inline-image('ui/icon-error-dismiss.svg')
.icon--dismiss-grey
background-image: inline-image('ui/dismiss.svg')
%icon-line-trashcan
background-image: inline-image('stroke-icons/icon-trash.svg')
%icon-line-trashcan-red
@ -102,12 +92,14 @@
@extend %icon
background-image: inline-image('stroke-icons/icon-builds.svg')
%icon-line-commit,
%icon-github
background-image: inline-image('stroke-icons/icon-github.svg')
%icon-github-white
background-image: inline-image('stroke-icons/icon-github-white.svg')
.icon-line-commit
@extend %icon
@extend %icon-line-commit
@extend %icon-github
%icon-line-eye
background-image:inline-image('stroke-icons/icon-seemore.svg')
@ -127,7 +119,7 @@
position: 3px 3px
size: auto 10px
display: inline-block
border: solid 1px #E4E6E6
border: solid 1px $pebble-grey
border-radius: 50%
@extend %icon-line-question
&:hover
@ -178,6 +170,12 @@
background-image: inline-image('stroke-icons/icon-failed-white.svg')
%icon-line-cross-teal
background-image: inline-image('stroke-icons/icon-failed-teal.svg')
%icon-line-cross-red
background-image: inline-image('stroke-icons/icon-failed-red.svg')
%icon-line-cross-green
background-image: inline-image('stroke-icons/icon-failed-green.svg')
%icon-line-cross-yellow
background-image: inline-image('stroke-icons/icon-failed-yellow.svg')
.icon-deactivate
@extend .icon
@ -215,10 +213,15 @@
text-indent: 999px
overflow: hidden
%icon-star
background-image: inline-image('stroke-icons/icon-star.svg')
.icon-star
@extend %icon
width: 18px
height: 18px
fill: none
stroke: $cement-grey
%icon-line-passed
background-image: inline-image('stroke-icons/icon-passed.svg')

View File

@ -16,8 +16,9 @@
display: flex
flex-flow: column wrap
margin-bottom: 1rem
@each $key, $value in $stateMap
+rowColor(#{$key}, map-get($value, color))
&.is-active
@each $key, $value in $stateMap
+rowColor(#{$key}, map-get($value, color))
@media #{$medium-up}
position: relative
@ -46,6 +47,7 @@
.row-content
margin: 0
font-size: 16px
white-space: nowrap
a:hover,
a:active
border-bottom: 1px solid $asphalt-grey

View File

@ -82,44 +82,61 @@
&:before
left: 2.5em
.tooltip-jobs
display: inline-block
// trying to rewrite
$tooltip-spacing: 4em
$tooltip-arrow-width: .8em
[data-tooltip]
position: relative
display: inline-block
vertical-align: middle
@extend %tooltip
.tooltip-bubble
top: -3.8em
left: -.5em
height: 3.2em
padding: .3em .4em
&:before
left: 0.6em
.tooltip-trigger
vertical-align: baseline
.tooltip.job-os
.tooltip-bubble
top: -2.2em
height: 1.6em
padding: 0.1em .4em
&:before
left: 0
right: 0
margin: auto
.tooltip--requests
@extend %tooltip
position: absolute
right: 0
bottom: 0
.tooltip-trigger
margin: .2em .5em
.tooltip-bubble
top: -3.6em
right: 0
width: 10em
height: 3em
&:after
content: attr(data-tooltip)
padding: 0.2em 0.3em
color: white
border-radius: 2px
bottom: $tooltip-spacing
white-space: normal
font-size: 12px
&:before
content: ""
width: $tooltip-arrow-width
height: $tooltip-arrow-width
transform: rotate(45deg)
bottom: $tooltip-spacing - $tooltip-arrow-width
&:after,
&:before
display: block
position: absolute
background: $asphalt-grey
left: 0
right: 0
margin: auto
display: none
&:hover,
&:active
&:after,
&:before
right: .8em
display: block
.job-os[data-tooltip]
$tooltip-spacing: 3em
&:after
bottom: $tooltip-spacing
&:before
bottom: $tooltip-spacing - $tooltip-arrow-width
.request-item
[data-tooltip]
$tooltip-spacing: 3em
width: 7em
text-align: center
&:after
bottom: $tooltip-spacing
&:before
bottom: $tooltip-spacing - $tooltip-arrow-width

View File

@ -7,20 +7,6 @@
.top.landing-page .topbar
background-color: #fff
.button--signin
background-color: #ffffff
background-image: inline-image('landing-page/signingithub.svg')
background-size: 16px 16px
border: 2px solid #e4e7e7
color: #a0a8a8
.button--signingin
border: 2px solid #3FA75F
.button--signin:hover
background-color: #73c78d
background-image: inline-image('landing-page/signingithub-hover.svg')
border: 2px solid #73c78d
color: #fff
.landing-centered-wrapper
.button
.sync-spinner
@ -37,9 +23,14 @@
font-size: 5em
line-height: 1em
font-weight: 300
color: #8f9294
color: rgba($asphalt-grey, .8)
margin-bottom: 0
.hero,
.recent-builds,
.features-list
background-color: $pebble-grey
.hero, .oss-testing, .customers, .recent-builds, .free-for-oss, .private-repos, .features-list, .build-flows, .user-testimonials
padding: 70px 0 70px 0
@ -52,11 +43,11 @@
font-size: 3.3em
line-height: 1.15em
font-weight: 300
color: #39a85b
color: $turf-green
p
line-height: 1.5em
font-color: #606162
font-color: $asphalt-grey
font-size: 1.7em
.hero.z-1
@ -78,13 +69,12 @@
margin-bottom: -192px
#laptop img
border: 2px solid #d8dadc
border: 2px solid rgba($cement-grey, 0.2)
border-radius: 2px
.hero
background-color: #f6f6f6
h1
color: #339999
color: $oxide-blue
line-height: 1.2em
margin-bottom: 0
@ -96,17 +86,15 @@
display: none
.button
background-color: #39a85b
background-color: $turf-green
color: #fff
font-size: 2em
font-weight: 300
padding: 0.5em
margin: 1.3em 0 1.3em 0
border-radius: 2px
border: 0
&:hover
background-color: #73c78d
background-color: rgba($turf-green, .8)
.sign-in-mascot
padding-right: 10px
@ -139,19 +127,15 @@
padding: 0 0 0 12%
.recent-builds
background-color: #f6f6f6
min-height: 44rem
.recent-builds-text
text-align: center
h2
color: #db4141
color: $brick-red
text-align: right
margin: 0
a
color: #828282
p
text-align: right
margin-top: 0.5em
@ -196,7 +180,7 @@
text-align: center
h2
color: #339999
color: $oxide-blue
margin: 0
text-align: right
@ -206,7 +190,12 @@
text-align: right
a
text-decoration: underline
text-decoration: none
border-bottom: 1px solid $asphalt-grey
transition: all 200ms ease
&:hover
border-bottom: none
color: $cement-grey
.mobile-envelope
display: none
@ -215,7 +204,6 @@
display: inline-block
.features-list
background-color: #f6f6f6
h2
margin: 0
@ -223,16 +211,11 @@
h3
font-size: 1.4em
font-weight: 300
color: #413c3c
text-align: center
margin-bottom: 35px
padding-top: 40px
p
font-size: 1.15em
font-weight: 300
color: #606162
text-align: center
font-size: 16px
br.mobile-break
display: none
@ -278,7 +261,6 @@
margin-top: 1.6rem;
li
font-color: #606162
font-size: 1.7em
line-height: 1.7em
&:before
@ -293,7 +275,7 @@
text-align: center
h2
color: #909295
color: $cement-grey
h2#pr-bf-margin
margin-top: 90px
@ -304,9 +286,8 @@
width: 120px
p
font-size: 1em
font-size: 13px
line-height: 1.5em
color: #5f6062
.divider-line-horizontal
width: 50px
@ -322,13 +303,11 @@
margin-bottom: 50px
h2
color: #418793
color: $oxide-blue
text-align: right
p
font-size: 1.2em
font-weight: 300
color: #606162
margin: 0
display: inline-block
@ -407,7 +386,7 @@
.build-flows .branch-bf .divider-line-vertical
width: 3px
height: 40px
background: #eaeaec
background: $pebble-grey
display: inline-block
margin-bottom: 10px
@ -472,7 +451,6 @@
padding-left: .5rem
font-size: 18px
.landing,
.landing-pro
background-color: white

View File

@ -148,7 +148,7 @@
{{#if getLast5Builds.isLoading}}
{{loading-indicator center=true}}
{{else}}
{{#each getLast5Builds.content as |buildTile|}}
{{#each getLast5Builds.content as |buildTile|}}
{{build-tile build=buildTile}}
{{/each}}
{{/if}}

View File

@ -1,6 +1,6 @@
<div class="dash-head">
<a href="#" class="dash-star is-starred" title="(un-) star this repo"><span class="icon-star">
<svg version="1.1" id="icon-star" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve" alt="star repository">
<div class="dash-head">
<a href="#" class="dash-star {{if repo.starred 'is-starred'}}" title="{{if repo.starred 'un'}}star this repo"><span class="icon-star">
<svg version="1.1" id="icon-star" x="0px" y="0px" viewBox="0 0 15 15" xml:space="preserve" alt="star repository">
<path id="star" d="M7.159,1.035c0.188-0.38,0.495-0.38,0.683,0l1.596,3.234c0.188,0.38,0.685,0.741,1.105,0.802
l3.569,0.519c0.42,0.061,0.515,0.353,0.211,0.649l-2.583,2.517c-0.304,0.296-0.494,0.88-0.422,1.298l0.61,3.555
c0.072,0.418-0.177,0.599-0.552,0.401l-3.192-1.678c-0.375-0.197-0.99-0.197-1.365,0l-3.192,1.678
@ -8,7 +8,9 @@
C0.374,5.944,0.469,5.652,0.889,5.591l3.569-0.519c0.42-0.061,0.917-0.422,1.105-0.802L7.159,1.035z"/>
</svg>
</span></a>
<span class="icon-lock">private repo</span>
{{#if config.pro}}
<span class="icon-lock">private repo</span>
{{/if}}
</div>
<div class="dash-body">
<div class="dash-main">
@ -21,11 +23,15 @@
<h3 class="label">Default branch</h3>
<p class="row-content color">
{{request-icon event=repo.default_branch.last_build.event_type state=repo.default_branch.last_build.state}}
{{repo.default_branch.name}} is {{repo.default_branch.last_build.state}}
{{repo.default_branch.name}}
{{#if repo.active}}is {{repo.default_branch.last_build.state}}{{/if}}
</p>
</section>
{{#if repo.default_branch.last_build}}
<section class="dash-last-build">
{{#if repo.active}}
<div>
<h3 class="label">Last build</h3>
<p class="row-content color">
@ -35,6 +41,8 @@
{{/link-to}}
</p>
</div>
{{/if}}
<div>
<h3 class="label">Last commit</h3>
<p class="row-content">
@ -59,7 +67,10 @@
</p>
</div>
</section>
{{/if}}
{{#if repo.active}}
{{#if displayMenuTofu}}
<div class="dash-menu">
<div class="dropup {{if dropupIsOpen "is-open"}}">
@ -82,11 +93,22 @@
</div>
</div>
{{/if}}
{{else}}
<div class="dash-button">
{{#if displayActivateLink}}
<button type="button" class="activate-repo-button is-active" {{action 'activateRepo'}}>Activate repository</button>
{{else}}
<p class="activate-repo-button" data-tooltip="You need admin rights to activate a repository">Actiavte repository</p>
{{/if}}
</div>
{{/if}}
</div>
<aside class="dash-aside">
<ul class="lastbuilds">
{{lastbuild-tile repo=repo build=repo.default_branch.last_build}}
</ul>
</aside>
{{#if repo.active}}
<aside class="dash-aside">
<ul class="lastbuilds">
{{lastbuild-tile repo=repo build=repo.default_branch.last_build}}
</ul>
</aside>
{{/if}}
</div>

View File

@ -8,10 +8,9 @@
<span class="label-align" aria-label="Job number">{{job.number}}</span>
</div>
<div class="job-os {{job.config.os}} tooltip">
<div class="job-os {{job.config.os}} tooltip" data-tooltip="{{job.config.os}}">
{{#if job.config.os}}
<span class="icon tooltip-trigger" aria-label="Operating System">{{job.config.os}}</span>
<div class="tooltip-bubble" aria-hidden="true">{{job.config.os}}</div>
<span class="icon" aria-label="{{job.config.os}} operating system">{{job.config.os}}</span>
{{/if}}
</div>

View File

@ -4,10 +4,9 @@
<h2 class="section-title">Build Jobs</h2>
{{else}}
<h2 class="section-title">Allowed Failures
<div class="tooltip-jobs">
<span class="tooltip-jobs" data-tooltip="These are jobs you can allow to fail <br> without failing your entire build">
<span class="icon-question tooltip-trigger"></span>
<p class="tooltip-bubble">These are jobs you can allow to fail <br> without failing your entire build</p>
</div>
</span>
</h2>
{{/if}}

View File

@ -1,4 +1,3 @@
<div class="two-line row-header fade-out">
<div class="row-name row-color">
<h3>{{#link-to "owner" repo.owner}}
@ -14,20 +13,9 @@
<div class="two-line">
<div class="row-number">
<div class="row-item row-color">
<div class="row-item">
{{#link-to "build" repo repo.lastBuildId}}
<span class="icon">
<svg version="1.1" id="Layer_1" x="0px" y="0px"
viewBox="-289 191 20 20" style="enable-background:new -289 191 20 20;" xml:space="preserve">
<path fill="#A5ACAD" class="st0" d="M-272.4,198.4C-272.4,198.4-272.4,198.4-272.4,198.4l-3.4,0l0.3-3.3c0-0.3-0.2-0.6-0.5-0.6
c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.4l-3.2,0l0.3-3.6c0-0.3-0.2-0.6-0.5-0.6c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.7l-3.2,0
c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5c0,0,0,0,0,0l3.1,0l-0.2,2.9l-3.5,0c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5
c0,0,0,0,0,0l3.4,0l-0.3,3.3c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.4l3.2,0l-0.3,3.6
c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.7l3.2,0c0.3,0,0.5-0.2,0.5-0.6c0-0.3-0.2-0.5-0.5-0.5c0,0,0,0,0,0
l-3.1,0l0.2-2.9l3.5,0c0.3,0,0.5-0.2,0.5-0.6C-271.8,198.7-272.1,198.4-272.4,198.4z M-277.2,202.4l-3.2,0l0.2-2.9l3.2,0
L-277.2,202.4z"/>
</svg>
</span>
<span class="icon-hash"></span>
<span class="label-align">
{{repo.lastBuildNumber}} {{repo.lastBuildState}}</span>
{{/link-to}}
@ -36,22 +24,7 @@
<div class="row-calendar">
<div class="row-item" title="{{repo.lastBuildFinishedAt}}">
<span class="icon">
<svg viewBox="0 0 20 20">
<g id="Cal">
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
V10.7z"/>
</g>
</svg>
</span>
<span class="icon-calendar"> </span>
<time class="label-align" datetime="{{repo.lastBuildFinishedAt}}">
{{landing-page-last-build-time repo.lastBuildFinishedAt}}</time>
</div>
@ -61,48 +34,15 @@
<div class="two-line">
<div class="row-commit">
<div class="row-item">
<span class="icon">
<svg x="0px" y="0px" viewBox="2 0 20 20" xml:space="preserve">
<g id="Commit">
<path fill="#A7AEAE" d="M7.8,17.5c-0.3,0-0.5-0.2-0.5-0.5l0-1c-0.4,0-1,0.1-1.4-0.1c-0.4-0.1-1.3-0.5-1.8-1.7
c-0.1-0.2-0.3-0.4-0.4-0.6c-0.1-0.1-0.2-0.3-0.3-0.4C3,12.8,3,12,3.3,11.5c0.3-0.4,0.7-0.5,1.2-0.3c0.7,0.2,1.1,0.9,1.4,1.3
c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
</g>
</svg>
</span>
<span class="icon-github"></span>
<span class="label-align">
{{format-sha repo.lastBuild.commit.sha}}</span>
</div>
</div>
<div class="row-commiter">
<div class="row-item">
<span class="icon">
<svg version="1.1" id="Layer_1" x="0px" y="0px"
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
<g id="Push">
<path fill="#A7AEAE" d="M16.9,9.4h-3.5c-0.3-1.6-1.7-2.8-3.4-2.8S6.9,7.8,6.6,9.4H3.1c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h3.5
c0.3,1.6,1.7,2.8,3.4,2.8s3.1-1.2,3.4-2.8h3.5c0.3,0,0.6-0.3,0.6-0.6S17.2,9.4,16.9,9.4z M10,12.2c-1.2,0-2.2-1-2.2-2.2
c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2c0,0,0,0,0,0c0,0,0,0,0,0C12.2,11.2,11.2,12.2,10,12.2z"/>
</g>
</svg>
</span><span class="label-align">{{repo.lastBuild.commit.branch}}</span>
<div class="row-item color">
{{request-icon event=repo.lastBuild.eventType}}
<span class="label-align">{{repo.lastBuild.commit.branch}}</span>
</div>
</div>
</div>

View File

@ -37,8 +37,7 @@
</div>
{{#if isGHPages}}
<a class="tooltip--requests" href="https://docs.travis-ci.com/user/customizing-the-build/#Whitelisting-or-blacklisting-branches" title="Branch whitelisting - Travis CI Docs">
<span class="icon-question tooltip-trigger" aria-label="Help"></span>
<span class="tooltip-bubble">Read about branch whitelisting</span>
<a class="tooltip" href="https://docs.travis-ci.com/user/customizing-the-build/#Whitelisting-or-blacklisting-branches" title="Branch whitelisting - Travis CI Docs" data-tooltip="Read about branch whitelisting">
<span class="icon-question" aria-label="Help"></span>
</a>
{{/if}}

View File

@ -1,3 +1,3 @@
{{#travis-layout layoutName="layouts/dashboard" class="dashboard"}}
{{#travis-layout layoutName="layouts/simple" class="dashboard"}}
{{outlet}}
{{/travis-layout}}

View File

@ -1,252 +1,252 @@
{{#travis-layout layoutName="layouts/landing-page"}}
<div id="landing" class="landing">
<div class="row hero z-1">
<div class="landing-centered-wrapper">
<div class="large-12 columns" id="hero-copy">
<h1>Test and Deploy with Confidence</h1>
<p>Easily sync your GitHub projects with Travis CI<br class="mobile-break"> and youll be testing your code in minutes!</p>
<div class="row hero z-1">
<div class="landing-centered-wrapper">
<div class="large-12 columns" id="hero-copy">
<h1>Test and Deploy with Confidence</h1>
<p>Easily sync your GitHub projects with Travis CI<br class="mobile-break"> and youll be testing your code in minutes!</p>
{{#if auth.signedOut}}
<button {{action "signIn" target="auth"}} class="button"><img src="../images/landing-page/sign-in-mascot.svg" class="sign-in-mascot">Sign Up</button>
{{/if}}
{{#if auth.signingIn}}
<button class="button"><span class="loading-indicator--white"><i></i><i></i><i></i></span>Signing In</button>
{{/if}}
{{#if auth.signedOut}}
<button {{action "signIn" target="auth"}} class="button"><img src="../images/landing-page/sign-in-mascot.svg" class="sign-in-mascot"><span class="label-align">Sign Up</span></button>
{{/if}}
{{#if auth.signingIn}}
<button class="button"><span class="loading-indicator--white"><i></i><i></i><i></i></span>Signing In</button>
{{/if}}
</div>
<div class="large-12 columns laptop-wrapper">
<div id="laptop">
<img src="../images/landing-page/laptop.png">
</div>
</div>
</div>
</div>
<div class="large-12 columns laptop-wrapper">
<div id="laptop">
<img src="../images/landing-page/laptop.png">
</div>
</div>
</div>
</div>
<div class="row oss-testing">
<div class="landing-centered-wrapper">
<div class="large-12 columns">
<h2>The home of<br class="mobile-break"> open source testing</h2>
<p>Over 200k open source projects<br class="mobile-break"> and 126k users are testing on Travis CI.</p>
<img src="../images/landing-page/customer-numbers.svg">
</div>
</div>
</div>
<div class="row customers">
<div class="landing-centered-wrapper">
<div class="medium-6 columns">
<img src="../images/landing-page/customers-temp-together.svg">
</div>
<div class="medium-6 columns">
<p class="left">Some pretty awesome companies<br> and projects are using us.</p>
</div>
</div>
</div>
<div class="row recent-builds">
<div class="landing-centered-wrapper">
<div class="medium-6 columns recent-builds-text">
<div class="landing-vert-center-m">
<h2>Every minute theres<br>a new build being run</h2>
<p>Here are just a few projects<br>currently running on Travis CI</p>
</div>
</div>
<div class="medium-6 columns">
<ul class="landing-rows">
{{#each repos as |repo|}}
{{landing-row repo=repo}}
{{else}}
{{loading-indicator}}
{{/each}}
</ul>
</div>
</div>
</div>
<div class="row free-for-oss">
<div class="landing-centered-wrapper">
<div class="large-12 columns">
<h1>Testing your open source<br class="mobile-no-break"> project is 10000% free</h1>
<p><span class="bold-italic">Seriously. Always.</span> We like to think of it as our way of giving<br>back to a community that gives us so much as well.</p>
</div>
</div>
</div>
<div class="row private-repos">
<div class="landing-centered-wrapper">
<div class="medium-6 columns mobile-envelope">
<img src="../images/landing-page/envelope.svg">
</div>
<div class="medium-6 columns">
<div class="landing-vert-center-s">
<h2>Have a private project<br>youd like to test?</h2>
<p>Travis CI for private repositories has<br><a href="http://travis-ci.com/plans" target="_blank">plans</a> for every size project.</p>
</div>
</div>
<div class="medium-6 columns desktop-envelope">
<img src="../images/landing-page/envelope.svg">
</div>
</div>
</div>
<div class="row features-list">
<div class="landing-centered-wrapper">
<div class="large-6 columns features-callouts">
<div class="landing-vert-center-s">
<div class="medium-6 columns">
<h3 id="f-co-1">Get set up in seconds</h3>
<p>Login with GitHub, tell Travis CI to test a project, and then push to GitHub. Could it be any simpler!</p>
</div>
<div class="medium-6 columns">
<h3 id="f-co-2">Multi-language support</h3>
<p>Make sure your code runs against all versions of your favorite language without breaking a sweat.</p>
</div>
<div class="medium-6 columns">
<h3 id="f-co-3">Test your pull requests</h3>
<p>Make sure every pull request to your project is tested before merging.</p>
</div>
<div class="medium-6 columns">
<h3 id="f-co-4">Deploy to S3 and Heroku</h3>
<p>Updating staging or production as soon as your tests pass has never been easier!</p>
</div>
</div>
</div>
<div class="large-6 columns features-checked">
<h2>Features created to<br class="mobile-break"> help your projects and teams</h2>
<ul>
<li>Watch your tests as they run</li>
<li>Keep your config with your code</li>
<li>Slack, HipChat, Emails and more</li>
<li>A clean VM for every build</li>
<li>Run your tests in parallel</li>
<li>Linux and Mac (and iOS) supported</li>
<li>Great API and command line tool</li>
<li>Did we say free for Open Source already?</li>
</ul>
</div>
</div>
</div>
<div class="row build-flows">
<div class="landing-centered-wrapper">
<div class="large-12 columns">
<h2>Branch build flow</h2>
<div class="branch-bf">
<div class="bf">
<img src="../images/landing-page/push-icon-1.svg">
<p>You push your<br>code to GitHub</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/push-icon-2.svg">
<p>GitHub triggers<br>Travis CI to build</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/push-icon-3.svg">
<p>Hooray!<br>Your build passes!</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/push-icon-4.svg">
<p>Travis CI deploys<br>to Heroku</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/push-icon-5.svg">
<p>Travis CI tells the<br>team all is well</p>
</div>
</div>
<h2 id="pr-bf-margin">Pull request build flow</h2>
<div class="branch-bf">
<div class="bf">
<img src="../images/landing-page/pull-icon-1.svg">
<p>A pull request<br>is created</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/pull-icon-2.svg">
<p>GitHub tells Travis CI the build is mergeable</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/push-icon-3.svg">
<p>Hooray!<br>Your build passes!</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/pull-icon-4.svg">
<p>Travis CI updates the PR that it passed</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/pull-icon-5.svg">
<p>You merge in<br>the PR goodness</p>
</div>
</div>
</div>
</div>
</div>
<div class="row user-testimonials">
<div class="landing-centered-wrapper">
<div class="medium-6 columns">
<h2>Some people have said some pretty nice things about us</h2>
</div>
<div class="medium-6 columns">
<div class="small-3 columns">
<img src="../images/landing-page/dhh.png" class="home-avatar">
</div>
<div class="small-9 columns">
<p>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 wouldnt be catching issues as quickly or smoothly without the help of Travis.</p>
<p class="author">David Heinemeier Hansson</p> <img src="../images/landing-page/twitter.svg" class="social"><a href="https://twitter.com/dhh" alt="DHH Twitter" target="_blank">dhh</a>
<p class="title">Creator of Ruby on Rails</p>
</div>
<div class="row oss-testing">
<div class="landing-centered-wrapper">
<div class="large-12 columns">
<h2>The home of<br class="mobile-break"> open source testing</h2>
<p>Over 200k open source projects<br class="mobile-break"> and 126k users are testing on Travis CI.</p>
<img src="../images/landing-page/customer-numbers.svg">
</div>
</div>
<div class="small-3 columns">
<img src="../images/landing-page/chris.png" class="home-avatar">
</div>
<div class="small-9 columns">
<p>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.</p>
<p class="author">Chris Aniszczyk</p> <img src="../images/landing-page/twitter.svg" class="social"><a href="https://twitter.com/cra" alt="Chris Twitter" target="_blank">cra</a>
<p class="title">Head of Open Source at Twitter</p>
</div>
<div class="row customers">
<div class="landing-centered-wrapper">
<div class="medium-6 columns">
<img src="../images/landing-page/customers-temp-together.svg">
</div>
<div class="medium-6 columns">
<p class="left">Some pretty awesome companies<br> and projects are using us.</p>
</div>
</div>
<div class="small-3 columns">
<img src="../images/landing-page/alex.png" class="home-avatar">
</div>
<div class="row recent-builds">
<div class="landing-centered-wrapper">
<div class="medium-6 columns recent-builds-text">
<div class="landing-vert-center-m">
<h2>Every minute theres<br>a new build being run</h2>
<p>Here are just a few projects<br>currently running on Travis CI</p>
</div>
</div>
<div class="medium-6 columns">
<ul class="landing-rows">
{{#each repos as |repo|}}
{{landing-row repo=repo}}
{{else}}
{{loading-indicator}}
{{/each}}
</ul>
</div>
</div>
</div>
<div class="row free-for-oss">
<div class="landing-centered-wrapper">
<div class="large-12 columns">
<h1>Testing your open source<br class="mobile-no-break"> project is 10000% free</h1>
<p><span class="bold-italic">Seriously. Always.</span> We like to think of it as our way of giving<br>back to a community that gives us so much as well.</p>
</div>
</div>
</div>
<div class="row private-repos">
<div class="landing-centered-wrapper">
<div class="medium-6 columns mobile-envelope">
<img src="../images/landing-page/envelope.svg">
</div>
<div class="medium-6 columns">
<div class="landing-vert-center-s">
<h2>Have a private project<br>youd like to test?</h2>
<p>Travis CI for private repositories has<br><a href="http://travis-ci.com/plans" target="_blank">plans</a> for every size project.</p>
</div>
</div>
<div class="medium-6 columns desktop-envelope">
<img src="../images/landing-page/envelope.svg">
</div>
</div>
</div>
<div class="row features-list">
<div class="landing-centered-wrapper">
<div class="large-6 columns features-callouts">
<div class="landing-vert-center-s">
<div class="medium-6 columns">
<h3 id="f-co-1">Get set up in seconds</h3>
<p>Login with GitHub, tell Travis CI to test a project, and then push to GitHub. Could it be any simpler!</p>
</div>
<div class="medium-6 columns">
<h3 id="f-co-2">Multi-language support</h3>
<p>Make sure your code runs against all versions of your favorite language without breaking a sweat.</p>
</div>
<div class="medium-6 columns">
<h3 id="f-co-3">Test your pull requests</h3>
<p>Make sure every pull request to your project is tested before merging.</p>
</div>
<div class="medium-6 columns">
<h3 id="f-co-4">Deploy to S3 and Heroku</h3>
<p>Updating staging or production as soon as your tests pass has never been easier!</p>
</div>
</div>
</div>
<div class="large-6 columns features-checked">
<h2>Features created to<br class="mobile-break"> help your projects and teams</h2>
<ul>
<li>Watch your tests as they run</li>
<li>Keep your config with your code</li>
<li>Slack, HipChat, Emails and more</li>
<li>A clean VM for every build</li>
<li>Run your tests in parallel</li>
<li>Linux and Mac (and iOS) supported</li>
<li>Great API and command line tool</li>
<li>Did we say free for Open Source already?</li>
</ul>
</div>
</div>
</div>
<div class="row build-flows">
<div class="landing-centered-wrapper">
<div class="large-12 columns">
<h2>Branch build flow</h2>
<div class="branch-bf">
<div class="bf">
<img src="../images/landing-page/push-icon-1.svg">
<p>You push your<br>code to GitHub</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/push-icon-2.svg">
<p>GitHub triggers<br>Travis CI to build</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/push-icon-3.svg">
<p>Hooray!<br>Your build passes!</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/push-icon-4.svg">
<p>Travis CI deploys<br>to Heroku</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/push-icon-5.svg">
<p>Travis CI tells the<br>team all is well</p>
</div>
</div>
<h2 id="pr-bf-margin">Pull request build flow</h2>
<div class="branch-bf">
<div class="bf">
<img src="../images/landing-page/pull-icon-1.svg">
<p>A pull request<br>is created</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/pull-icon-2.svg">
<p>GitHub tells Travis CI the build is mergeable</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/push-icon-3.svg">
<p>Hooray!<br>Your build passes!</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/pull-icon-4.svg">
<p>Travis CI updates the PR that it passed</p>
</div>
<div class="divider-line-horizontal">
</div>
<div class="divider-line-vertical">
</div>
<div class="bf">
<img src="../images/landing-page/pull-icon-5.svg">
<p>You merge in<br>the PR goodness</p>
</div>
</div>
</div>
</div>
</div>
<div class="row user-testimonials">
<div class="landing-centered-wrapper">
<div class="medium-6 columns">
<h2>Some people have said some pretty nice things about us</h2>
</div>
<div class="medium-6 columns">
<div class="small-3 columns">
<img src="../images/landing-page/dhh.png" class="home-avatar">
</div>
<div class="small-9 columns">
<p>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 wouldnt be catching issues as quickly or smoothly without the help of Travis.</p>
<p class="author">David Heinemeier Hansson</p> <img src="../images/landing-page/twitter.svg" class="social"><a href="https://twitter.com/dhh" alt="DHH Twitter" target="_blank">dhh</a>
<p class="title">Creator of Ruby on Rails</p>
</div>
<div class="small-3 columns">
<img src="../images/landing-page/chris.png" class="home-avatar">
</div>
<div class="small-9 columns">
<p>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.</p>
<p class="author">Chris Aniszczyk</p> <img src="../images/landing-page/twitter.svg" class="social"><a href="https://twitter.com/cra" alt="Chris Twitter" target="_blank">cra</a>
<p class="title">Head of Open Source at Twitter</p>
</div>
<div class="small-3 columns">
<img src="../images/landing-page/alex.png" class="home-avatar">
</div>
<div class="small-9 columns">
<p>Not only is Travis CI the best way to test your software, it is the right way. rm -rf jenkins &amp;&amp; touch .travis.yml</p>
<p class="author">Alex Gaynor</p> <img src="../images/landing-page/github.svg" class="social"><a href="https://github.com/alex" alt="Alex github" target="_blank">alex</a>
<p class="title">PyPy and Python Core Team Member</p>
</div>
</div>
</div>
<div class="small-9 columns">
<p>Not only is Travis CI the best way to test your software, it is the right way. rm -rf jenkins &amp;&amp; touch .travis.yml</p>
<p class="author">Alex Gaynor</p> <img src="../images/landing-page/github.svg" class="social"><a href="https://github.com/alex" alt="Alex github" target="_blank">alex</a>
<p class="title">PyPy and Python Core Team Member</p>
</div>
</div>
</div>
</div>
</div>
{{/travis-layout}}

View File

@ -1,15 +0,0 @@
<div class="wrapper">
<header id="top" class="top">
<div class="centered">
{{render "top"}}
</div>
</header>
<div class="centered">
{{yield}}
</div>
</div>
<footer>
{{render "footer"}}
</footer>

View File

@ -15,6 +15,4 @@
</div>
</div>
<footer>
{{render "footer"}}
</footer>
{{render "footer"}}

View File

@ -13,6 +13,4 @@
</div>
</div>
<footer>
{{render "footer"}}
</footer>
{{render "footer"}}

View File

@ -1,4 +1,4 @@
{{#travis-layout layoutName="layouts/profile" class="owner"}}
{{#travis-layout layoutName="layouts/simple" class="owner"}}
<header class="owner-header row">
<div class="owner-avatar">
<img src={{avatarURL}} alt="" width="125" height="125">

View File

@ -1,6 +1,11 @@
<div class="topbar {{if is-open 'has-autoheight'}} {{if showBroadcasts 'has-autoheight'}}">
<h1 id="logo" class="logo">{{#link-to "main" alt="Travis CI"}}Travis CI{{/link-to}}</h1>
<h1 id="logo" class="logo" {{action "cheatcode" on="doubleClick"}}>
{{#if isDashboard}}
{{#link-to "dashboard" alt="Travis CI"}}Travis CI{{/link-to}}
{{else}}
{{#link-to "main" alt="Travis CI"}}Travis CI{{/link-to}}
{{/if}}
</h1>
<div class="navigation-toggle">
<button type="button" id="tofuburger" class="tofuburger" {{action 'toggleBurgerMenu'}}>Toggle Menu</button>
</div>
@ -62,7 +67,7 @@
<li class="{{classProfile}}">
{{#if auth.signedOut}}
<button class="signed-out button--signin" {{action "signIn" target="auth"}}>Sign in with GitHub</button>
<button class="signed-out button-signin" {{action "signIn" target="auth"}}>Sign in with GitHub</button>
{{/if}}
{{#if auth.signedIn}}
{{#link-to "profile" class="navigation-anchor signed-in"}}
@ -71,7 +76,7 @@
{{/link-to}}
{{/if}}
{{#if auth.signingIn}}
<button class="signing-in button--signingin">Signing In <span class="loading-indicator--white"><i></i><i></i><i></i></span></button>
<button class="signing-in button-signingin">Signing In {{loading-indicator inline=true}}</button>
{{/if}}
{{#if auth.signedIn}}
<ul class="navigation-nested">
@ -98,7 +103,6 @@
{{#if showCta}}
<div class="cta">
<p class="row">
<span class="arrow"></span>
Help make Open Source a better place and start building better software today!
</p>
</div>

View File

@ -56,6 +56,9 @@ export default function() {
return new Mirage.Response(404, {}, {});
}
});
this.get('/dashboard', function(schema, request) {
// repos and orgs?
});
// These comments are here to help you get started. Feel free to delete them.

View File

@ -1,7 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="20" height="12" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(10, 1), rotate(45)" fill="white">
<rect x="0" y="0" width="20" height="20"
style="fill: white; stroke-width: 2; stroke: #E4E4E4;" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 320 B

View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="icon-failed" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#39aa56;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="failed">
<line class="st0" x1="0.5" y1="0.5" x2="14.5" y2="14.5"/>
<line class="st0" x1="14.5" y1="0.5" x2="0.5" y2="14.5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 625 B

View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="icon-failed" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#db4545;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="failed">
<line class="st0" x1="0.5" y1="0.5" x2="14.5" y2="14.5"/>
<line class="st0" x1="14.5" y1="0.5" x2="0.5" y2="14.5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 625 B

View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="icon-failed" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:cdb62c;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="failed">
<line class="st0" x1="0.5" y1="0.5" x2="14.5" y2="14.5"/>
<line class="st0" x1="14.5" y1="0.5" x2="0.5" y2="14.5"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 624 B

View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="icon-github" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<path id="github" class="st0" d="M10.384,11.324c0-0.408-0.06-0.807-0.243-1.179c-0.085-0.173-0.186-0.335-0.33-0.467
C9.805,9.672,9.799,9.664,9.787,9.65c0.099-0.011,0.191-0.021,0.283-0.031c0.753-0.082,1.451-0.324,2.098-0.716
c0.318-0.193,0.618-0.409,0.848-0.706c0.275-0.355,0.456-0.757,0.58-1.188c0.124-0.43,0.186-0.87,0.221-1.315
c0.021-0.265,0.031-0.529,0.002-0.795c-0.083-0.743-0.35-1.405-0.853-1.964c-0.034-0.038-0.042-0.066-0.02-0.115
c0.08-0.175,0.095-0.366,0.126-0.553c0.1-0.597-0.039-1.162-0.229-1.72c-0.013-0.038-0.039-0.046-0.071-0.045
c-0.131,0.008-0.263,0.015-0.394,0.026c-0.326,0.029-0.628,0.14-0.912,0.293c-0.352,0.19-0.696,0.397-1.044,0.595
c-0.022,0.012-0.055,0.017-0.079,0.011c-0.494-0.13-0.995-0.213-1.504-0.254C8.43,1.14,7.317,1.138,6.908,1.164
C6.36,1.198,5.82,1.284,5.289,1.428c-0.038,0.01-0.064,0.003-0.096-0.017c-0.405-0.262-0.824-0.5-1.264-0.699
c-0.33-0.15-0.679-0.195-1.035-0.211c-0.092-0.004-0.095,0-0.124,0.085C2.648,0.951,2.55,1.32,2.525,1.706
C2.507,1.999,2.55,2.286,2.608,2.571c0.018,0.092,0.05,0.183,0.082,0.271c0.013,0.034,0.004,0.051-0.015,0.076
C2.571,3.05,2.462,3.18,2.366,3.318C2.072,3.737,1.918,4.21,1.832,4.71c-0.07,0.409-0.043,0.819-0.001,1.228
c0.044,0.431,0.121,0.854,0.258,1.266c0.129,0.39,0.312,0.751,0.576,1.067c0.201,0.24,0.45,0.424,0.714,0.59
c0.526,0.332,1.094,0.563,1.704,0.683c0.226,0.044,0.752,0.105,0.752,0.105s-0.186,1.31-0.674,1.589
c-0.538,0.307-1.365,0.371-1.929-0.192C3.03,10.844,2.536,9.892,1.847,9.635c-0.879-0.327-1.044,0.816-0.628,1.399
c0.261,0.367,0.625,0.761,0.77,1.078c0.404,0.886,1.056,1.281,1.521,1.416c0.619,0.18,1.688-0.016,1.688-0.016l0.06,0.989
l5.112-0.006C10.368,14.494,10.384,12.127,10.384,11.324z"/>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -2,7 +2,7 @@
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="icon-star" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 15 15" style="enable-background:new 0 0 15 15;" xml:space="preserve">
<path id="star" class="st0" d="M7.159,1.035c0.188-0.38,0.495-0.38,0.683,0l1.596,3.234c0.188,0.38,0.685,0.741,1.105,0.802
<path id="star" fill="none" stroke="#9d9d9d" class="st0" d="M7.159,1.035c0.188-0.38,0.495-0.38,0.683,0l1.596,3.234c0.188,0.38,0.685,0.741,1.105,0.802
l3.569,0.519c0.42,0.061,0.515,0.353,0.211,0.649l-2.583,2.517c-0.304,0.296-0.494,0.88-0.422,1.298l0.61,3.555
c0.072,0.418-0.177,0.599-0.552,0.401l-3.192-1.678c-0.375-0.197-0.99-0.197-1.365,0l-3.192,1.678
c-0.375,0.197-0.624,0.017-0.552-0.401l0.61-3.555c0.072-0.418-0.118-1.002-0.422-1.298L0.678,6.24

Before

Width:  |  Height:  |  Size: 878 B

After

Width:  |  Height:  |  Size: 907 B

View File

@ -37,18 +37,18 @@
l1.225,4.03l6.557,0.745l2.086-1.459l0.591-4.146c-1.67-0.305-4.111-0.671-7.103-0.9C24.561,21.237,22.299,21.514,22.164,21.523z
M29.298,23.734c0.028,0.368-0.011,0.636-0.103,0.834c0.79-0.094,0.97,0.441,0.979,0.474c-0.573-0.276-1.2,0.073-2.342,0.095
c-0.849,0.031-1.562,0.041-1.609-1.292c-0.047-1.336,0.498-2.441,1.347-2.471C28.419,21.345,29.195,22.402,29.298,23.734z"/>
<path fill="#A0A1A2" d="M26.223,23.845c0.048,1.333,0.761,1.323,1.609,1.292c1.142-0.021,1.769-0.371,2.342-0.095
<path fill="#9d9d9d" d="M26.223,23.845c0.048,1.333,0.761,1.323,1.609,1.292c1.142-0.021,1.769-0.371,2.342-0.095
c-0.009-0.032-0.188-0.567-0.979-0.474c0.092-0.198,0.131-0.466,0.103-0.834c-0.104-1.332-0.879-2.39-1.729-2.36
C26.721,21.403,26.176,22.509,26.223,23.845z M27.489,22.22c0.239-0.005,0.438,0.186,0.441,0.426
c0.005,0.239-0.187,0.438-0.425,0.442c-0.24,0.004-0.438-0.188-0.442-0.428C27.058,22.421,27.25,22.224,27.489,22.22z"/>
<path fill="#A0A1A2" d="M14.581,25.377c0.088,0.002,0.18,0,0.274-0.002c0.082,0,0.164-0.002,0.25-0.005
<path fill="#9d9d9d" d="M14.581,25.377c0.088,0.002,0.18,0,0.274-0.002c0.082,0,0.164-0.002,0.25-0.005
c0.851-0.008,1.556,0.072,1.545-1.262c-0.014-1.334-0.606-2.414-1.457-2.405c-0.849,0.008-1.671,1.102-1.622,2.435
c0.015,0.348,0.066,0.598,0.148,0.779c-0.74,0.187-0.945,0.644-0.957,0.673C13.228,25.339,13.755,25.375,14.581,25.377z
M15.312,22.542c0.24-0.008,0.439,0.182,0.447,0.422c0.006,0.239-0.184,0.439-0.423,0.445c-0.24,0.008-0.44-0.183-0.446-0.422
C14.883,22.748,15.072,22.547,15.312,22.542z"/>
<polygon fill="#A0A1A2" points="17.309,8.327 19.695,8.327 19.695,7.343 20.232,7.343 20.232,11.889 19.421,11.889 19.421,14.432
<polygon fill="#9d9d9d" points="17.309,8.327 19.695,8.327 19.695,7.343 20.232,7.343 20.232,11.889 19.421,11.889 19.421,14.432
23.598,14.432 23.598,11.889 22.786,11.889 22.786,7.343 23.324,7.343 23.324,8.327 25.712,8.327 25.712,4.958 17.309,4.958 "/>
<path fill="#A0A1A2" d="M39.689,14.823c-0.015-0.289-0.043-0.577-0.082-0.861c-0.02-0.144-0.041-0.288-0.071-0.429
<path fill="#9d9d9d" d="M39.689,14.823c-0.015-0.289-0.043-0.577-0.082-0.861c-0.02-0.144-0.041-0.288-0.071-0.429
c-0.028-0.146-0.056-0.281-0.103-0.44l-0.03-0.112l-0.079-0.063c-0.455-0.356-0.944-0.626-1.441-0.864
c-0.411-0.194-0.828-0.363-1.249-0.518c-1.177-3.264-3.197-6.158-5.856-8.173c-2.747-2.084-5.978-3.187-9.342-3.187
c-3.366,0-6.596,1.103-9.344,3.187C9.999,4.949,8.304,7.081,7.103,9.508H7.097c-0.325,0.657-0.617,1.333-0.867,2.028

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -4,25 +4,25 @@
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="100.266px" height="22px" viewBox="0 0 100.266 22" enable-background="new 0 0 100.266 22" xml:space="preserve">
<g>
<path fill="#A3A3A3" d="M5.759,4.603H0V1.635h15.021v2.967H9.295v16.833H5.759V4.603z"/>
<path fill="#A3A3A3" d="M14.709,6.57h2.894l0.245,2.633h0.123c1.064-1.936,2.649-2.995,4.237-2.995c0.76,0,1.247,0.09,1.705,0.301
<path fill="#9d9d9d" d="M5.759,4.603H0V1.635h15.021v2.967H9.295v16.833H5.759V4.603z"/>
<path fill="#9d9d9d" d="M14.709,6.57h2.894l0.245,2.633h0.123c1.064-1.936,2.649-2.995,4.237-2.995c0.76,0,1.247,0.09,1.705,0.301
l-0.61,3.028c-0.518-0.152-0.914-0.242-1.554-0.242c-1.188,0-2.62,0.817-3.534,3.059v9.082h-3.504V6.57H14.709z"/>
<path fill="#A3A3A3" d="M33.481,11.93c-0.032-1.574-0.702-2.907-2.713-2.907c-1.492,0-2.895,0.665-4.205,1.452l-1.281-2.331
<path fill="#9d9d9d" d="M33.481,11.93c-0.032-1.574-0.702-2.907-2.713-2.907c-1.492,0-2.895,0.665-4.205,1.452l-1.281-2.331
c1.646-1.03,3.748-1.937,6.125-1.937c3.75,0,5.578,2.271,5.578,6.417v8.812H34.12l-0.272-1.634h-0.094
c-1.34,1.12-2.864,1.998-4.631,1.998c-2.622,0-4.45-1.758-4.45-4.36C24.673,14.26,27.355,12.595,33.481,11.93z M30.219,19.075
c1.22,0,2.165-0.605,3.263-1.636v-3.33c-4.056,0.516-5.396,1.574-5.396,3.059C28.085,18.499,28.97,19.075,30.219,19.075z"/>
<path fill="#A3A3A3" d="M37.988,6.57h3.566l2.376,7.721c0.396,1.453,0.854,2.967,1.249,4.48h0.123
<path fill="#9d9d9d" d="M37.988,6.57h3.566l2.376,7.721c0.396,1.453,0.854,2.967,1.249,4.48h0.123
c0.428-1.515,0.853-3.027,1.28-4.48l2.376-7.721h3.384l-5.089,14.866h-4.054L37.988,6.57z"/>
<path fill="#A3A3A3" d="M53.655,1.999C53.655,0.817,54.569,0,55.817,0c1.25,0,2.164,0.817,2.164,1.999
<path fill="#9d9d9d" d="M53.655,1.999C53.655,0.817,54.569,0,55.817,0c1.25,0,2.164,0.817,2.164,1.999
c0,1.15-0.914,1.968-2.164,1.968C54.569,3.966,53.655,3.148,53.655,1.999z M54.051,6.57h3.505v14.866h-3.505V6.57z"/>
<path fill="#A3A3A3" d="M61.21,17.501c1.341,1.026,2.62,1.664,4.144,1.664c1.617,0,2.377-0.757,2.377-1.785
<path fill="#9d9d9d" d="M61.21,17.501c1.341,1.026,2.62,1.664,4.144,1.664c1.617,0,2.377-0.757,2.377-1.785
c0-1.243-1.613-1.789-3.201-2.394c-1.979-0.728-4.202-1.848-4.202-4.327c0-2.607,2.102-4.452,5.454-4.452
c2.071,0,3.75,0.848,4.967,1.786l-1.614,2.119c-1.036-0.756-2.102-1.271-3.291-1.271c-1.495,0-2.194,0.696-2.194,1.634
c0,1.151,1.493,1.636,3.106,2.21c2.044,0.758,4.298,1.728,4.298,4.513c0,2.542-2.042,4.603-5.819,4.603
c-2.041,0-4.207-0.878-5.668-2.061L61.21,17.501z"/>
<path fill="#A3A3A3" d="M88.242,1.272c2.436,0,4.418,1.18,5.667,2.512l-1.95,2.181c-1.036-1-2.162-1.635-3.688-1.635
<path fill="#9d9d9d" d="M88.242,1.272c2.436,0,4.418,1.18,5.667,2.512l-1.95,2.181c-1.036-1-2.162-1.635-3.688-1.635
c-3.263,0-5.607,2.726-5.607,7.176c0,4.512,2.164,7.234,5.483,7.234c1.77,0,3.077-0.725,4.207-1.965l1.949,2.148
c-1.614,1.846-3.685,2.876-6.216,2.876c-5.06,0-9.05-3.636-9.05-10.204C79.038,5.117,83.121,1.272,88.242,1.272z"/>
<path fill="#A3A3A3" d="M96.467,1.635H100v19.801h-3.533V1.635z"/>
<path fill="#9d9d9d" d="M96.467,1.635H100v19.801h-3.533V1.635z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

11
tests/pages/dashboard.js Normal file
View File

@ -0,0 +1,11 @@
import PageObject from 'travis/tests/page-object';
let {
visitable
} = PageObject;
export default PageObject.create({
});