Create sample dashboard stuff

app/assets/stylesheets/custom.scss

@@ -9,3 +9,64 @@
 .no-margin {
   margin-bottom: 0px !important;
 }
+.huge {
+  font-size: 40px;
+}
+
+.large-icon {
+  font-size: 70px;
+}
+
+.panel-green {
+  border-color: #5cb85c !important;
+}
+
+.panel-green .panel-heading {
+  border-color: #5cb85c;
+  color: #fff;
+  background-color: #5cb85c;
+}
+
+.panel-green a {
+  color: #5cb85c;
+}
+
+.panel-green a:hover {
+  color: #3d8b3d;
+}
+
+.panel-red {
+  border-color: #d9534f !important;
+}
+
+.panel-red .panel-heading {
+  border-color: #d9534f;
+  color: #fff;
+  background-color: #d9534f;
+}
+
+.panel-red a {
+  color: #d9534f;
+}
+
+.panel-red a:hover {
+  color: #b52b27;
+}
+
+.panel-yellow {
+  border-color: #f0ad4e !important;
+}
+
+.panel-yellow .panel-heading {
+  border-color: #f0ad4e;
+  color: #fff;
+  background-color: #f0ad4e;
+}
+
+.panel-yellow a {
+  color: #f0ad4e;
+}
+
+.panel-yellow a:hover {
+  color: #df8a13;
+}

app/views/admin/dashboard/index.html.slim

@@ -1 +1,28 @@
-Admin dashboard
+.col-md-6
+  .panel.panel-primary
+    .panel-heading
+      .row
+        .col-xs-3
+          = glyph 'credit-card', classes: 'large-icon'
+        .col-xs-9.text-right
+          .huge XX
+          div New Cards!
+    a href="#"
+      .panel-footer
+        .pull-left View Details
+        .pull-right= glyph 'circle-arrow-right'
+        .clearfix
+.col-md-6
+  .panel.panel-green
+    .panel-heading
+      .row
+        .col-xs-3
+          = glyph 'transfer', classes: 'large-icon'
+        .col-xs-9.text-right
+          .huge XX
+          div New Updates!
+    a href="#"
+      .panel-footer
+        .pull-left View Details
+        .pull-right= glyph 'circle-arrow-right'
+        .clearfix