Prepare welcome hero for demo

framework/core/ember/app/styles/flarum/layout.less

@@ -127,11 +127,17 @@ body {
 // Hero
 .hero {
   background: @fl-body-hero-bg;
-  color: @fl-body-hero-color;
   margin-top: -1px;
   text-align: center;
   padding: 30px 0;
   font-size: 14px;
+
+  &, & a {
+    color: @fl-body-hero-color;
+  }
+  & a {
+    opacity: 0.5;
+  }
 }
 .hero .close {
   float: right;
@@ -143,11 +149,6 @@ body {
   margin: 0;
   font-size: 22px;
   font-weight: normal;
-  // color: @fl-body-heading-color;
-
-  // & when (@fl-colored-hdr = true) {
-  //   color: @fl-body-color;
-  // }
 }
 .hero p {
   margin: 10px 0 0;

framework/core/ember/app/templates/components/index/welcome-hero.hbs

@@ -2,6 +2,6 @@
   <button class="close btn btn-icon btn-link" {{action "close"}}>{{fa-icon "times"}}</button>
   <div class="container-narrow">
     <h2>Welcome to {{title}}</h2>
-    <p>{{description}}</p>
+    <p>{{{description}}}</p>
   </div>
 </div>

framework/core/ember/app/views/index.js

@@ -5,6 +5,7 @@ import ActionButton from 'flarum/components/ui/action-button';
 import NavItem from 'flarum/components/ui/nav-item';
 import WelcomeHero from 'flarum/components/index/welcome-hero';
 import HasItemLists from 'flarum/mixins/has-item-lists';
+import config from 'flarum/config/environment';
 
 var precompileTemplate = Ember.Handlebars.compile;
 var $ = Ember.$;
@@ -15,7 +16,7 @@ export default Ember.View.extend(HasItemLists, {
   didInsertElement: function() {
     this.set('hero', WelcomeHero.extend({
       title: this.get('controller.controllers.application.forumTitle'),
-      description: 'Thanks for stopping by!'
+      description: config.welcomeDescription
     }));
 
     // Affix the sidebar so that when the user scrolls down it will stick