Creating coffee script

.gitignore

@@ -0,0 +1,2 @@
+.vagrant/
+.idea/

dashboard/.gitignore

@@ -1 +1,2 @@
-.vagrant
+.vagrant
+.idea/

dashboard/files/test_app/css/map.css

@@ -0,0 +1,87 @@
+#map-container {
+    height: 300px;
+}
+
+.grp {
+    margin-bottom: 30px;
+}
+
+.output {
+    position: fixed;
+    height: 80%;
+    width: 600px;
+    /* padding: 20px; */
+    font-size: 10px;
+    overflow: hidden;
+    /* right: 20px; */
+    /* left: 0px; */
+    background-color: #e5e5e5;
+    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+}
+
+/*td, th{*/
+    /*width: 30%;*/
+/*}*/
+thead {
+    background-color: #5A5A5A;
+    color: white;
+    border-bottom: 1px solid rgb(39, 39, 39);
+}
+
+tbody:before {
+    line-height:0.5em;
+    content:"-";
+    color:white; /* to hide text */
+    display:block;
+}
+
+
+th {
+    text-align: left;
+    padding: 4px 2px 1px 5px;
+
+}
+
+td {
+    padding: 0 5px;
+    overflow: hidden;
+}
+
+
+table {
+    width: 100%;
+    table-layout:fixed;
+}
+
+
+.ui-widget-header {
+    /*border: 1px solid #e78f08;*/
+    background: #448CB5;
+    /*color: #fff;*/
+    /*font-weight: bold;*/
+}
+
+
+/*.a {*/
+    /*width: 15%;*/
+/*}*/
+
+/*.b {*/
+    /*width: 20%;*/
+/*}*/
+
+/*.c {*/
+    /*width: 20%;*/
+/*}*/
+
+/*.d {*/
+    /*width: 20%;*/
+/*}*/
+
+/*.e {*/
+    /*width: 20%;*/
+/*}*/
+
+/*.f {*/
+    /*width: 5%;*/
+/*}*/

dashboard/files/test_app/css/style.css

@@ -0,0 +1,132 @@
+/* Space out content a bit */
+body {
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+
+/* Everything but the jumbotron gets side spacing for mobile first views */
+.header,
+.marketing,
+.footer {
+    padding-right: 15px;
+    padding-left: 15px;
+}
+
+.section-header {
+    padding-bottom: 9px;
+    margin: 40px 0 20px;
+    border-bottom: 1px solid #eee;
+}
+
+
+.anchorjs-icon:before {
+    content: "\e144";
+    box-sizing: border-box;
+}
+
+.anchorjs-link {
+    float: left;
+    width: 1em;
+    height: 1em;
+    margin-left: -1.2em;
+    opacity: 0;
+    color: inherit;
+    text-align: center;
+}
+
+.anchorjs-icon {
+    font-size: 60%;
+    vertical-align: .2em;
+}
+
+.anchorjs-link:focus, :hover>.anchorjs-link {
+    opacity: .75;
+    transition: color .16s linear;
+}
+
+.anchorjs-icon {
+    /*font-family: anchorjs-link;*/
+    font-family: 'Glyphicons Halflings';
+    speak: none;
+    font-style: normal;
+    font-weight: 400;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+/* Custom page header */
+.header {
+    padding-bottom: 20px;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+/* Make the masthead heading the same height as the navigation */
+.header h3 {
+    margin-top: 0;
+    margin-bottom: 0;
+    line-height: 40px;
+}
+
+/* Custom page footer */
+.footer {
+    padding-top: 19px;
+    color: #777;
+    border-top: 1px solid #e5e5e5;
+}
+
+.container {
+    width: 80%;
+}
+
+/* Customize container */
+@media (min-width: 768px) {
+
+}
+
+.container-narrow > hr {
+    margin: 30px 0;
+}
+
+/* Main marketing message and sign up button */
+.jumbotron {
+    text-align: center;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.jumbotron .btn {
+    padding: 14px 24px;
+    font-size: 21px;
+}
+
+/* Supporting marketing content */
+.marketing {
+    margin: 40px 0;
+}
+
+.marketing p + h4 {
+    margin-top: 28px;
+}
+
+/* Responsive: Portrait tablets and up */
+@media screen and (min-width: 768px) {
+    /* Remove the padding we set earlier */
+    .header,
+    .marketing,
+    .footer {
+        padding-right: 0;
+        padding-left: 0;
+    }
+
+    /* Space out the masthead */
+    .header {
+        margin-bottom: 30px;
+    }
+
+    /* Remove the bottom border on the jumbotron for visual effect */
+    .jumbotron {
+        border-bottom: 0;
+    }
+}