1 files changed, 70 insertions, 29 deletions
diff --git a/src/views/login-page.ecr b/src/views/login-page.ecr
index 644f0ab..5e3c8ce 100644
--- a/src/views/login-page.ecr
+++ b/src/views/login-page.ecr
@@ -3,37 +3,78 @@
   <head>
     <meta charset="utf-8"/>
     <title>Guff Login</title>
+
+    <%=
+      styles %w{
+        ../assets/font-awesome-4.5.0/css/font-awesome.min.css
+        ../assets/bootstrap-3.3.6/css/bootstrap.min.css
+        ../assets/bootstrap-3.3.6/css/bootstrap-theme.min.css
+      }
+    %>
   </head>
 
   <body>
-    <form method='post'>
-      <label for='user'>
-        User
-      </label>
-
-      <input
-        type='text'
-        id='user'
-        name='user' 
-        title='Enter username'
-      />
-
-      <label for='pass'>
-        Password
-      </label>
-
-      <input
-        type='password'
-        id='pass'
-        name='pass' 
-        title='Enter password'
-      />
-
-      <input
-        type='submit'
-        value='Login'
-        title='Log in to admin panel.'
-      />
-    </form>
+    <div class='container'>
+      <div class='col-md-6 col-md-offset-3'>
+        <div class='panel panel-default'>
+          <div class='panel-heading'>
+            <b>
+              <i class='fa fa-lock'></i>
+              Guff Login
+            </b>
+          </div><!-- panel-heading -->
+
+          <div class='panel-body'>
+            <form method='post'>
+              <div class='form-group'>
+                <label for='user'>
+                  User
+                </label>
+
+                <input
+                  type='text'
+                  class='form-control'
+                  id='username'
+                  name='username'
+                  title='Enter username'
+                />
+              </div><!-- form-group -->
+
+              <div class='form-group'>
+                <label for='pass'>
+                  Password
+                </label>
+
+                <input
+                  type='password'
+                  class='form-control'
+                  id='password'
+                  name='password'
+                  title='Enter password'
+                />
+              </div><!-- form-group -->
+
+              <div class='form-group'>
+                <button
+                  type='submit'
+                  class='btn btn-primary'
+                  title='Log in to admin panel.'
+                >
+                  <i class='fa fa-caret-right'></i>
+                  Log In
+                </button>
+              </div><!-- form-group -->
+            </form>
+          </div><!-- panel-body -->
+        </div><!-- panel -->
+      </div><!-- col-md-4 -->
+    </div><!-- container -->
   </body>
+
+  <%=
+    scripts %w{
+      ../assets/jquery-2.2.1.min.js
+      ../assets/bootstrap-3.3.6/js/bootstrap.min.js
+    }
+  %>
 </html>