tom/webdev-assignment-2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fill footer with content

Browse Source
This commit is contained in:
Thomas Wade 2018-10-29 21:02:32 +10:30
parent 9c75f29170
commit 91bd863f1c
3 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scripts/app.js
View File

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

9
styles/default.css
View File

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

6
views/footer.html
View File

@ -1,5 +1,7 @@
<div class="footerContainer"> <div class="footerContainer" ng-controller="footer">
<div class="centreFooterContainer"> <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>
</div> </div>