diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..f6d6f01
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,2 @@
+# web javascript causes a lot of eslint warnings
+assets/js/*.js
\ No newline at end of file
diff --git a/assets/css/pretendo-auth.css b/assets/css/pretendo-auth.css
index 06b7dd8..1eb5953 100644
--- a/assets/css/pretendo-auth.css
+++ b/assets/css/pretendo-auth.css
@@ -3,6 +3,19 @@ body.flex.center {
     align-items: center;
 }
 
+body footer {
+    padding: 0;
+    background-color: transparent;
+}
+body footer .content {
+    border-radius: 0;
+    background-color: transparent;
+    padding: 1em 0;
+    box-shadow: none;
+    width: 30rem;
+    max-width: 100vw;
+}
+
 /* login/register card */
 .card {
     background-color: white;
diff --git a/assets/js/auth.js b/assets/js/auth.js
index e69de29..f41d421 100644
--- a/assets/js/auth.js
+++ b/assets/js/auth.js
@@ -0,0 +1,26 @@
+function postAjax(url, data, success) {
+	var params = (typeof data == 'string') ? data : Object.keys(data).map(function (k) {
+		return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) 
+	}).join('&');
+
+	var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
+	xhr.open('POST', url);
+	xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+	xhr.send(params);
+	return xhr;
+}
+
+function login() {
+	var xhr = postAjax('/api/v1/login', {
+		email: document.getElementById('email_input').value,
+		password: document.getElementById('password_input').value
+	});
+	xhr.onload = function () {
+		console.log(xhr.responseText);
+		response = JSON.parse(xhr.responseText);
+		if (response.success === true) {
+			location.pathname = '/pnid/dashboard';
+		}
+	}
+}
\ No newline at end of file
diff --git a/views/admin.hbs b/views/admin.hbs
index ea8fa7f..88df635 100644
--- a/views/admin.hbs
+++ b/views/admin.hbs
@@ -121,7 +121,7 @@
         <a href="/admin/api/v1/check">Check if logged in</a>
         <br>    
         <a href="/admin/api/v1/logout">Logout</a>
-
+        </div>
         {{> footer-default }}
     </body>
 </html>
diff --git a/views/contact.hbs b/views/contact.hbs
index adf2b7d..c23d666 100644
--- a/views/contact.hbs
+++ b/views/contact.hbs
@@ -25,7 +25,7 @@
                     </form>
                 </div>
             </section>
-
+        </div>
         {{> footer-default }}
     </body>
 </html>
diff --git a/views/dashboard.hbs b/views/dashboard.hbs
index 79d42e1..807d58c 100644
--- a/views/dashboard.hbs
+++ b/views/dashboard.hbs
@@ -13,7 +13,7 @@
                 <p class="txt-highlight">ERROR</p>
                 <h1 class="txt-title small">ERROR</h1>
             </section>
-        </div>
+        </div>  
         {{> footer-default }}
     </body>
 </html>
diff --git a/views/home.hbs b/views/home.hbs
index 0e36fa9..f1bb004 100644
--- a/views/home.hbs
+++ b/views/home.hbs
@@ -102,6 +102,7 @@
                     </div>
                 </div>
             </section>
+        </div>
         {{> footer-default }}
 	</body>
 </html>
\ No newline at end of file
diff --git a/views/login.hbs b/views/login.hbs
index cbf8704..1b77efe 100644
--- a/views/login.hbs
+++ b/views/login.hbs
@@ -14,13 +14,14 @@
                 <h1 class="txt-title small">{{ locales.login_card.title }}</h1>
                 <form action="/api/v1/sendmessage" method="POST">
                     <label for="email">{{ locales.login_card.email_text }}</label>
-                    <input type="text" class="hasLabel" id="email" name="email">
+                    <input type="text" class="hasLabel" id="email_input" name="email">
                     <label for="email">{{ locales.login_card.password_text }}</label>
-                    <input type="password" class="hasLabel" id="password" name="password">
+                    <input type="password" class="hasLabel" id="password_input" name="password">
                 </form>
-                <button class="btn btnMargin">{{ locales.login_card.button_text }}</button>
+                <button class="btn btnMargin" onclick="login()">{{ locales.login_card.button_text }}</button>
                 <p class="lowText">ERROR <a href="#">ERROR</a></p>
             </div>
         </div>
+        {{> footer-default }}
     </body>
 </html>
diff --git a/views/partials/footer-default.hbs b/views/partials/footer-default.hbs
index 0c3abcd..970956d 100644
--- a/views/partials/footer-default.hbs
+++ b/views/partials/footer-default.hbs
@@ -1,4 +1,3 @@
-</div>
 <footer>
     <div class="content">
         <p>{{ locales.footer.text }}</p>
diff --git a/views/post-collection.hbs b/views/post-collection.hbs
index 2d6e253..d6a6ef8 100644
--- a/views/post-collection.hbs
+++ b/views/post-collection.hbs
@@ -23,7 +23,7 @@
                     -->
                 </div>
             </section>
-
+        </div>
         {{> footer-default }}
     </body>
 </html>
\ No newline at end of file
diff --git a/views/post.hbs b/views/post.hbs
index 48d511a..b02d8d4 100644
--- a/views/post.hbs
+++ b/views/post.hbs
@@ -22,7 +22,7 @@
 					</div>
                 </div>
             </section>
-
+        </div>
         {{> footer-default }}
     </body>
 </html>
diff --git a/views/progress.hbs b/views/progress.hbs
index c123def..5b14dd9 100644
--- a/views/progress.hbs
+++ b/views/progress.hbs
@@ -38,7 +38,7 @@
                     {{/each}}
                 </div>
             </section>
-
+        </div>
         {{> footer-default }}
     </body>
 </html>