1 files changed, 114 insertions, 0 deletions
diff --git a/src/views/pages/login.ecr b/src/views/pages/login.ecr
new file mode 100644
index 0000000..16f63a4
--- /dev/null
+++ b/src/views/pages/login.ecr
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang='en-US'>
+  <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>
+    <div
+      class='navbar navbar-inverse navbar-static-top'
+      role='navigation'
+    >
+      <div class='container-fluid'>
+        <div class='navbar-header'>
+          <a
+            href='../'
+            class='navbar-brand'
+          >
+            <i class='fa fa-bomb'></i>
+            Guff
+          </a><!-- navbar-brand -->
+        </div><!-- navbar-default -->
+      </div><!-- container-fluid -->
+    </div><!-- navbar -->
+
+    <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>
+              Login
+            </b>
+          </div><!-- panel-heading -->
+
+          <div class='panel-body'>
+            <% if @error %>
+              <div class='panel panel-danger'>
+                <div class='panel-heading'>
+                  <b>
+                    <i class='fa fa-exclamation-triangle'></i>
+                    Error: Invalid Login
+                  </b>
+                </div><!-- panel-heading -->
+              </div><!-- panel -->
+            <% end %>
+
+            <form method='post' action='login.html'>
+              <div class='form-group'>
+                <label for='username'>
+                  User:
+                </label>
+
+                <input
+                  type='text'
+                  class='form-control'
+                  id='username'
+                  name='username'
+                  title='Enter username'
+                />
+              </div><!-- form-group -->
+
+              <div class='form-group'>
+                <label for='password'>
+                  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 -->
+
+              <input
+                type='hidden'
+                name='csrf_token'
+                value='<%= h(get_csrf_token) %>'
+              />
+            </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>