Updated navbar styles a bit; started work on dashboard

assets/styles/drake.scss

@@ -1,10 +1,26 @@
-$navbar-height: 50px;
+$navbar-height: 60px;
+
+$highlight-color: cornflowerblue;
+$highlight-color-dark: darken($highlight-color, 10%);
 
 body{
   padding-top: calc($navbar-height + 15px);
   background: white;
 }
 
+a{
+  color: $highlight-color;
+  transition: color 230ms ease-in-out;
+  &:hover{
+    color: $highlight-color-dark;
+  }
+}
+
+hr{
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
 #main-nav{
   position: fixed;
   top: 0;
@@ -20,18 +36,27 @@ body{
 
     li{
       display: inline-block;
+      margin-top: 5px;
+      margin-left: 10px;
     }
   }
 
   h3{
     display: inline-block;
+    margin-top: 14px;
+    margin-left: 10px;
     margin-bottom: 0;
     color: black;
-    font-size: 2rem;
+    font-size: 2.5rem;
   }
 
   li > a{
-    color: cornflowerblue;
     font-size: 2rem;
+    font-weight: bold;
+    text-decoration: none;
   }
 }
+
+#site-header{
+  margin-bottom: 10px;
+}

lib/routes/index.rb

@@ -1,8 +1,17 @@
 namespace '/' do
 
   get '' do
+    channels = [
+      {
+        :name => 'Bit Goblin',
+        :openProjects => 'N/a',
+        :totalProjects => 'N/a',
+        :last_updated => 'N/a'
+      }
+    ]
     erb :index, :locals => {
-      :title => 'Dashboard'
+      :title => 'Dashboard',
+      :channels => channels
     }
   end
 

views/index.erb

@@ -1,7 +1,32 @@
 <div class="row">
   <div class="twelve columns">
-    <h1 id="site-header">Welcome to Stage Manager</h1>
+    <h1 id="site-header">Stage Manager Dashboard</h1>
   </div>
 </div>
 
 <hr>
+
+<div class="row">
+  <div class="twelve columns">
+    <table class="u-full-width">
+      <thead>
+        <tr>
+          <th>Channel name</th>
+          <th>Open projects</th>
+          <th>Total projects</th>
+          <th>Last updated!</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% channels.each do |c| %>
+          <tr>
+            <td><%= c[:name] %></td>
+            <td><%= c[:openProjects] %></td>
+            <td><%= c[:totalProjects] %></td>
+            <td><%= c[:last_updated] %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>