3 files changed, 213 insertions, 0 deletions
diff --git a/src/views/pages/admin.ecr b/src/views/pages/admin.ecr
new file mode 100644
index 0000000..1eb030a
--- /dev/null
+++ b/src/views/pages/admin.ecr
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang='en-US'>
+  <head>
+    <meta charset="utf-8"/>
+    <title><%= h(TITLE) %></title>
+    <%= styles %>
+  </head>
+
+  <body>
+    <%= navbar %>
+
+    <div class='container'>
+      <div class='col-md-12'>
+        <ul class='nav nav-tabs nav-justified' role='tablist'><%=
+          tabs
+        %></ul><!-- nav -->
+
+        <div class='tab-content'><%=
+          panes 
+        %></div><!-- tab-content -->
+      </div><!-- col-md-12 -->
+    </div><!-- container -->
+
+    <%= dialogs %>
+  </body>
+
+  <script type='text/javascript'><!--
+    var DATA = <%= page_data %>;
+  // --></script>
+
+  <%= scripts %>
+</html>
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>
diff --git a/src/views/pages/logout.ecr b/src/views/pages/logout.ecr
new file mode 100644
index 0000000..b3c2eae
--- /dev/null
+++ b/src/views/pages/logout.ecr
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang='en-US'>
+  <head>
+    <meta charset="utf-8"/>
+    <title>Guff Logout</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-power-off'></i>
+              Log Out
+            </b>
+          </div><!-- panel-heading -->
+
+          <div class='panel-body'>
+            <p>
+              You have logged out.
+            </p>
+
+            <p>
+              <a
+                href='login.html'
+                title='Go to login page.'
+              >Go to Login page</a>
+            </p>
+          </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>