From 04d6aea297ecc1b87af2e2a9e5ce1663743343d0 Mon Sep 17 00:00:00 2001
From: Andrew Tomaka <atomaka@gmail.com>
Date: Fri, 9 Oct 2015 15:37:23 -0400
Subject: [PATCH] Create sample dashboard stuff

---
 app/assets/stylesheets/custom.scss        | 61 +++++++++++++++++++++++
 app/views/admin/dashboard/index.html.slim | 29 ++++++++++-
 2 files changed, 89 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/custom.scss b/app/assets/stylesheets/custom.scss
index abd35ef..677dddc 100644
--- a/app/assets/stylesheets/custom.scss
+++ b/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;
+}
diff --git a/app/views/admin/dashboard/index.html.slim b/app/views/admin/dashboard/index.html.slim
index 382c996..9a0b958 100644
--- a/app/views/admin/dashboard/index.html.slim
+++ b/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