Fill footer with content

scripts/app.js

@@ -126,7 +126,7 @@ app.controller("head", ["$scope",
 app.controller("footer", ["$scope",
     function($scope)
     {
-        $scope.date = currentDate();
+        $scope.year = new Date().getFullYear();
     }
 ]);
 

styles/default.css

@@ -61,7 +61,7 @@ button:disabled
     position: relative;
 
     width: 800px;
-    min-height: calc(100vh - 100px - 100px);
+    min-height: calc(100vh - 100px - 60px);
     margin-right: auto;
     margin-left: auto;
     padding-top: 100px;
@@ -154,17 +154,22 @@ button:disabled
 .footerContainer
 {
     width: 100%;
-    height: 80px;
+    height: 40px;
 }
 
 .centreFooterContainer
 {
+    line-height: 20px;
+
     width: calc(800px - 20px);
     height: 100%;
     margin-right: auto;
     margin-left: auto;
     padding: 10px;
 
+    text-align: center;
+    vertical-align: middle;
+
     color: #fff;
     background-color: #000;
 }

views/footer.html

@@ -1,5 +1,7 @@
-<div class="footerContainer">
+<div class="footerContainer" ng-controller="footer">
     <div class="centreFooterContainer">
-        Footer
+        Copyright &#169; {{year}} Thomas Wade, All Rights Reserved.
+        <br>
+        The views and opinions expressed here are purely those of their respective author.
     </div>
 </div>