From bf067d1c7da65cd0c25fecceaf0d9c3e39c7b387 Mon Sep 17 00:00:00 2001
From: Jonnie Spratley <jonniespratley@gmail.com>
Date: Wed, 18 Feb 2015 17:57:51 -0800
Subject: [PATCH] added docker files

---
 .dockerignore                  |  16 ++++
 .gitignore                     |   5 --
 Dockerfile                     |  22 +++++
 app/views/main.html            |   1 -
 fig.yml                        |   0
 www/404.html                   | 157 ++++++++++++++++++++++++++++++++
 www/index.html                 | 160 +++++++++++++++++++++++++++++++++
 www/views/_aside.html          |  13 +++
 www/views/_content.html        |  12 +++
 www/views/_footer.html         |  11 +++
 www/views/_header.html         |  58 ++++++++++++
 www/views/_navbar.html         |  74 +++++++++++++++
 www/views/_sidebar.html        |  43 +++++++++
 www/views/admin.html           |  82 +++++++++++++++++
 www/views/dashboard.html       |  84 +++++++++++++++++
 www/views/docs.html            |   1 +
 www/views/forgot-password.html |  22 +++++
 www/views/help.html            |  37 ++++++++
 www/views/index.html           |  70 +++++++++++++++
 www/views/login.html           |  31 +++++++
 www/views/main.html            |  43 +++++++++
 www/views/media.html           |  73 +++++++++++++++
 www/views/pages.html           |  56 ++++++++++++
 www/views/plugins.html         |  93 +++++++++++++++++++
 www/views/profile.html         |  36 ++++++++
 www/views/register.html        |  36 ++++++++
 www/views/reset-password.html  |  20 +++++
 www/views/settings.html        | 100 +++++++++++++++++++++
 www/views/themes.html          |  32 +++++++
 www/views/users.html           | 151 +++++++++++++++++++++++++++++++
 www/views/widgets.html         |  57 ++++++++++++
 31 files changed, 1590 insertions(+), 6 deletions(-)
 create mode 100644 .dockerignore
 create mode 100644 Dockerfile
 create mode 100644 fig.yml
 create mode 100644 www/404.html
 create mode 100644 www/index.html
 create mode 100644 www/views/_aside.html
 create mode 100644 www/views/_content.html
 create mode 100644 www/views/_footer.html
 create mode 100644 www/views/_header.html
 create mode 100644 www/views/_navbar.html
 create mode 100644 www/views/_sidebar.html
 create mode 100644 www/views/admin.html
 create mode 100644 www/views/dashboard.html
 create mode 100644 www/views/docs.html
 create mode 100644 www/views/forgot-password.html
 create mode 100644 www/views/help.html
 create mode 100644 www/views/index.html
 create mode 100644 www/views/login.html
 create mode 100644 www/views/main.html
 create mode 100644 www/views/media.html
 create mode 100644 www/views/pages.html
 create mode 100644 www/views/plugins.html
 create mode 100644 www/views/profile.html
 create mode 100644 www/views/register.html
 create mode 100644 www/views/reset-password.html
 create mode 100644 www/views/settings.html
 create mode 100644 www/views/themes.html
 create mode 100644 www/views/users.html
 create mode 100644 www/views/widgets.html

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..500fac4
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,16 @@
+.git
+.tmp
+.idea
+.grunt
+.sass-cache
+.project
+.c9
+.DS_Store
+atlassian-ide-plugin.xml
+app/bower_components
+coverage
+db
+coverage
+docs
+dist
+node_modules
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 3dbb9ef..d1a8e31 100755
--- a/.gitignore
+++ b/.gitignore
@@ -6,15 +6,10 @@
 .project
 .c9
 .DS_Store
-
-
 atlassian-ide-plugin.xml
-
-
 app/bower_components
 coverage
 db
-www
 coverage
 docs
 dist
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..75e5980
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,22 @@
+###
+# docker-angular-cms
+# This is the docker container for angular-cms
+###
+FROM ubuntu:14.04
+MAINTAINER Jonnie Spratley <jonniespratley@gmail.com>
+
+WORKDIR .
+COPY . /angular-cms
+
+RUN apt-get update && apt-get install -y \
+  git \
+  npm \
+  nodejs
+
+RUN ln -s /usr/bin/nodejs /usr/local/bin/node
+
+RUN cd /angular-cms \
+	npm install
+
+EXPOSE  1339
+CMD ["npm", "start"]
\ No newline at end of file
diff --git a/app/views/main.html b/app/views/main.html
index 2331017..ff05022 100755
--- a/app/views/main.html
+++ b/app/views/main.html
@@ -9,7 +9,6 @@ <h1>
         </h1>
         <p class="lead">
           {{App.feature.body}}
-
         </p>
       <ul class="list-inline">
         	<li class="github-btn">
diff --git a/fig.yml b/fig.yml
new file mode 100644
index 0000000..e69de29
diff --git a/www/404.html b/www/404.html
new file mode 100644
index 0000000..1a4db3a
--- /dev/null
+++ b/www/404.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Page Not Found :(</title>
+    <style>
+      ::-moz-selection {
+        background: #b3d4fc;
+        text-shadow: none;
+      }
+
+      ::selection {
+        background: #b3d4fc;
+        text-shadow: none;
+      }
+
+      html {
+        padding: 30px 10px;
+        font-size: 20px;
+        line-height: 1.4;
+        color: #737373;
+        background: #f0f0f0;
+        -webkit-text-size-adjust: 100%;
+        -ms-text-size-adjust: 100%;
+      }
+
+      html,
+      input {
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+      }
+
+      body {
+        max-width: 500px;
+        _width: 500px;
+        padding: 30px 20px 50px;
+        border: 1px solid #b3b3b3;
+        border-radius: 4px;
+        margin: 0 auto;
+        box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
+        background: #fcfcfc;
+      }
+
+      h1 {
+        margin: 0 10px;
+        font-size: 50px;
+        text-align: center;
+      }
+
+      h1 span {
+        color: #bbb;
+      }
+
+      h3 {
+        margin: 1.5em 0 0.5em;
+      }
+
+      p {
+        margin: 1em 0;
+      }
+
+      ul {
+        padding: 0 0 0 40px;
+        margin: 1em 0;
+      }
+
+      .container {
+        max-width: 380px;
+        _width: 380px;
+        margin: 0 auto;
+      }
+
+      /* google search */
+
+      #goog-fixurl ul {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+      }
+
+      #goog-fixurl form {
+        margin: 0;
+      }
+
+      #goog-wm-qt,
+      #goog-wm-sb {
+        border: 1px solid #bbb;
+        font-size: 16px;
+        line-height: normal;
+        vertical-align: top;
+        color: #444;
+        border-radius: 2px;
+      }
+
+      #goog-wm-qt {
+        width: 220px;
+        height: 20px;
+        padding: 5px;
+        margin: 5px 10px 0 0;
+        box-shadow: inset 0 1px 1px #ccc;
+      }
+
+      #goog-wm-sb {
+        display: inline-block;
+        height: 32px;
+        padding: 0 10px;
+        margin: 5px 0 0;
+        white-space: nowrap;
+        cursor: pointer;
+        background-color: #f5f5f5;
+        background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+        background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+        background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+        background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+        *overflow: visible;
+        *display: inline;
+        *zoom: 1;
+      }
+
+      #goog-wm-sb:hover,
+      #goog-wm-sb:focus {
+        border-color: #aaa;
+        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+        background-color: #f8f8f8;
+      }
+
+      #goog-wm-qt:hover,
+      #goog-wm-qt:focus {
+        border-color: #105cb6;
+        outline: 0;
+        color: #222;
+      }
+
+      input::-moz-focus-inner {
+        padding: 0;
+        border: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <h1>Not found <span>:(</span></h1>
+      <p>Sorry, but the page you were trying to view does not exist.</p>
+      <p>It looks like this was the result of either:</p>
+      <ul>
+        <li>a mistyped address</li>
+        <li>an out-of-date link</li>
+      </ul>
+      <script>
+        var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
+      </script>
+      <script src="//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
+    </div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/www/index.html b/www/index.html
new file mode 100644
index 0000000..e2c2521
--- /dev/null
+++ b/www/index.html
@@ -0,0 +1,160 @@
+<!doctype html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!-->
+<!--<![endif]-->
+<html class="no-js">
+<!--[if gt IE 8]><![endif]-->
+<html data-ng-app="angularCmsApp" class="no-js">
+<head>
+  <meta charset="utf-8">
+  <!--[if IE]>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <![endif]-->
+  <title>Angular-CMS</title>
+  <meta name="description" content="This is a lightweight CMS built with Angular.js, Twitter Bootstrap and Node.js.">
+  <meta name="viewport" content="width=device-width">
+  <meta name="fragment" content="#">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-title" content="angular-cms">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <link rel="shortcut icon" href="images/favicon.ico">
+  <link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="images/apple-touch-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png">
+  <link rel="icon" type="image/png" href="images/favicon-196x196.png" sizes="196x196">
+  <link rel="icon" type="image/png" href="images/favicon-160x160.png" sizes="160x160">
+  <link rel="icon" type="image/png" href="images/favicon-96x96.png" sizes="96x96">
+  <link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16">
+  <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32">
+  
+  
+  
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="msapplication-TileImage" content="images/mstile-144x144.png">
+  <meta name="msapplication-square70x70logo" content="images/mstile-70x70.png">
+  <meta name="msapplication-square144x144logo" content="images/mstile-144x144.png">
+  <meta name="msapplication-square150x150logo" content="images/mstile-150x150.png">
+  <meta name="msapplication-square310x310logo" content="images/mstile-310x310.png">
+  <meta name="msapplication-wide310x150logo" content="images/mstile-310x150.png">
+
+  <!-- build:css({.tmp,app}) styles/app.css -->
+  <link rel="stylesheet" href="bower_components/angular-motion/dist/angular-motion.min.css">
+  <link rel="stylesheet" href="bower_components/bootstrap-additions/dist/bootstrap-additions.min.css">
+  <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
+  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
+  <link rel="stylesheet" href="styles/main.css">
+  <!-- endbuild -->
+  <link rel="stylesheet" ng-href="{{App.settings.cdn}}/bootswatch.com/{{App.theme | lowercase}}/bootstrap.min.css">
+
+	<!--[if lt IE 9]>
+	<script src="bower_components/es5-shim/es5-shim.js"></script>
+	<script src="bower_components/json3/lib/json3.min.js"></script>
+	<![endif]-->
+</head>
+<body data-ng-class="App.route.current.scope.name">
+
+	<!--[if lt IE 7]>
+	<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+	<![endif]-->
+
+
+	<div id="app" class="app" data-ng-controller="AppCtrl" data-ng-cloak="">
+	  <header id="header" data-ng-include="App.layout.header">
+
+	  </header>
+	  <section id="content" data-ng-include="App.layout.content">
+
+	  </section>
+	  <footer id="footer" data-ng-include="App.layout.footer">
+
+	  </footer>
+
+	</div>
+
+
+	<script>
+	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+	    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+	    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+	  ga('create', 'UA-52162355-1', 'angular-cms.herokuapp.com');
+	  ga('send', 'pageview');
+	</script>
+
+	
+	<!-- build:js({.tmp,app}) scripts/vendor.js -->
+  <!-- bower:js -->
+	<script src="bower_components/jquery/jquery.js"></script>
+	<script src="bower_components/jquery-ui/ui/jquery-ui.js"></script>
+	<script src="bower_components/es5-shim/es5-shim.js"></script>
+	<script src="bower_components/json3/lib/json3.min.js"></script>
+	<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
+	<script src="libs/parse-1.2.17.min.js"></script>
+  <script src="libs/md5.js"></script>
+  <script src="libs/markdown.js"></script>
+	<!-- endbuild -->
+	
+  <!-- build:js({.tmp,app}) scripts/modules.js -->
+	<script src="bower_components/angular/angular.js"></script>
+	<script src="bower_components/angular-ui-utils/ui-utils.js"></script>
+	<script src="bower_components/angular-strap/dist/angular-strap.min.js"></script>
+	<script src="bower_components/angular-strap/dist/angular-strap.tpl.min.js"></script>
+	<script src="bower_components/angular-animate/angular-animate.js"></script>
+	<script src="bower_components/angular-route/angular-route.js"></script>
+	<script src="bower_components/angular-resource/angular-resource.js"></script>
+	<script src="bower_components/angular-cookies/angular-cookies.js"></script>
+	<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
+	<script src="bower_components/angular-form-gen/dist/angular-form-gen.js"></script>
+  <!-- endbuild -->
+  
+  <!-- endbower -->
+
+	<!-- build:js({.tmp,app}) scripts/scripts.js -->
+	<script src="scripts/config.js"></script>
+	<script src="scripts/app.js"></script>
+	<script src="scripts/templates.js"></script>
+	<script src="scripts/controllers/main.js"></script>
+	<script src="scripts/controllers/docs.js"></script>
+	<script src="scripts/controllers/admin.js"></script>
+	<script src="scripts/controllers/login.js"></script>
+	<script src="scripts/controllers/profile.js"></script>
+	<script src="scripts/controllers/plugins.js"></script>
+	<script src="scripts/controllers/themes.js"></script>
+	<script src="scripts/controllers/widgets.js"></script>
+	<script src="scripts/controllers/media.js"></script>
+	<script src="scripts/controllers/settings.js"></script>
+	<script src="scripts/controllers/dashboard.js"></script>
+	<script src="scripts/controllers/users.js"></script>
+	<script src="scripts/controllers/register.js"></script>
+	<script src="scripts/controllers/pages.js"></script>
+	<script src="scripts/controllers/forgot-password.js"></script>
+	<script src="scripts/controllers/sidebar.js"></script>
+	<script src="scripts/controllers/help.js"></script>
+	<script src="scripts/controllers/app.js"></script>
+  <script src="scripts/filters/gravatar.js"></script>
+	<script src="scripts/directives/cms-formgroup.js"></script>
+	<script src="scripts/directives/cms-widgets.js"></script>
+	<script src="scripts/directives/cms-widget.js"></script>
+	<script src="scripts/directives/cms-uploader.js"></script>
+	<script src="scripts/directives/cms-header.js"></script>
+	<script src="scripts/directives/cms-gravatar.js"></script>
+	<script src="scripts/services/dataservice.js"></script>
+	<!--script src="scripts/services/cmsdataserviceprovider.js"></script-->
+	<script src="scripts/services/cms-dataservicefactory.js"></script>
+	<script src="scripts/services/cms-usersfactory.js"></script>
+	<script src="scripts/services/cms-authservice.js"></script>
+	<script src="scripts/services/cms-sessionservice.js"></script>
+	<script src="scripts/services/cms-socketservice.js"></script>
+	<script src="scripts/services/cms-notify.js"></script>
+	<!-- endbuild -->
+</body>
+</html></html>
\ No newline at end of file
diff --git a/www/views/_aside.html b/www/views/_aside.html
new file mode 100644
index 0000000..9cb58cf
--- /dev/null
+++ b/www/views/_aside.html
@@ -0,0 +1,13 @@
+<div class="aside">
+  <div class="aside-dialog">
+    <div class="aside-content">
+      <div class="aside-header" ng-show="title">
+        <button type="button" class="close" ng-click="$hide()">×</button>
+        <h4 class="aside-title">Menu</h4>
+      </div>
+      <div class="aside-body">
+        <ng-include src="'/views/_sidebar.html'"></ng-include>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/www/views/_content.html b/www/views/_content.html
new file mode 100644
index 0000000..abc62ce
--- /dev/null
+++ b/www/views/_content.html
@@ -0,0 +1,12 @@
+<div class="container">
+	<div class="row">
+			<aside id="cms-sidebar" ng-controller="SidebarCtrl" ng-include="App.layout.sidebar" ng-if="App.session.authorized" ng-class="{closed:sidebar.closed}" class="col-xs-3 col-sm-3 col-md-2 cms-sidebar"></aside>
+  <div class="view-animate-container">
+  	 <div class="alert alert-{{alert.type}} animate-if" ng-if="alert">
+		<strong>{{alert.code}}!</strong> {{alert.message}}
+		<a class="close" data-dismiss="alert" href="" aria-hidden="true">&times;</a>
+	</div>
+    <div class="view-animate" data-ng-view=""></div>
+  </div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/www/views/_footer.html b/www/views/_footer.html
new file mode 100644
index 0000000..8f366e1
--- /dev/null
+++ b/www/views/_footer.html
@@ -0,0 +1,11 @@
+<div class="container">
+	<hr>
+	<div class="footer tc clearfix">
+		<p class="app-copywrite pull-left">
+			&copy; {{App.sitecopy}}
+		</p>
+		<p class="app-version pull-right">
+			Version {{App.version}}
+		</p>
+	</div>
+</div>
\ No newline at end of file
diff --git a/www/views/_header.html b/www/views/_header.html
new file mode 100644
index 0000000..e68e582
--- /dev/null
+++ b/www/views/_header.html
@@ -0,0 +1,58 @@
+<nav class="cms-navbar navbar navbar-inverse navbar-fixed-top" role="navigation">
+	<div class="container">
+		<!-- Brand and toggle get grouped for better mobile display -->
+		<div class="navbar-header">
+			<button type="button" class="navbar-toggle" data-template="views/_aside.html" data-placement="right" data-animation="am-slide-right" bs-aside="aside" data-container="body">
+				<span class="sr-only">Toggle navigation</span>
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+			</button>
+			<a class="navbar-brand" href="#"> <img ng-src="{{App.config.cdns.https}}{{App.sitebrand}}" class="brand-img"> <span class="brand">{{App.sitetitle}}</span> </a>
+		</div>
+
+		<!-- Collect the nav links, forms, and other content for toggling -->
+		<div class="collapse navbar-collapse" id="cms-navbar-collapse">
+
+			<ul class="nav navbar-nav">
+				<li ng-repeat="item in App.menu.pub" ng-include="" src="'menu-item.html'"></li>
+			</ul>
+
+			<ul class="nav navbar-nav navbar-right" ng-controller="LoginCtrl">
+				<li class="dropdown" ng-if="App.session.authorized">
+					<a href="" class="dropdown-toggle" data-toggle="dropdown">
+						<img ng-src="{{ user.email | gravatar }}" class="img-circle navbar-avatar"> <span> {{ App.session.user.email }} </span> <b class="caret"></b> </a>
+					<ul class="dropdown-menu">
+						<li>
+							<a href="#/profile">My Profile</a>
+						</li>
+						<li>
+							<a href="#/settings">Settings</a>
+						</li>
+						<li>
+							<a href="#/help">Help</a>
+						</li>
+						<li class="divider"></li>
+						<li>
+							<a href="#/login" ng-click="logout()">Logout</a>
+						</li>
+					</ul>
+				</li>
+				<li>
+
+				</li><li ng-hide="App.session.authorized">
+					<a class="login-btn" href="#/login"><i class="fa fa-1x fa-lock"></i> Login</a>
+				</li>
+			</ul>
+		</div><!-- /.navbar-collapse -->
+	</div><!-- /.container-fluid -->
+</nav>
+<!-- You can use a custom html template with the `data-template` attr -->
+
+
+<script id="menu-item.html" type="text/ng-template">
+	<a ng-href="#{{item.href}}">
+	<i class="fa fa-1x fa-{{item.icon}}"></i>
+	{{item.title}}
+	</a>
+</script>
\ No newline at end of file
diff --git a/www/views/_navbar.html b/www/views/_navbar.html
new file mode 100644
index 0000000..78a037d
--- /dev/null
+++ b/www/views/_navbar.html
@@ -0,0 +1,74 @@
+<nav class="cms-navbar navbar navbar-inverse navbar-fixed-top" role="navigation">
+	<div class="container-fluid">
+		<!-- Brand and toggle get grouped for better mobile display -->
+		<div class="navbar-header">
+			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#cms-navbar-collapse">
+				<span class="sr-only">Toggle navigation</span>
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+			</button>
+			<a class="navbar-brand" href="#"> <img ng-src="{{App.config.cdns.https}}{{App.sitebrand}}" class="brand-img"> <span class="brand">{{App.sitetitle}}</span> </a>
+		</div>
+
+		<!-- Collect the nav links, forms, and other content for toggling -->
+		<div class="collapse navbar-collapse" id="cms-navbar-collapse">
+			<ul class="nav navbar-nav">
+				<ul class="nav navbar-nav">
+					<li ng-repeat="item in App.menu.pub" ng-include="" src="'menu-item.html'"></li>
+				</ul>
+				<li class="dropdown">
+					<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+					<ul class="dropdown-menu">
+						<li>
+							<a href="#">Action</a>
+						</li>
+						<li>
+							<a href="#">Another action</a>
+						</li>
+						<li>
+							<a href="#">Something else here</a>
+						</li>
+						<li class="divider"></li>
+						<li>
+							<a href="#">Separated link</a>
+						</li>
+						<li class="divider"></li>
+						<li>
+							<a href="#">One more separated link</a>
+						</li>
+					</ul>
+				</li>
+			</ul>
+			<ul class="nav navbar-nav navbar-right" ng-controller="LoginCtrl">
+				<li class="dropdown" ng-if="App.session.authorized">
+					<a href="" class="dropdown-toggle" data-toggle="dropdown"> <img src="https://www.gravatar.com/avatar/b4c0fecb38a48d57acf43350ee318107?s=20" class="img-circle"> <span> {{ App.session.user.username }} </span> <b class="caret"></b> </a>
+					<ul class="dropdown-menu">
+						<li>
+							<a href="#/profile">My Profile</a>
+						</li>
+						<li>
+							<a href="#/settings">Settings</a>
+						</li>
+						<li>
+							<a href="#/help">Help</a>
+						</li>
+						<li class="divider"></li>
+						<li>
+							<a ng-click="logout()">Logout</a>
+						</li>
+					</ul>
+				</li>
+				<li ng-hide="App.session.authorized">
+					<a class="login-btn" href="#/login"><i class="fa fa-1x fa-lock"></i> Login</a>
+				</li>
+			</ul>
+		</div><!-- /.navbar-collapse -->
+	</div><!-- /.container-fluid -->
+</nav>
+<script id="menu-item.html" type="text/ng-template">
+	<a ng-href="#{{item.href}}">
+	<i class="fa fa-1x fa-{{item.icon}}"></i>
+	{{item.title}}
+	</a>
+</script>
\ No newline at end of file
diff --git a/www/views/_sidebar.html b/www/views/_sidebar.html
new file mode 100644
index 0000000..15031dd
--- /dev/null
+++ b/www/views/_sidebar.html
@@ -0,0 +1,43 @@
+<div id="cms-sidebar-nav" class="well well-sm cms-sidebar-nav bs-sidebar hidden-print" role="complementary" data-offset-top="-70" bs-navbar="">
+
+	<nav id="cms-sidebar-nav-list" class="nav nav-list">
+		<li class="nav-header">
+			<span class="title">Menu</span>
+		</li>
+		<li ng-class="{active:item.selected}" ng-repeat="item in App.menu.user" data-match-route="{{item.href}}" ng-include="" src="'sidebar-item.html'"></li>
+
+		<!-- <li ng-class="{active:item.selected}" ng-repeat="item in App.menu.user" ng-include src="'sidebar-item.html'"></li> -->
+
+		<li class="nav-header">
+			<span class="title">Admin</span>
+		</li>
+		<li ng-class="{active:item.selected}" data-match-route="#{{item.href}}" ng-repeat="item in App.menu.admin" ng-include="" src="'sidebar-item.html'"></li>
+		<li class="nav-divider"></li>
+		<!-- Collapse -->
+		<li>
+			<a id="cms-sidebar-nav-toggle" href="" ng-click="toggleSidebar()" class="cms-sidebar-nav-toggle"> 
+				<i class="fa fa-toggle-left" ng-hide="sidebar.closed"></i> 
+				<i class="fa fa-toggle-right" ng-show="sidebar.closed"></i> 
+				<span class="title">Collapse menu</span> </a>
+		</li>
+	</nav>
+</div>
+<script id="sidebar-item.html" type="text/ng-template">
+	<a
+	rel="tooltip"
+	data-delay="3"
+	data-toggle="tooltip"
+	data-placement="right"
+	title="{{item.title}}"
+	data-id="{{item.id}}"
+	data-page="{{item.slug}}"
+	ng-click="select(item)"
+	ng-href="#{{item.href}}">
+	<i
+	class="fa fa-1x fa-{{item.icon}}"
+	title="{{item.title}}"></i>
+	<span class="title">
+	{{item.title}}
+	</span>
+	</a>
+</script>
\ No newline at end of file
diff --git a/www/views/admin.html b/www/views/admin.html
new file mode 100644
index 0000000..71ad1c1
--- /dev/null
+++ b/www/views/admin.html
@@ -0,0 +1,82 @@
+<div class="starter-template jumbotron">
+	<h1>WebSockets</h1>
+	<p class="lead">Use this document as a way to quickly start a new WebSocket project.</p>
+</div>
+<div class="messages"></div>
+<button class="btn btn-primary btn-connect">Connect</button>
+<button class="btn btn-danger btn-disconnect">Disconnect </button>
+<br>
+<br>
+<form class="form-inline" role="form">
+	<div class="form-group">
+		<input id="ws-endpoint" type="text" class="form-control" placeholder="ws://endpoint" value="ws://localhost:8181">
+	</div>
+	<div class="form-group">
+		<input id="ws-protocol" type="text" class="form-control" placeholder="Protocol" value="update-protocol">
+	</div>
+	<div class="form-group">
+		<input id="ws-msg" type="text" class="form-control" placeholder="Enter message here...">
+	</div>
+	<button class="btn btn-success btn-message" type="button">Send</button>
+</form>
+<br>
+<legend>Log</legend>
+<textarea class="form-control" rows="10"></textarea>
+
+<div class="container">
+	<div class="navbar navbar-default">
+		<div class="container">
+			<div class="navbar-header">
+				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+					<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
+				</button>
+				<a href="#" class="navbar-brand">Socket.io Tester</a>
+			</div>
+			<div class="collapse navbar-collapse">
+				<ul class="nav navbar-nav">
+					<li class="active">
+						<a href="#">Home</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+
+	<div class="input-group">
+		<input type="text" class="form-control" name="input" id="input" ng-model="App.input">
+		<a class="input-group-addon btn btn-primary" ng-click="App.send(App.input)">Send</a>
+	</div>
+	<br>
+
+
+	<div class="panel panel-default">
+		<div class="panel-heading">
+			<b> Output</b>
+		</div>
+		<div class="panel-body">
+			<div class="table-responsive">
+				<table class="table table-condensed">
+					<thead>
+					<tr>
+						<th>Client</th>
+						<th>Message</th>
+						<th>Time</th>
+					</tr>
+					</thead>
+					<tbody>
+					<tr ng-repeat="item in App.messages">
+						<td>{{item.id}}</td>
+						<td>{{item.message}}</td>
+
+						<td>{{item.datetime | date:'mediumTime'}}</td>
+					</tr>
+					</tbody>
+				</table>
+			</div>
+		</div>
+		<div class="panel-footer clearfix">
+			<a class="btn pull-right btn-default clear" ng-click="App.clear()">Clear</a>
+		</div>
+	</div>
+
+</div>
\ No newline at end of file
diff --git a/www/views/dashboard.html b/www/views/dashboard.html
new file mode 100644
index 0000000..e7b66e7
--- /dev/null
+++ b/www/views/dashboard.html
@@ -0,0 +1,84 @@
+<div id="dashboard">
+			<button class="btn btn-default btn-xs pull-right" ng-click="fullscreen()">
+				<i class="fa fa-arrows-alt"></i>
+			</button>
+	<cms-header title="Dashboard" icon="dashboard">
+	</cms-header>
+
+
+	<cms-widgets>
+		<cms-widget title="Overview" size="6">
+		<div class="row">
+			<div class="col-6 col-sm-6">
+				<legend>
+					Content
+				</legend>
+				<ul class="list-unstyled">
+					<li>
+						<span class="badge">42</span> Pages
+					</li>
+					<li>
+						<span class="badge">2</span> Categories
+					</li>
+					<li>
+						<span class="badge">5</span> Tags
+					</li>
+					<li>
+						<span class="badge">23</span> Files
+					</li>
+					<li>
+						<span class="badge">5</span> Plugins
+					</li>
+				</ul>
+			</div>
+			<div class="col-6 col-sm-6">
+				<legend>
+					System
+				</legend>
+			</div>
+		</div>
+		<p>
+			You are using <strong>Angular-CMS 0.1.0</strong>
+		</p>
+	
+	<div class="panel-footer clearfix">
+		<button class="btn pull-left hidden-sm btn-default" type="reset">
+			Check for Update
+		</button>
+		<button class="btn btn-primary pull-right">
+			Install Plugin
+		</button>
+	</div>
+
+		</cms-widget>
+		<cms-widget title="Quick Post" size="6">
+			<form>
+				<div class="form-group">
+					<div class="controls">
+						<input type="text" class="form-control" placeholder="Enter title here...">
+					</div>
+				</div>
+				<div class="form-group">
+					<div class="controls">
+						<textarea class="form-control" rows="3"></textarea>
+					</div>
+				</div>
+				<div class="form-group">
+					<div class="controls">
+						<input type="text" class="form-control" placeholder="Tags (separate with commas)">
+					</div>
+				</div>
+			</form>
+			<div class="panel-footer clearfix">
+				<button class="btn pull-left btn-default" type="button">
+					Save Draft
+				</button>
+				<button class="btn btn-primary pull-right">
+					Publish
+				</button>
+			</div>
+		</cms-widget>
+	</cms-widgets>
+
+	
+</div>
\ No newline at end of file
diff --git a/www/views/docs.html b/www/views/docs.html
new file mode 100644
index 0000000..c574a72
--- /dev/null
+++ b/www/views/docs.html
@@ -0,0 +1 @@
+<iframe src="/docs/index.html" border="0" width="100%" height="600"></iframe>
\ No newline at end of file
diff --git a/www/views/forgot-password.html b/www/views/forgot-password.html
new file mode 100644
index 0000000..3c43fcd
--- /dev/null
+++ b/www/views/forgot-password.html
@@ -0,0 +1,22 @@
+<div class="slim-view">
+	<form id="forgot-form" class="form-forgot well well-sm" ng-submit="forgot(user)" name="ForgotForm">
+		<header class="img-logo center avatar">
+						<img class="img-circle" src="data:image/png;base64,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">
+		</header>
+
+		<div class="alert alert-danger" ng-show="error">
+			<strong>Error {{error.code}}!</strong> {{error.message}} <a class="close" data-dismiss="alert" href="" aria-hidden="true">&times;</a>
+		</div>
+		<div class="form-group">
+			<input class="form-control" type="email" placeholder="Email" ng-model="user.email" name="email" required="" autofocus="">
+		</div>
+		<button class="btn btn-primary btn-block" type="submit" ng-disabled="!user.email">
+			Reset Password
+		</button>
+	</form>
+	<hr>
+	<div class="clearfix">
+		<span class="pull-left"> Back to <a href="#/login">Login</a> </span>
+		<span class="pull-right"><a href="#/register">Create an account</a> </span>
+	</div>
+</div>
\ No newline at end of file
diff --git a/www/views/help.html b/www/views/help.html
new file mode 100644
index 0000000..cacd072
--- /dev/null
+++ b/www/views/help.html
@@ -0,0 +1,37 @@
+<h1><i class="fa fa-1x fa-book"></i> Help</h1>
+    <hr>
+
+<div class="row">
+  <div class="col-md-12 col-lg-12">
+   <div class="well well-sm">
+    <button type="button" class="close" aria-hidden="true">
+      <small>&times;</small>
+    </button>
+    <h1>Welcome to Angular-CMS!</h1>
+    <p>Here are some links to help get you started:</p>
+    <br>
+     	<div class="row">
+          <div class="col-xs-4 col-sm-4 col-md-4 hidden-xs">
+            <p><strong>Get Started</strong></p>
+            <p><a href="#/themes" class="btn btn-primary btn-lg hidden-sm">Customize Your Site</a></p>
+          </div>
+          <div class="col-xs-6 col-sm-4 col-md-4">
+            <p><strong>Next Steps</strong></p>
+            <p><i class="glyphicon glyphicon-edit"></i> <a href="#/plugins"> Add some plugins</a></p>
+            <p><i class="glyphicon glyphicon-upload"></i> <a href="#/media"> Upload media</a></p>
+          </div>
+          <div class="col-xs-6 col-sm-4 col-md-4">
+            <p><strong>More Actions</strong></p>
+            <p><i class="glyphicon glyphicon-user"></i> <a href="#/users"> Manage Users</a></p>
+            <p><i class="glyphicon glyphicon-cog"></i> <a href="#/settings"> Site Settings</a></p>
+          </div>
+        </div>
+  </div>
+
+
+
+	<div id="readme" ng-init="loadReadme()"></div>
+
+</div>
+
+</div>
\ No newline at end of file
diff --git a/www/views/index.html b/www/views/index.html
new file mode 100644
index 0000000..96b4070
--- /dev/null
+++ b/www/views/index.html
@@ -0,0 +1,70 @@
+<div class="col-xs-12 col-sm-9 col-md-10">
+	<ol class="breadcrumb">
+		<li>
+			<a href="#">Home</a>
+		</li>
+		<li>
+			<a href="#">Appearance</a>
+		</li>
+		<li class="active">
+			Themes
+		</li>
+	</ol>
+
+	<!-- Nav tabs -->
+	<ul class="nav nav-tabs">
+		<li class="active">
+			<a href="#"> <i class="fa fa-2x fa-list-alt"></i> </a>
+		</li>
+		<li>
+			<a href="#" data-toggle="tab">Manage Themes</a>
+		</li>
+		<li>
+			<a href="#" data-toggle="tab">Install Theme</a>
+		</li>
+		<li>
+			<a href="#" data-toggle="tab">Settings</a>
+		</li>
+	</ul>
+	<br>
+	<div class="well well-sm">
+		<div class="row">
+			<div class="col-sm-4 col-md-4">
+				<img src="http://placehold.it/400x300" class="img-thumbnail">
+			</div>
+			<div class="col-md-8">
+				<small class="text-muted">Current Theme</small><h4>Twenty Twelve <small>1.0</small></h4>
+				<p>
+					The 2012 theme for Angular-CMS takes us back to the Bootstrap 2.3, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
+				</p>
+				<p class="text-muted">
+					<span>OPTIONS:</span><a href="#">Widgets</a> | <a href="#">Menus</a> | <a href="#">Header</a>
+				</p>
+			</div>
+		</div>
+	</div>
+	<div class="row">
+		<div class="col-sm-4 col-md-4 theme-item">
+			<img src="http://placehold.it/300x150" class="img-thumbnail">
+			<h4>Twenty Thirteen</h4>
+			<p class="text-muted">
+				By jonniespratley
+			</p>
+			<p class="actions hidden-sm">
+				<a href="#">Activate</a> | <a href="#">Live Preview</a><span class="pull-right"> <a href="#" class="danger">Delete</a> </span>
+			</p>
+		</div>
+		<div class="col-sm-4 col-md-4">
+			<img src="http://placehold.it/300x150" class="img-thumbnail">
+			<h4>Twenty Fourteen</h4>
+			<p class="text-muted">
+				By jonniespratley
+			</p>
+			<p class="actions hidden-sm">
+				<a href="#">Activate</a> | <a href="#">Live Preview</a><span class="pull-right"> <a href="#" class="danger">Delete</a> </span>
+			</p>
+		</div>
+		<div class="col-sm-4 col-md-4"></div>
+	</div>
+</div>
+<!--/span-->
\ No newline at end of file
diff --git a/www/views/login.html b/www/views/login.html
new file mode 100644
index 0000000..ee5cbea
--- /dev/null
+++ b/www/views/login.html
@@ -0,0 +1,31 @@
+<div class="slim-view">
+	<form id="login-form" class="form-login clearfix well well-sm" ng-submit="login(user)">
+		<header class="img-logo center avatar">
+			<img class="img-circle" src="data:image/png;base64,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">
+		</header>
+
+		<div class="login-message">
+
+		</div>
+
+		<div class="form-group">
+			<input id="username" name="username" class="form-control" type="text" placeholder="Username" ng-model="user.username" required="" autofocus="">
+		</div>
+		<div class="form-group">
+			<input id="password" name="password" class="form-control" type="password" placeholder="Password" ng-model="user.password" required="">
+		</div>
+		<p>
+			<label><input type="checkbox" ng-model="user.remember"> Stay signed in </label>
+			<span class="pull-right"> <a href="#/forgot-password"> Forgot password? </a> </span>
+		</p>
+		<button class="btn btn- btn-primary btn-block" type="submit">
+			Sign in
+		</button>
+		<hr>
+		<p class="center">
+			<a href="#/register">Create an account</a>
+		</p>
+	</form>
+
+
+</div>
\ No newline at end of file
diff --git a/www/views/main.html b/www/views/main.html
new file mode 100644
index 0000000..a3d533d
--- /dev/null
+++ b/www/views/main.html
@@ -0,0 +1,43 @@
+<div class="">
+
+
+      <div class="jumbotron">
+
+        <h1>
+          {{App.feature.title}}
+        </h1>
+        <p class="lead">
+          {{App.feature.body}}
+
+        </p>
+      <ul class="list-inline">
+        	<li class="github-btn">
+          <iframe src="http://ghbtns.com/github-btn.html?user=jonniespratley&amp;repo=angular-cms&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
+        </li>
+        <li class="github-btn">
+          <iframe src="http://ghbtns.com/github-btn.html?user=jonniespratley&amp;repo=angular-cms&amp;type=fork&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
+        </li>
+        <li class="github-btn">
+          <iframe src="http://ghbtns.com/github-btn.html?user=jonniespratley&amp;type=follow&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="160" height="20"></iframe>
+        </li>
+        </ul>
+      </div>
+
+      <div class="row marketing">
+        <div class="col-sm-12">
+
+    			<div class="row">
+            <div ng-repeat="item in App.features" class="media">
+                  <img ng-src="{{App.config.cdn}}{{item.image}}" height="50" class="pull-left img-circle media-object">
+                  <h4>{{item.title}}</h4>
+                  <p>{{item.body}}</p>
+                  <hr>
+             </div>
+
+          </div>
+        </div>
+
+      </div>
+
+
+    </div>
\ No newline at end of file
diff --git a/www/views/media.html b/www/views/media.html
new file mode 100644
index 0000000..12628a7
--- /dev/null
+++ b/www/views/media.html
@@ -0,0 +1,73 @@
+<h1><i class="fa fa-1x fa-upload"></i> Media</h1>
+<hr>
+  <div class="clearfix">
+    <cms-uploader image="http://placehold.it/100x100" name="image" maxheight="400" maxwidth="400" multiple="true" dragdrop="true" btnupload="Upload" btncrop="Crop" cropper="true" collection="imageCollection" showthumbs="true" litmpl="#liTmpl" showtable="true" showlist="true" filelimit="10" sizelimit="5000" action="/api/v2/upload"></cms-uploader>
+
+
+    <ul class="list-unstyled uploads hidden">
+      <li ng-repeat="upload in uploads">
+        <cms-upload ng-model="upload">
+          <div class="media">
+            <a class="pull-left" href="#">
+              <img class="media-object img-polaroid" ng-src="/cms-content/uploads/{{upload.filename}}" src="http://placehold.it/100">
+            </a>
+            <div class="media-body">
+              <h4 class="media-heading">{{upload.filename}}</h4>
+              <p>This is the content for your media.</p>
+              <div class="progress active progress-striped progress-info">
+                <div class="progress-bar"></div>
+              </div>
+            </div>
+          </div>
+        </cms-upload>
+      </li>
+
+    </ul>
+    <div class="col-sm-12">
+      <div class="btn-toolbar clearfix">
+        <div class="pull-left btn-group">
+          <button class="btn-default">
+            <i class="fa fa-list"></i>
+          </button>
+          <button class="btn-default">
+            <i class="fa fa-th-large"></i>
+          </button>
+        </div>
+        <div class="pull-right">
+          <input type="text" class="input-sm" placeholder="Search">
+        </div>
+      </div>
+
+      <table class="table table-striped table-hover table-bordered table-condensed">
+        <thead>
+          <tr>
+            <th class="td-checkbox"><input type="checkbox"></th>
+            <th>File</th>
+            <th>Type</th>
+            <th>Date</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr ng-repeat="file in uploads">
+            <td>
+              <input type="checkbox" ng-model="file._id">
+            </td>
+            <td>{{file.filename}}</td>
+            <td>{{file.type}}</td>
+            <td>{{file.created}}</td>
+          </tr>
+        </tbody>
+      </table>
+
+      <ul class="list-inline thumbnails">
+
+        <div class="col-sm-3" ng-repeat="file in uploads">
+          <div class="thumbnail">
+
+            <img src="http://placehold.it/300x300" ng-src="/cms-content/uploads/{{file.filename}}" alt="...">
+          </div>
+        </div>
+      </ul>
+
+    </div>
+  </div><br>
\ No newline at end of file
diff --git a/www/views/pages.html b/www/views/pages.html
new file mode 100644
index 0000000..479d6ae
--- /dev/null
+++ b/www/views/pages.html
@@ -0,0 +1,56 @@
+<div class="page-container">
+	<div class="">
+		<cms-header title="Pages" icon="folder-open"></cms-header>
+		<section>
+			<div class="row">
+				<div class="col-sm-12">
+					<div class="alerts"></div>
+
+					<table class="table table-condensed table-hover table-striped clearfix table-bordered">
+						<thead>
+							<tr>
+								<th class="th-checkbox">
+								<input type="checkbox" class="checkbox">
+								</th>
+								<th>Title</th>
+								<th>Date</th>
+								<th>Actions</th>
+							</tr>
+						</thead>
+						<tbody>
+
+							<tr ng-repeat="page in pages">
+								<td>
+								<input type="checkbox" value="{{page._id}}">
+								</td>
+								<td><a href="" ng-click="selectPage(page)" title="{{page.title}}">{{page.title}}</a><span class="label label-default">{{page.publish}}</span></td>
+								<td>{{page.created | date:'medium'}}</td>
+								<td class="actions">
+								<div class="btn-group">
+									<button type="button" class="btn btn-default btn-sm" ng-click="selectPage(page);" data-toggle="modal" data-target="#user-modal">
+										<i class="fa fa-edit"></i>
+									</button>
+									<button type="button" class="btn btn-default btn-sm" ng-click="remove(page);">
+										<i class="fa fa-trash-o"></i>
+									</button>
+								</div></td>
+							</tr>
+						</tbody>
+					</table>
+
+				</div>
+			</div>
+		</section>
+		<div class="row">
+			<form class="form-horizontal" ng-submit="save(page)">
+				<div class="col-sm-12">
+					<div fg-form="" fg-form-data="page" fg-schema="pageSchema"></div>
+					<button href="#" class="btn btn-danger btn-block" ng-click="remove(page)">
+						Move to trash
+					</button>
+					<button class="btn pull-right btn-primary btn-block">
+						Save
+					</button>
+				</div>
+			</form>
+		</div></div></div>
\ No newline at end of file
diff --git a/www/views/plugins.html b/www/views/plugins.html
new file mode 100644
index 0000000..4a796e5
--- /dev/null
+++ b/www/views/plugins.html
@@ -0,0 +1,93 @@
+<div id="plugins" class="">
+
+	<div class="col-12">
+		<cms-header title="Plugins" icon="folder-open"></cms-header>
+
+		<div class="row">
+			<div class="col-sm-9">
+				<!-- Single button -->
+				<div class="btn-group">
+					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+						Action <span class="caret"></span>
+					</button>
+					<ul class="dropdown-menu" role="menu">
+						<li>
+							<a href="#">Action</a>
+						</li>
+						<li>
+							<a href="#">Another action</a>
+						</li>
+						<li>
+							<a href="#">Something else here</a>
+						</li>
+						<li class="divider"></li>
+						<li>
+							<a href="#">Separated link</a>
+						</li>
+					</ul>
+				</div>
+				<button class="btn btn-default">
+					Apply
+				</button>
+			</div>
+			<div class="col-sm-3">
+
+				<input type="text" class="form-control" ng-model="query">
+
+			</div>
+		</div>
+		<br>
+		<table class="table table-bordered table-condensed table-hover">
+			<thead>
+				<tr>
+					<th>
+					<input type="checkbox">
+					</th>
+					<th>Plugin</th>
+					<th>Description</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr ng-repeat="plugin in plugins | filter: query">
+					<td>
+					<input type="checkbox" ng-model="plugin.id">
+					</td>
+					<td>{{plugin.title}}</td>
+					<td>{{plugin.description}}</td>
+				</tr>
+			</tbody>
+		</table>
+		<div class="row">
+			<div class="col-sm-6">
+				<p>
+					1 - 10 of 146 items 10 Per Page
+				</p>
+			</div>
+			<div class="col-sm-6 tr">
+				<ul class="pagination margin-none">
+					<li>
+						<a href="#">Prev</a>
+					</li>
+					<li>
+						<a href="#">1</a>
+					</li>
+					<li>
+						<a href="#">2</a>
+					</li>
+					<li>
+						<a href="#">3</a>
+					</li>
+					<li>
+						<a href="#">4</a>
+					</li>
+					<li>
+						<a href="#">Next</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+
+	</div>
+
+</div>
+<!--/span-->
\ No newline at end of file
diff --git a/www/views/profile.html b/www/views/profile.html
new file mode 100644
index 0000000..809808b
--- /dev/null
+++ b/www/views/profile.html
@@ -0,0 +1,36 @@
+<cms-header icon="user" title="My Profile"></cms-header>
+<div class="profile-message"></div>
+<div class="row">
+	<div class="col-sm-8">
+		<form class="form-horizontal" ng-submit="update(user)">
+			<cms-form-group label="Email">
+				<input type="email" class="form-control" placeholder="Email" ng-model="user.email" disabled="disabled">
+			</cms-form-group>
+			<cms-form-group label="Name">
+				<input type="text" class="form-control" placeholder="Name" ng-model="user.meta.name" required="">
+			</cms-form-group>
+			<cms-form-group label="Summary">
+				<textarea class="form-control" placeholder="Enter 200 words or less..." ng-model="user.meta.summary"></textarea>
+			</cms-form-group>
+
+			<div class="form-group tr">
+				<button class="btn btn-default">
+					Cancel
+				</button>
+				<button class="btn btn-primary" type="submit">
+					Save
+				</button>
+			</div>
+		</form>
+	</div>
+	<div class="col-sm-4">
+		<aside class="profile-pic center">
+			<div class="well well-sm">
+				<img ng-src="{{ user.email | gravatar }}" alt="{{App.session.user.username}}" class="img-thumbnail">
+
+				<br>
+				<small> To change visit <a href="gravatar.com" target="_blank">gravatar.com</a> </small>
+			</div>
+
+		</aside>
+	</div></div>
\ No newline at end of file
diff --git a/www/views/register.html b/www/views/register.html
new file mode 100644
index 0000000..7d735b6
--- /dev/null
+++ b/www/views/register.html
@@ -0,0 +1,36 @@
+<div class="slim-view register">
+	<form id="register-form" class="form-register well well-sm" name="RegisterForm">
+		<header class="img-logo center avatar">
+			<img class="img-circle" src="data:image/png;base64,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">
+		</header>
+		<div class="message">
+
+		</div>
+		<div class="form-group">
+			<input id="email" name="email" type="email" class="form-control" placeholder="Email" ng-model="user.email" required="">
+		</div>
+		<div class="form-group">
+			<input id="username" name="username" type="text" class="form-control" placeholder="Username" ng-model="user.username">
+		</div>
+		<div class="form-group">
+			<input id="password" name="password" type="password" class="form-control" placeholder="Password" ng-model="user.password" required="">
+		</div>
+		<div class="form-group">
+			<input id="password2" name="password2" type="password" class="form-control" placeholder="Confirm Password" ng-model="user.password2" required="">
+		</div>
+		<div class="form-group">
+			<label>
+				<input id="agree" name="agree" class="inline-checkbox" type="checkbox" ng-model="user.agree" required="">
+				Agree to Terms of Use
+			</label>
+		</div>
+		<div class="form-group">
+			<button class="btn btn-primary btn-block" type="submit" ng-disabled="!RegisterForm.$valid" ng-click="register(user)">
+				Sign up
+			</button>
+		</div>
+	</form>
+	<div class="clearfix">
+		<span class="pull-left"> Back to <a href="#/login">Login</a> </span>
+	</div>
+</div>
\ No newline at end of file
diff --git a/www/views/reset-password.html b/www/views/reset-password.html
new file mode 100644
index 0000000..fa0f8bd
--- /dev/null
+++ b/www/views/reset-password.html
@@ -0,0 +1,20 @@
+<div class="container login">
+	<form class="form-forgot well well-sm">
+		<div class="form-group">
+			<img src="http://placehold.it/300x125&text=Logo" alt="Logo" class="logo">
+		</div>
+		<div class="form-group">
+			<input type="email" class="form-control" placeholder="Email" disabled="disabled">
+		</div>
+		<div class="form-group">
+			<input type="password" class="form-control" placeholder="New Password">
+		</div>
+		<div class="form-group">
+			<input type="password" class="form-control" placeholder="Confirm Password">
+		</div>
+		<button class="btn btn-lg btn-primary btn-block" type="submit">
+			Update Password
+		</button>
+		<hr>
+	</form>
+</div>
\ No newline at end of file
diff --git a/www/views/settings.html b/www/views/settings.html
new file mode 100644
index 0000000..a5470fc
--- /dev/null
+++ b/www/views/settings.html
@@ -0,0 +1,100 @@
+<cms-header icon="gears" title="Settings"></cms-header>
+
+<div class="row">
+	<div class="col-sm-12">
+
+		<div fg-tabs="" class="needs-some-more-space">
+
+			<div fg-tabs-pane="Schema Editor">
+				<form class="form-horizontal" name="myForm.$state">
+					<div fg-edit="" fg-schema="myForm.schema"></div>
+				</form>
+			</div>
+
+			<div fg-tabs-pane="Form Preview" disabled="myForm.$state.$invalid">
+				<div ng-include="'preview.html'"></div>
+			</div>
+
+			<div fg-tabs-pane="Form Schema">
+				<div jsonify="myForm.schema"></div>
+			</div>
+
+		</div>
+
+		<form novalidate="" class="form-horizontal" name="previewForm" ng-init="myForm.$data = {}">
+
+			<fieldset>
+
+				<legend>
+					<div class="row">
+						<div class="col-sm-offset-3 col-sm-3">
+							Example Form
+						</div>
+					</div>
+				</legend>
+
+				<!-- Magic starts here -->
+
+				<div fg-form="" fg-form-data="myForm.$data" fg-schema="myForm.schema"></div>
+
+				<!-- Magic ends here -->
+
+			</fieldset>
+
+			<div ng-include="'form-status.html'"></div>
+
+		</form>
+
+		<script id="form-status.html" type="text/ng-template">
+			<div class="form-group">
+			<label class="control-label col-sm-3">Form status</label>
+
+			<div class="col-sm-9">
+			<div class="form-control-static">
+			<span ng-if="previewForm.$invalid" class="text-danger">Invalid <span class="glyphicon glyphicon-thumbs-down"></span></span>
+			<span ng-if="previewForm.$valid" class="text-success">Valid <span class="glyphicon glyphicon-thumbs-up"></span></span>
+			</div>
+			</div>
+			</div>
+
+			<div class="form-group">
+			<label class="control-label col-sm-3">Form data</label>
+
+			<div class="col-sm-9">
+			<div jsonify="myForm.$data"></div>
+			</div>
+			</div>
+		</script>
+
+		<form class="form-horizontal" ng-submit="update(App)">
+
+			<legend>
+				General
+			</legend>
+			<cms-form-group label="Site Title:">
+				<input type="text" ng-model="App.sitetitle">
+			</cms-form-group>
+			<cms-form-group label="Domain:">
+				<input type="text" ng-model="App.baseurl">
+			</cms-form-group>
+
+			<legend>
+				Network
+			</legend>
+
+			<cms-form-group label="{{key}}" ng-repeat="(key, value) in config">
+				<input type="text" ng-model="App[key]" value="{{ angular.isObject(App[key]) }}">
+			</cms-form-group>
+
+			<div class="form-group tr">
+				<button class="btn btn-default">
+					Cancel
+				</button>
+				<button class="btn btn-primary" type="submit">
+					Save
+				</button>
+			</div>
+		</form>
+	</div>
+
+</div>
\ No newline at end of file
diff --git a/www/views/themes.html b/www/views/themes.html
new file mode 100644
index 0000000..9dbebd6
--- /dev/null
+++ b/www/views/themes.html
@@ -0,0 +1,32 @@
+<div class="">
+	<div class="col-12">
+		<h1><i class="fa fa-1x fa-picture-o"></i> Themes</h1>
+		<hr>
+	</div>
+	<div class="well well-sm">
+		<div class="row">
+			<div class="col-sm-4 col-md-4 col-xs-4">
+				<img src="http://placehold.it/400x300" ng-src="{{App.settings.cdn}}/bootswatch.com/{{App.theme | lowercase}}/thumbnail.png" class="img-thumbnail">
+			</div>
+			<div class="col-md-8 col-sm-8 col-xs-8">
+				<small class="text-muted">Current Theme</small>
+				<h2>{{App.theme}} <small>1.0</small></h2>
+				<p>
+					This is going to be meta data for the theme.
+				</p>
+				<p class="text-muted">
+					<span>OPTIONS:</span>
+					<a href="#">Widgets</a> | <a href="#">Menus</a> | <a href="#">Header</a>
+				</p>
+			</div>
+		</div><!--/row-->
+	</div><!--/well-->
+	<!-- @TODO: [Themes List] -->
+	<div class="row cms-themes">
+		<div class="col-sm-6 col-md-4 col-xs-6 theme-item" ng-repeat="theme in App.options.themes">
+			<a class="thumbnail theme" href="" ng-click="selectTheme(theme);" title="Change to {{theme}} theme" ng-cloak=""> <img alt="{{theme}}" ng-src="{{App.settings.cdn}}/bootswatch.com/{{theme | lowercase}}/thumbnail.png" src="http://placehold.it/300x150">
+			<div class="caption hidden">
+				<h3>{{theme}}</h3>
+			</div> </a>
+		</div>
+	</div></div>
\ No newline at end of file
diff --git a/www/views/users.html b/www/views/users.html
new file mode 100644
index 0000000..fbde473
--- /dev/null
+++ b/www/views/users.html
@@ -0,0 +1,151 @@
+<div id="users" ng-init="getUsers()">
+
+	<h1><i class="fa fa-1x fa-group"></i> Users
+	<button class="btn btn-default btn-sm" data-toggle="modal" data-target="#user-modal" ng-click="user = {}">
+		New User
+	</button></h1>
+	<hr>
+
+	<div class="row">
+		<div class="col-md-12">
+			<div class="table-responsive">
+				<table class="table table-bordered table-hover table-condensed">
+					<thead>
+						<tr>
+							<th class="tc">
+							<input type="checkbox">
+							</th>
+							<th>Username</th>
+							<th>E-mail</th>
+							<th>Active</th>
+							<th>Last Updated</th>
+							<th class="actions">Actions</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr ng-repeat="user in users">
+							<td class="tc">
+							<input type="checkbox" value="{{user._id}}">
+							</td>
+							<td>{{ user.username }}</td>
+							<td> {{user.email}} <span class="label label-primary" ng-repeat="group in user.groups">{{group}}</span></td>
+
+							<td> {{user.active}}</td>
+							<td> {{user.updated_at | date:'medium'}}</td>
+							<td class="actions">
+							<div class="btn-group">
+								<button type="button" class="btn btn-default btn-sm" ng-click="selectUser(user);" data-toggle="modal" data-target="#user-modal">
+									<i class="fa fa-edit"></i>
+								</button>
+								<button type="button" class="btn btn-default btn-sm" ng-click="deleteUser($index, user);">
+									<i class="fa fa-trash-o"></i>
+								</button>
+							</div></td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+
+			<div id="user-modal" class="modal fade">
+				<div class="modal-dialog">
+					<div class="modal-content">
+						<div class="modal-header">
+							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
+								&times;
+							</button>
+							<h4 class="modal-title" ng-hide="user._id">New User</h4>
+							<h4 class="modal-title" ng-show="user._id">Edit User</h4>
+						</div>
+						<div class="modal-body">
+							<div class="profile-view">
+								<div class="row">
+									<div class="col-sm-8 col-xs-7">
+										<form name="UserForm" class="form-horizontal" ng-submit="addUser(user)">
+
+											<div class="form-group">
+												<label class="control-label col-sm-3 col-xs-3">Username:</label>
+
+												<div class="controls col-sm-9 col-xs-9">
+													<input type="text" class="form-control" placeholder="Username" ng-model="user.username" autofocus="">
+												</div>
+											</div>
+
+											<div class="form-group">
+												<label class="control-label col-sm-3 col-xs-3">Email:</label>
+
+												<div class="controls col-sm-9 col-xs-9">
+													<input type="email" class="form-control" placeholder="Email" ng-model="user.email" ng-disabled="user._id">
+												</div>
+											</div>
+											<div class="form-group">
+												<label class="control-label col-sm-3 col-xs-3">Password:</label>
+
+												<div class="controls col-sm-9 col-xs-9">
+													<input type="password" class="form-control" placeholder="Password" value="{{user.password}}" disabled="disabled">
+												</div>
+											</div>
+											<div class="form-group">
+												<label class="control-label col-sm-3 col-xs-3">Group:</label>
+
+												<div class="controls col-sm-9 col-xs-9">
+													<select ng-model="user.groups" class="form-control" multiple="multiple" ng-options="group for group in groups">
+
+													</select>
+
+												</div>
+											</div>
+
+											<div class="form-group">
+												<label class="control-label col-sm-3 col-xs-3">Name:</label>
+
+												<div class="controls col-sm-9 col-xs-9">
+													<input type="text" class="form-control" placeholder="Name" ng-model="user.meta.name">
+												</div>
+											</div>
+											<div class="form-group">
+												<label class="control-label col-sm-3 col-xs-3">Summary:</label>
+
+												<div class="controls col-sm-9 col-xs-9">
+													<textarea class="form-control" placeholder="Enter 50 words or less..." ng-model="user.meta.summary"></textarea>
+												</div>
+											</div>
+											<div class="form-group">
+												<label class="control-label col-sm-3 col-xs-3">Active:</label>
+
+												<div class="controls col-sm-9 col-xs-9">
+													<input type="checkbox" class="form-control" placeholder="Name" ng-model="user.active">
+												</div>
+											</div>
+										</form>
+									</div>
+									<div class="col-sm-4 col-xs-5">
+										<aside class="profile-pic center">
+
+											<div class="well well-sm">
+												<img ng-src="{{ user.email | gravatar }}" alt="{{App.session.user.username}}">
+
+												<br>
+												<small> To change visit <a href="gravatar.com" target="_blank">gravatar.com</a></small>
+											</div>
+										</aside>
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="modal-footer">
+							<button type="button" class="btn btn-default" data-dismiss="modal">
+								Close
+							</button>
+							<button type="button" class="btn btn-primary" ng-click="addUser(user)" ng-disabled="!UserForm.$valid">
+								Submit
+							</button>
+						</div>
+					</div>
+					<!-- /.modal-content -->
+				</div>
+				<!-- /.modal-dialog -->
+			</div>
+			<!-- /.modal -->
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/www/views/widgets.html b/www/views/widgets.html
new file mode 100644
index 0000000..13c3fe2
--- /dev/null
+++ b/www/views/widgets.html
@@ -0,0 +1,57 @@
+<h1><i class="fa fa-1x fa-puzzle-piece"></i> Widgets</h1>
+<hr>
+<section>
+	<div class="row">
+		<div class="col-sm-9">
+			<section>
+				<div class="row">
+					<div class="col-sm-12 tc">
+						<div class="placeholder block-navbar">
+							NAVBAR
+						</div>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-sm-8 tc">
+						<div class="placeholder block-content" style="min-height: 250px">
+							CONTENT
+						</div>
+					</div>
+					<div class="col-sm-4 tc">
+						<div class="placeholder block-sidebar" style="min-height: 250px">
+							SIDEBAR
+						</div>
+					</div>
+				</div>
+
+				<div class="row">
+					<div class="col-sm-12 tc">
+						<div class="placeholder block-footer">
+							FOOTER
+						</div>
+					</div>
+				</div>
+
+			</section>
+		</div>
+		<div class="col-sm-3">
+			<div class="well well-sm">
+				<ul class="nav nav-stacked nav-list">
+					<li class="nav-header">
+						Available Widgets
+					</li>
+					<li class="active">
+						<a href="#">RSS Feed</a>
+					</li>
+					<li>
+						<a href="#">HTML</a>
+					</li>
+					<li>
+						<a href="#">Photo Gallery</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+</section>
+<pre>App.widgets: {{App.widgets | json}}</pre>
\ No newline at end of file