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 .first-sync
margin-top: 5rem
.not-syncing text-align: center
margin-top: 5rem
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

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}} {{#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"> <p class="align-right">
<div class="sync-column"> 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 class="align-right"> </p>
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.
</div> </p>
<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>
{{/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>
<h1 class="great-news">Great news!</h1> </figure>
<p> <h1 class="great-news">Great news!</h1>
We've successfully synchronized your details from GitHub.<br>We will redirect you to your profile in a few seconds. <p>
</p> We've successfully synchronized your details from GitHub.<br>We will redirect you to your profile in a few seconds.
</div> </p>
</div>
{{/unless}} {{/unless}}
</div>
</div> </div>