add custom message in log

app/styles/app/main/log.sass

@@ -189,3 +189,14 @@
 
   .loading
     padding: 25px 0 0 10px
+
+.log-notice
+  background-color: #A6ADAD
+  color: $white
+  min-height: 70px
+  line-height: 35px
+  text-align: center
+  @extend %border-radius-4px
+  @media #{$medium-up}
+    height: 70px
+    line-height: 70px

app/templates/jobs/pre.hbs

@@ -1,4 +1,8 @@
 <section id="log-container" class="log">
+  {{#if view.job.notStarted}}
+    <div class="log-notice">Hang tight, the log cannot be shown until the build has started.</div>
+  {{/if}}
+  <div {{bind-attr class="view.job.notStarted:hidden"}}>
     <menu class="log-header">
       {{#if view.canRemoveLog}}
         <a href="#" class="button button--grey open-popup" {{action "removeLogPopup" target=view}}><span class="icon icon--removeLog"></span> Remove Log</a>
@@ -16,7 +20,7 @@
           {{/if}}
         </span>
       </a>
-    <pre id="log" class="ansi"></pre>
+      <pre id="log" class="ainsi"></pre>
 
       {{#if view.log.hasContent}}
         <a href='#' class="to-top" {{action "toTop" target=view}}>Top</a>
@@ -29,4 +33,5 @@
         </p>
       {{/if}}
     </div>
+  </div>
 </section>