Add CSS for footer and add contact information to footer.

2 files changed, 25 insertions, 8 deletions

diff --git a/pytask/static/css/base.css b/pytask/static/css/base.css
index b51c7ff..79b8f3c 100644
--- a/pytask/static/css/base.css
+++ b/pytask/static/css/base.css
@@ -153,13 +153,20 @@ h1 {
 }
 
 #footer {
-  margin: 10px 0px 0px 0px;
-  text-align: center;
-  padding: 5px 0px 5px 0px;
+  margin: 20px 0px 0px 0px;
+  padding: 5px 20px 5px 20px;
   background-color: #f1f1f1;
   clear: both;
 }
 
+#footer #designed {
+  text-align: left;
+}
+
+#footer #contact {
+  text-align: right;
+}
+
 #footer p {
   color: #999;
   margin: 0px auto 0px auto;
diff --git a/pytask/templates/base.html b/pytask/templates/base.html
index 6eba8d4..2931f08 100644
--- a/pytask/templates/base.html
+++ b/pytask/templates/base.html
@@ -44,6 +44,8 @@
       <h2><a href="{% url home_page %}">PyTask</a></h2>
     </div>
 
+    <!-- Additional container divs are used here to do the liquid 3-column
+         layout trick in CSS. -->
     <div id="container1">
     <div id="container2">
       <div id="left">
@@ -64,15 +66,23 @@
         {% endblock rightsidebar %}
         {% include "_right_sidebar.html" %}
       </div>
-
-      <div class="clearer">
-      </div>
     </div>
     </div>
+    <div class="clearer">
+    </div>
     <div id="footer">
-      Designed by <a href="http://fossee.in">FOSSEE</a>
+      <div id="designed">
+        Designed by <a href="http://fossee.in">FOSSEE</a>
+      </div>
+
+      <div id="contact">
+        If you have any trouble using this website, please write to
+        <a href="mailto:madhusudancs@fossee.in?subject=Trouble in using PyTask website">
+        "Madhusudan C.S. &lt;madhusudancs [ symbol looking like a ] fossee [symbol when you are done] in&gt;"
+        </a>
+      </div>
     </div>
-</div> 
+  </div> 
 
 </body>
 </html>