Add a footer.

This commit is contained in:
Jonathan Cremin 2014-12-05 19:11:45 +00:00
parent 6654087b00
commit 04e3f92aa4
5 changed files with 35 additions and 2 deletions

View file

@ -3,10 +3,32 @@ body {
color: #445470;
}
html, body {
height: 100%;
}
header {
background: #FE4365;
}
.page-wrap {
min-height: 100%;
margin-bottom: -180px;
}
.page-wrap:after {
content: "";
display: block;
}
footer, .page-wrap:after {
margin-top: 80px;
height: 100px;
}
footer {
background: #eee;
line-height: 100px;
text-align: right;
}
header h1 {
margin: 0;
text-align: center;

View file

@ -45,7 +45,7 @@
</div><% if((i+1)%4 == 0) { %></div><div class="row"><% } %>
<% } %>
</div>
<div class="row share">
<div class="row share-tools">
</div>
</div>

View file

@ -1,3 +1,13 @@
</div>
<footer>
<div class="container">
<div class="row">
<% if (page == "home") { %><div class="col-md-6 col-md-offset-3"><% } else { %><div class="col-md-12"><% } %>
<a href="https://twitter.com/MatchAudio">Tweet</a> or <a href="https://github.com/kudos/match.audio">Fork</a>. A work in progress by <a href="http://crem.in">this guy</a>.
</div>
</div>
</div>
</footer>
<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),

View file

@ -13,3 +13,4 @@
<link rel="stylesheet" href="/stylesheets/style.css">
</head>
<body class="<%= page %>">
<div class="page-wrap">

View file

@ -11,7 +11,7 @@
<div class="container">
<div class="row">
<div class="col-md-12">
<h3>Matched albums for</h3>
<h3>Matched tracks for</h3>
<h2><%= items[0].name %> <span class="artist-lighten">- <%= items[0].artist.name %></span></h2>
</div>
</div>