From 8761c89f75b408fcc4f98965292a359c62ea175a Mon Sep 17 00:00:00 2001
From: Lars van Hijfte <larsvanhijfte@hotmail.com>
Date: Wed, 11 Jan 2017 13:07:52 +0100
Subject: [PATCH] Added a footer.

This also sets the default height of the page to 100% so that the footer is always on the bottom
---
 website/styles/footer.css | 12 ++++++++++++
 website/views/footer.php  |  3 +++
 website/views/head.php    |  6 +++++-
 3 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 website/styles/footer.css
 create mode 100644 website/views/footer.php

diff --git a/website/styles/footer.css b/website/styles/footer.css
new file mode 100644
index 0000000..2092a7b
--- /dev/null
+++ b/website/styles/footer.css
@@ -0,0 +1,12 @@
+footer {
+    width: calc(100% - 256px);
+    margin-left: 256px;
+
+    background-color: rgba(0,0,0,0.4);
+}
+
+footer p {
+    padding: 5px;
+
+    font-size: 14px;
+}
diff --git a/website/views/footer.php b/website/views/footer.php
new file mode 100644
index 0000000..a7bed4e
--- /dev/null
+++ b/website/views/footer.php
@@ -0,0 +1,3 @@
+<footer>
+    <p>Copyright &copy; 2017 MyHyvesbook+ <span style="float: right">Like ons op Facebook!</span</p>
+</footer>
diff --git a/website/views/head.php b/website/views/head.php
index cdfa332..3654103 100644
--- a/website/views/head.php
+++ b/website/views/head.php
@@ -3,12 +3,16 @@
     <title>MyHyvesbook+</title>
     <!-- Add your javascript files here. -->
     <script src="js/jquery.js"></script>
+    <script src="js/header.js"></script>
+    <script src="js/menu.js"></script>
     <style>
         /* Add your css files here. */
         @import url("styles/main.css");
-        @import url("styles/chat.css");
         @import url("styles/font-awesome.css");
         @import url("styles/header.css");
         @import url("styles/menu.css");
+        @import url("styles/footer.css");
+
+        @import url("styles/chat.css");
     </style>
 </head>