Use bootstrap's homepage-style footer. revert here if causes problems,

i don't know what i'm doing
This commit is contained in:
Tyler Renelle 2012-09-02 23:42:48 -04:00
parent 1f17fff6c1
commit 1eae48f39e
2 changed files with 71 additions and 53 deletions

View file

@ -141,20 +141,38 @@ li:hover .task-meta-controls .hover-show
float:left
padding-right:10px
/* ------- Sticky Footer ------ */
html, body {height: 100%;}
/* Footer
-------------------------------------------------- */
#wrap {min-height: 100%;}
.footer ul li
list-style:none
float:left
padding-right:10px
.footer table td
vertical-align: top
/* Bootstrap website boilerplate */
.footer {
padding: 70px 0;
margin-top: 70px;
border-top: 1px solid #e5e5e5;
background-color: #f5f5f5;
}
.footer p {
margin-bottom: 0;
color: #777;
}
.footer-links {
margin: 10px 0;
}
.footer-links li {
display: inline;
margin-right: 10px;
}
#main
overflow:auto;
padding-bottom: 200px; /* must be same height as the footer */
#footer
position: relative;
margin-top: -200px; /* negative value of footer height */
height: 200px;
clear:both;
table.social-links td
vertical-align: top
/* Customizations to make footer sticky */
/*html, body {height: 100%;}*/
#wrap {min-height: 100%;}
#main
/*overflow:auto;*/
padding-bottom: 250px; /* don't know why this works, sticky footers are weird */

View file

@ -147,47 +147,47 @@
<app:myFooter/>
<myFooter:>
<footer id=footer class=pull-right>
<table class=social-links>
<tr>
<td>
Copyright &copy; 2012 Tyler Renelle&nbsp;&nbsp;&nbsp;&nbsp;
</td>
<td>
<a target="_blank" href="https://github.com/lefnire/habitrpg#habitrpg">About</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="/privacy">Privacy</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="/terms">Terms</a>&nbsp;&nbsp;&nbsp;&nbsp;
</td>
<footer class=footer>
<div class=container>
<div clas=row>
<div class='span5'>
<ul>
<li>Copyright &copy; 2012 Tyler Renelle</li>
<li><a target="_blank" href="https://github.com/lefnire/habitrpg#habitrpg">About</a></li>
<li><a href="/privacy">Privacy</a></li>
<li><a href="/terms">Terms</a></li>
<li><a target="_blank" hredf="http://ocdevel.com/contact">Contact</a></li>
</ul>
</div>
{#unless _mobileDevice}
<td>
<!-- Github -->
<iframe src="http://ghbtns.com/github-btn.html?user=lefnire&repo=habitrpg&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="85px" height="20px"></iframe>
</td>
<td>
<!-- Gittip -->
<!-- <iframe style="border: 0; margin: 0; padding: 0;" src="https://www.gittip.com/lefnire/widget.html" width="48pt" height="20pt"></iframe> -->
</td>
<td>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style "
addthis:url="http://habitrpg.com"
addthis:title="HabitRPG: Role Playing Game for Self Improvement">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<div class='span5'>
<table>
<tr>
<td>
<!-- Github -->
<iframe src="http://ghbtns.com/github-btn.html?user=lefnire&repo=habitrpg&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="85px" height="20px"></iframe>
<!-- Gittip -->
<!-- <iframe style="border: 0; margin: 0; padding: 0;" src="https://www.gittip.com/lefnire/widget.html" width="48pt" height="20pt"></iframe> -->
<!-- AddThis Button BEGIN -->
</td>
<td>
<div class="addthis_toolbox addthis_default_style "
addthis:url="http://habitrpg.com"
addthis:title="HabitRPG: Role Playing Game for Self Improvement">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
</div>
<!-- AddThis Button END -->
<!--<a href="https://twitter.com/share" class="twitter-share-button" data-via="lefnire">Tweet</a>-->
</td>
</tr>
</table>
</div>
<!-- AddThis Button END -->
<!--<a href="https://twitter.com/share" class="twitter-share-button" data-via="lefnire">Tweet</a>-->
</td>
{/}
</tr>
</table>
</div>
</div>
</footer>
<taskColumn: nonvoid>