sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-07-31 19:20:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adding sticky footer code & social-links

Browse source
This commit is contained in:
Tyler Renelle 2012-07-30 17:26:06 -04:00
parent b2c9035ca9
commit 88cd49fa0d
2 changed files with 59 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
styles/app/index.styl
View file

@ -4,7 +4,7 @@
html,body,p,h1,ul,li,table,tr,th,td html,body,p,h1,ul,li,table,tr,th,td
margin: 0 margin: 0
padding: 0 padding: 0
#head #head
background: #ddd background: #ddd
background: -webkit-gradient(linear,0 0,0 100%,from(#e7e7e7),to(#d0d0d0)) background: -webkit-gradient(linear,0 0,0 100%,from(#e7e7e7),to(#d0d0d0))
@ -127,11 +127,6 @@ li:hover .task-meta-controls .hover-show
margin: 5px margin: 5px
color: black color: black
footer.footer
position: absolute
bottom: 10px
right: 10px
/* ----- Items, Weapons, Armor -----*/ /* ----- Items, Weapons, Armor -----*/
.item-store-popover img .item-store-popover img
float:left float:left
@ -142,4 +137,22 @@ footer.footer
#dead-modal img #dead-modal img
float:left float:left
padding-right:10px padding-right:10px
/* ------- Sticky Footer ------ */
html, body {height: 100%;}
#wrap {min-height: 100%;}
#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

55
views/app/index.html
View file

@ -75,7 +75,7 @@
</div> </div>
</div> </div>
<div class="container-fluid"> <div id=wrap class=container-fluid>
{#if _debug} {#if _debug}
<div class="alert"> <div class="alert">
<i class="icon-warning-sign"></i> <b>Debugging Options</b><br/><br/> <i class="icon-warning-sign"></i> <b>Debugging Options</b><br/><br/>
@ -85,7 +85,7 @@
</div> </div>
{/} {/}
<div class="row-fluid"> <div id=main class=row-fluid>
<!-- would rather have one component: <app:taskList>, which handles taskList, task, and newTask. However, <!-- would rather have one component: <app:taskList>, which handles taskList, task, and newTask. However,
can't pass references as paramters. so <app:taskList newModel={_newHabit} list={_habitList}> doesn't work can't pass references as paramters. so <app:taskList newModel={_newHabit} list={_habitList}> doesn't work
and have to pass those in via {{{content}}} instead --> and have to pass those in via {{{content}}} instead -->
@ -145,21 +145,44 @@
<app:newTask type=reward><input value={_newReward} type="text" placeholder="New Reward"/></app:newTask> <app:newTask type=reward><input value={_newReward} type="text" placeholder="New Reward"/></app:newTask>
</app:taskColumn> </app:taskColumn>
</div> </div>
<footer class="footer">
<a href="https://github.com/lefnire/habitrpg#habitrpg">Help</a> |
&nbsp;<a href="https://github.com/lefnire/habitrpg/issues">Bugs</a> |
&nbsp;<a href="https://github.com/lefnire/habitrpg">Github</a> |
&nbsp;<a href="http://habitrpg-rails.herokuapp.com/">Old Site</a> |
&nbsp;Copyright &copy; 2012 Tyler Renelle
</footer>
</div> </div>
<!--<% if !current_user %> <app:myFooter/>
<%= link_to(image_tag("http://line6.com/images/connections/facebook-login-button.png", :alt => "Login with Facebook"), user_omniauth_authorize_path(:facebook)) %>
<% else %>--> <myFooter:>
<!--<% end %>--> <footer id=footer class=pull-right>
<table class=social-links>
<tr>
<td>
Copyright &copy; 2012 Tyler Renelle&nbsp;&nbsp;&nbsp;
</td>
<td>
<!-- Github -->
<iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=lefnire&repo=habitrpg&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="90px" 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 ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=lefnire"></script>
<!-- AddThis Button END -->
</td>
</tr>
</table>
</footer>
<taskColumn: nonvoid> <taskColumn: nonvoid>
<div class="span3 well {{{type}}}s"> <div class="span3 well {{{type}}}s">
@ -243,7 +266,7 @@
<button type=submit class="btn">Save</button> <button type=submit class="btn">Save</button>
<button x-bind=click:del class="btn btn-danger">Delete</button> <button x-bind=click:del class="btn btn-danger">Delete</button>
</form> </form>
</div> </div>
<div style="display:none;" id={{:task.id}}-chart></div> <div style="display:none;" id={{:task.id}}-chart></div>