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

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

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

19
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}} {{#if isSyncing}}
<img src="/images/getting-started/mustache-spinner.gif" class="spinner" width="300"> <img src="/images/getting-started/mustache-spinner.gif" class="spinner" width="300">
<p class="first-sync-head">One more thing</p> <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="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"> <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. 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>
</div>
<div class="sync-column">
<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. 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> </p>
</div>
</div>
{{/if}} {{/if}}
{{#unless isSyncing}} {{#unless isSyncing}}
<div class="row not-syncing"> <figure>
<div class="column medium-6 medium-centered">
<span class="mascot"></span> <span class="mascot"></span>
</figure>
<h1 class="great-news">Great news!</h1> <h1 class="great-news">Great news!</h1>
<p> <p>
We've successfully synchronized your details from GitHub.<br>We will redirect you to your profile in a few seconds. We've successfully synchronized your details from GitHub.<br>We will redirect you to your profile in a few seconds.
</p> </p>
</div>
</div>
{{/unless}} {{/unless}}
</div> </div>
</div>