Rearranged some copy for first_sync to increase readability and added mascot to success message

assets/scripts/app/templates/first_sync.hbs

@@ -1,33 +1,25 @@
 <div id="first_sync">
   <img src="/images/getting-started/mustache-spinner.gif" class="spinner" width="300">
 
-  <p class="first-sync-head">Just one more thing</h3>
+  <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>
-        We're almost done getting you on board, just a few more seconds as we talk to GitHub to find out which
-        repositories belong to you.
-      </p>
-
-      <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>
     </div>
 
     <div class="sync-column">
       <p>
-        If this is your first time on Travis CI, and 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>
-        Now hold tight while we sync the last bits from GitHub, we should be done here any minute now.
+        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>
-
+  </div>   
   <div class="sync-row">
     {{#unless isSyncing}}
+      <img src="/images/getting-started/mustache-no-spin.png" class="spinner" width="100">
       <p class="great-news">Great news!</p>
       <p>
         We've successfully synchronized your details from GitHub. We will redirect you to your profile in a few seconds.

assets/scripts/app/templates/no_owned_repos.hbs

@@ -74,4 +74,65 @@
       <a href="mailto:support@travis-ci.com">send us an email</a>.
     </p>
   </div>
+
+  <p>
+    Hey, it looks like you're new around here and have yet to set up your first repository on Travis CI.
+  </p>
+
+  <p>
+    We're here to help you get started, it's easy!
+  </p>
+
+  <p>
+    <img src="/images/getting-started/project-switch.png" width="320"/>
+  </p>
+
+  <p>
+    Start by going to your {{#linkTo "profile.index"}}profile{{/linkTo}} and enable one of your projects. We've been
+    synchronizing all repositories you have administrative access to. Pick one and flip the switch next to it.
+  </p>
+
+  <p>
+    <img src="/images/getting-started/first-build.png" width="320"/>
+  </p>
+
+  <p>
+    Once you've enabled one of your projects, add a <a
+    href="http://about.travis-ci.org/docs/user/build-configuration/#.travis.yml-file%3A-what-it-is-and-how-it-is-used"><code>.travis.yml</code></a> to your project, push some code, and we'll start processing your builds. Wait a
+    whee while and reload the page, and your newly setup and built project will show up on the right.
+  </p>
+
+  <p>
+    We'll also send you an email once the build has finished.
+  </p>
+
+  <p>
+    We use sensible defaults for <a href="http://about.travis-ci.org/docs/">most languages</a>, but you can customize
+    both the <a href="http://about.travis-ci.org/docs/user/build-configuration/">build process</a> and the <a
+    href="http://about.travis-ci.org/docs/user/build-configuration/">build
+    environment</a> to fit your project's needs.
+  </p>
+
+  <p>
+    You can also configure how you want to be notified of build results. Email is only one channel you can use. We
+    support <a href="http://about.travis-ci.org/docs/user/notifications/#Campfire-notification">Campfire</a>, <a
+    href="http://about.travis-ci.org/docs/user/notifications/#HipChat-notification">HipChat</a>, <a
+    href="http://about.travis-ci.org/docs/user/notifications/#Flowdock-notification">Flowdock</a>, <a
+    href="http://about.travis-ci.org/docs/user/notifications/#IRC-notification">IRC</a>, and <a
+    href="http://about.travis-ci.org/docs/user/notifications/#Webhook-notification">webhooks</a>. To avoid
+    exposing any private credentials, you can shield them from the public using <a
+    href="http://about.travis-ci.org/docs/user/build-configuration/#Secure-environment-variables">encrypted
+    configuration settings</a>.
+  </p>
+
+  <p>
+    <img src="/images/getting-started/build-email.jpg" width="620"/>
+  </p>
+
+  <p>
+    Should you have any questions or issues, have a look at <a href="http://about.travis-ci.org/docs/" location="_top">our
+    documentation</a>, <a href="https://github.com/travis-ci/travis-ci/issues/new" location="_top">open an issue</a> or
+    <a href="mailto:support@travis-ci.com">send us an email</a>.
+  </p>
+>>>>>>> f6867e8a4cddfef041367a301d22d0969c6f886d
 </div>

assets/scripts/app/templates/repos/show/actions.hbs

@@ -1,43 +1,42 @@
 <div id="actions">
   <ul>
     {{#if view.displayCancelBuild}}
-      <li class="icon">
+      <li class="icon" title="Cancel Build">
         <a href="#" {{action "cancelBuild" target="view"}}
-          {{bindAttr class="view.canCancelBuild::disabled"}}><img class="icon" src="/images/icons/off.png" width="20" title="Cancel Build"></a>
+          {{bindAttr class="view.canCancelBuild::disabled"}}><img class="icon" src="/images/icons/off.png" width="20"></a>
       </li>
     {{/if}}
     {{#if view.displayCancelJob}}
-      <li class="icon">
+      <li class="icon" title="Cancel Job">
         <a href="#" {{action "cancelJob" target="view"}}
-          {{bindAttr class="view.canCancelJob::disabled"}}><img class="icon" width="20" src="/images/icons/off.png" title="Cancel Job"/></a>
+          {{bindAttr class="view.canCancelJob::disabled"}}><img class="icon" width="20" src="/images/icons/off.png"/></a>
       </li>
     {{/if}}
     {{#if view.displayRequeueBuild}}
-      <li class="icon">
+      <li class="icon" title="Restart Build">
         <a href="#" {{action "requeueBuild" target="view"}}
-          {{bindAttr class="view.canRequeueBuild::disabled"}}><img class="icon" src="/images/icons/repeat.png" width="20"
-          title="Restart Build"></a>
+          {{bindAttr class="view.canRequeueBuild::disabled"}}><img class="icon" src="/images/icons/repeat.png" width="20"></a>
       </li>
     {{/if}}
     {{#if view.displayRequeueJob}}
-      <li class="icon">
+      <li class="icon" title="Restart Job">
         <a href="#" {{action "requeueJob" target="view"}}
-          {{bindAttr class="view.canRequeueJob::disabled"}}><img src="/images/icons/repeat.png" width="20" title="Restart Job"></a>
+          {{bindAttr class="view.canRequeueJob::disabled"}}><img src="/images/icons/repeat.png" width="20"></a>
       </li>
     {{/if}}
     {{!TODO: for some reason showDownloadLog, which just delegates to jobIdForLog
              does not refresh 'if' properly, need further investigation}}
     {{#if view.jobIdForLog}}
-      <li class="icon">
-        <a class="download-log" {{bindAttr href="view.plainTextLogUrl"}}><img class="icon" src="/images/icons/align-justify.png" width="20" title="Download Log"/></a>
+      <li class="icon" title="Download Log">
+        <a class="download-log" {{bindAttr href="view.plainTextLogUrl"}}><img class="icon" src="/images/icons/align-justify.png" width="20"/></a>
       </li>
     {{/if}}
     {{#if view.displayCodeClimate}}
-      <li class="icon">
+      <li class="icon" title="Test Coverage with Code Climate">
         <a href="#" name="code-climate"
           {{action "codeClimatePopup" target="view"}}
           {{bindAttr class=":open-popup"}}>
-          <img src="/images/icons/code-climate-icon.png" title="Test Coverage with Code Climate"/>
+          <img src="/images/icons/code-climate-icon.png"/>
         </a>
       </li>
     {{/if}}

assets/styles/getting_started.sass

@@ -13,6 +13,14 @@
     font-weight: 800
     text-align: center
     margin: 0
+
+  .few-more
+    color: #919191
+    font-size: 20px
+    font-weight: 400
+    text-align: center
+    padding: 0
+    margin: 0
   
   .great-news
     font-size: 35px