suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor first_sync

Browse Source
This commit is contained in:
Lisa Passing 2015-05-07 17:39:23 +02:00
parent 44bff4571e
commit 38c90b53f0
2 changed files with 21 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/styles/app/layouts/first-sync.sass
View File

@ -8,12 +8,11 @@
.first-sync
.not-syncing
margin-top: 5rem
text-align: center
margin-top: 5rem
text-align: center
.great-news
margin: 1.5em 0 1em
font-size: 36px
font-weight: 400
color: $grey3

43
app/templates/first-sync.hbs
View File

@ -1,32 +1,25 @@
<div id="first_sync" class="first-sync">
<div id="first_sync" class="row first-sync">
<div class="column medium-6 medium-centered">
{{#if isSyncing}}
<img src="/images/getting-started/mustache-spinner.gif" class="spinner" width="300">
<p class="first-sync-head">One more thing</p>
<p class="few-more">Just a few more seconds as we talk to GitHub to find out which repositories belong to you.</p>
<div class="sync-row">
<div class="sync-column">
<p class="align-right">
If you're part of an organization that already has repositories set up on Travis CI, we'll take you to the list once we're done.
</p>
</div>
<div class="sync-column">
<p>
If you're not part of any existing organizations yet, we'll take you to a handy getting started guide to get you off the ground quickly.
</p>
</div>
</div>
<img src="/images/getting-started/mustache-spinner.gif" class="spinner" width="300">
<h1 class="first-sync-head great-news">One more thing</h1>
<p class="few-more">Just a few more seconds as we talk to GitHub to find out which repositories belong to you.</p>
<p class="align-right">
If you're part of an organization that already has repositories set up on Travis CI, we'll take you to the list once we're done.
</p>
<p>
If you're not part of any existing organizations yet, we'll take you to a handy getting started guide to get you off the ground quickly.
</p>
{{/if}}
{{#unless isSyncing}}
<div class="row not-syncing">
<div class="column medium-6 medium-centered">
<figure>
<span class="mascot"></span>
<h1 class="great-news">Great news!</h1>
<p>
We've successfully synchronized your details from GitHub.<br>We will redirect you to your profile in a few seconds.
</p>
</div>
</div>
</figure>
<h1 class="great-news">Great news!</h1>
<p>
We've successfully synchronized your details from GitHub.<br>We will redirect you to your profile in a few seconds.
</p>
{{/unless}}
</div>
</div>