Added homepage

assets/sass/nardah.sass

@@ -1,8 +1,43 @@
-html,
+$nav-height: 65px
+  
 body
   margin: 0
-  padding: 0
+  padding: $nav-height 0 0
-  background: lightgrey
+  background: white
 
 #main-nav
+  position: fixed
+  top: 0
+  left: 0
+  width: 100%
+  height: $nav-height
   background: cornflowerblue
+
+  .nav-left,
+  .nav-right
+    list-style: none
+    li
+      display: inline-block
+  .nav-left
+    float: left
+  .nav-right
+    float: right
+
+  .site-logo,
+  .nav-link a
+    display: inline-block
+    padding: 15px 15px
+    color: black
+    font-size: 2rem
+    transition: all 230ms ease-in-out
+    &:hover
+      color: #333
+
+  .site-logo
+    padding-left: 25px
+    font-weight: bold
+
+#main-wrapper
+  max-width: 1180px
+  margin-top: 15px
+  padding: 20px 27px

views/index.html

@@ -1,5 +1,24 @@
 {{ template "layout_header" . }}
 
-<p>This is a test.</p>
+<div id="main-wrapper" class="container">
+  <div class="row">
+    <div class="twelve columns">
+      <h1>Welcome to Colossus!</h1>
+      <p>Using Colossus you can easily keep track of your PC hardware benchmarking results and benchmark settings.</p>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="four columns">
+      <p><a href="/benchmark/add">Add benchmarking result</a></p>
+    </div>
+    <div class="four columns">
+      <p><a href="/hardware/add">Add new hardware</a></p>
+    </div>
+    <div class="four columns">
+      <p><a href="/game/add">Add new game</a></p>
+    </div>
+  </div>
+</div>
 
 {{ template "layout_footer" . }}

views/layout/navbar.html

@@ -1,11 +1,11 @@
 {{ define "navbar" }}
 <nav id="main-nav">
   <ul class="nav-left">
-    <li>Goliath</li>
+    <li class="site-logo">Goliath</li>
-    <li><a href="/">Dashboard</a></li>
+    <li class="nav-link"><a href="/">Dashboard</a></li>
-    <li><a href="/benchmark">Benchmarks</a></li>
+    <li class="nav-link"><a href="/benchmark">Benchmarks</a></li>
-    <li><a href="/hardware">Hardware</a></li>
+    <li class="nav-link"><a href="/hardware">Hardware</a></li>
-    <li><a href="/game">Games</a></li>
+    <li class="nav-link"><a href="/game">Games</a></li>
   </ul>
 </nav>
 {{ end }}