Commits

Chris Grubbs committed 27c69a6

sticky footer!

  • Participants
  • Parent commits 277a68a

Comments (0)

Files changed (3)

File phlombay/static/css/phlombay.css

+html, body {
+    height: 100%;
+}
+footer {
+    color: #666;
+    background: #222;
+    padding: 17px 0 18px 0;
+    border-top: 1px solid #000;
+}
+footer a {
+    color: #999;
+}
+footer a:hover {
+    color: #efefef;
+}
+.wrapper {
+    min-height: 100%;
+    height: auto !important;
+    height: 100%;
+    margin: 0 auto -63px;
+}
+.push {
+    height: 83px;
+}

File phlombay/templates/base.html

   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/bootstrap.min.css" />
+    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/phlombay.css" />
     <title>{% block title %}phlombay.com{% endblock %}</title>
   </head>
 
   <body>
-    <div class="container">
-		<div class="row">
-    		<div class="span4">
-    			<a href="{% url recipes.views.index %}"><img src="{{ STATIC_URL }}img/phlombayBETA.png" alt="phlombay"/></a>
-    		</div>
-    		<div class="span8">
-    		{% block navigation %}
-			    <div class="navbar pull-right">
-				    <ul class="nav">
-					    <li{% if nav_section == 'index' %} class="active"{% endif %}><a href="{% url recipes.views.index %}">Home</a></li>
-					    <li{% if nav_section == 'browse_recipes' %} class="active"{% endif %}><a href="{% url recipes.views.browse_recipes %}">Browse Recipes</a></li>
-					    {% if request.user.is_authenticated %}
-					    	<li{% if nav_section == 'new_recipe' %} class="active"{% endif %}><a href="{% url recipes.views.new %}">New Recipe</a></li>
-					    	<li{% if nav_section == 'my_page' %} class="active"{% endif %}><a href="{% url recipes.views.my_page %}">My Page</a></li>
-					    	<li><a href="{% url recipes.views.phlombay_logout %}">Logout</a></li>
-					    {% else %}
-					    	<li{% if nav_section == 'create_account' %} class="active"{% endif %}><a href="{% url recipes.views.create_account %}">Create Account</a></li>
-					    	<li{% if nav_section == 'login' %} class="active"{% endif %}><a href="{% url recipes.views.phlombay_login %}">Login</a></li>
-					    {% endif %}
-				    </ul>
-			    </div>
-    		{% endblock %}
-    		</div>
+  	<div class="wrapper">
+	    <div class="container">
+			<div class="row">
+	    		<div class="span4">
+	    			<a href="{% url recipes.views.index %}"><img src="{{ STATIC_URL }}img/phlombayBETA.png" alt="phlombay"/></a>
+	    		</div>
+	    		<div class="span8">
+	    		{% block navigation %}
+				    <div class="navbar pull-right">
+					    <ul class="nav">
+						    <li{% if nav_section == 'index' %} class="active"{% endif %}><a href="{% url recipes.views.index %}">Home</a></li>
+						    <li{% if nav_section == 'browse_recipes' %} class="active"{% endif %}><a href="{% url recipes.views.browse_recipes %}">Browse Recipes</a></li>
+						    {% if request.user.is_authenticated %}
+						    	<li{% if nav_section == 'new_recipe' %} class="active"{% endif %}><a href="{% url recipes.views.new %}">New Recipe</a></li>
+						    	<li{% if nav_section == 'my_page' %} class="active"{% endif %}><a href="{% url recipes.views.my_page %}">My Page</a></li>
+						    	<li><a href="{% url recipes.views.phlombay_logout %}">Logout</a></li>
+						    {% else %}
+						    	<li{% if nav_section == 'create_account' %} class="active"{% endif %}><a href="{% url recipes.views.create_account %}">Create Account</a></li>
+						    	<li{% if nav_section == 'login' %} class="active"{% endif %}><a href="{% url recipes.views.phlombay_login %}">Login</a></li>
+						    {% endif %}
+					    </ul>
+				    </div>
+	    		{% endblock %}
+	    		</div>
+	    	</div>
+		    <hr/>
+			{% block content %}
+			{% endblock %}
+			<div class="push"><!--//--></div>
+		</div>
+    </div>
+    
+    <footer>
+    	<div class="container">
+    		<p><small>Thanks for using phlombay!</small></p>
     	</div>
-    
-    <hr/>
-
-	{% block content %}
-	{% endblock %}
-
-    </div>
+    </footer>
 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
     <script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>

File phlombay/templates/recipes/index.html

 <h1>Welcome to phlombay!</h1>
 
 <p class="lead">
-  Phlombay is a collaborative cooking site. Feel free to browse - if you want to contribute,
-  just create an account, and you'll be able to create and edit phlombay recipes. Happy cooking!
+  Phlombay is quite frankly the best recipe site ever conceived of. Feel free to browse - if you 
+  want to contribute, just create an account, and you'll be able to create and edit phlombay 
+  recipes. Happy cooking!
 </p>
 
 {% endblock %}