Add a footer.
This commit is contained in:
parent
6654087b00
commit
04e3f92aa4
5 changed files with 35 additions and 2 deletions
|
@ -3,10 +3,32 @@ body {
|
||||||
color: #445470;
|
color: #445470;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
background: #FE4365;
|
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 {
|
header h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -45,7 +45,7 @@
|
||||||
</div><% if((i+1)%4 == 0) { %></div><div class="row"><% } %>
|
</div><% if((i+1)%4 == 0) { %></div><div class="row"><% } %>
|
||||||
<% } %>
|
<% } %>
|
||||||
</div>
|
</div>
|
||||||
<div class="row share">
|
<div class="row share-tools">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -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>
|
<script>
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
(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),
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
|
|
@ -13,3 +13,4 @@
|
||||||
<link rel="stylesheet" href="/stylesheets/style.css">
|
<link rel="stylesheet" href="/stylesheets/style.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="<%= page %>">
|
<body class="<%= page %>">
|
||||||
|
<div class="page-wrap">
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<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>
|
<h2><%= items[0].name %> <span class="artist-lighten">- <%= items[0].artist.name %></span></h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue