Implement Github Markdown CSS. Closes #1643

app/Console/Commands/DemoSeederCommand.php

@@ -159,7 +159,25 @@ class DemoSeederCommand extends Command
      */
     protected function seedIncidents()
     {
+        $incidentMessage = <<<EINCIDENT
+# Of course it does!
+
+What kind of web application doesn't these days?
+
+## Headers are fun aren't they
+
+It's _exactly_ why we need Markdown. For **emphasis** and such.
+EINCIDENT;
+
         $defaultIncidents = [
+            [
+                'name'         => 'Cachet supports Markdown!',
+                'message'      => $incidentMessage,
+                'status'       => 4,
+                'component_id' => 0,
+                'scheduled_at' => null,
+                'visible'      => 1,
+            ],
             [
                 'name'         => 'Awesome',
                 'message'      => ':+1: We totally nailed the fix.',

bower.json

@@ -17,6 +17,7 @@
     "messenger": "~1.4",
     "moment": "~2.11.2",
     "Sortable": "~1.4",
-        "sweetalert": "~1.1"
+    "sweetalert": "~1.1",
+    "github-markdown-css": "^2.2.1"
   }
 }

gulpfile.js

@@ -9,6 +9,7 @@ elixir(function (mix) {
         .styles([
             'vendor/bower_components/jquery-minicolors/jquery.minicolors.css',
             'vendor/bower_components/sweetalert/dist/sweetalert.css',
+            'vendor/bower_components/github-markdown-css/github-markdown.css',
             'public/dist/css/app.css'
         ], 'public/dist/css/all.css', './')
         .scripts([

resources/views/partials/incident.blade.php

@@ -19,7 +19,7 @@
             @endif
         </small>
     </div>
-    <div class="panel-body">
+    <div class="panel-body markdown-body">
         {!! $incident->formattedMessage !!}
     </div>
 </div>