update footer

diff --git a/static/css/style.css b/static/css/style.css
index 51f01f0e15f935466eecf22f114cbffff8d554bd..b35be7244a2c23bc46a1a991417e8ddd2c986f75 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -117,23 +117,30 @@ h3 {
 
 /* FOOTER */
 
-footer ul {
-  margin: 0; /*taking the margin and padding ul default size off */
-  padding: 0;
-  list-style-type: none;
-  display: flex;
-  justify-content: center;
+footer {
+  background-color: #F5F5F5;
 }
 
-footer li {
-  margin: 5px 10px;
+ul.icons {
+   cursor: default;
+   list-style: none;
+   padding-left: 0;
 }
 
-footer p {
-  font-size: 0.6em;
-  text-align: center;
+ul.icons li {
+   display: inline-block;
+   padding: 0 1em 0 0;
 }
 
+ul.icons li:last-child {
+   padding-right: 0;
+}
+
+ul.icons li .icon:before {
+   font-size: 2em;
+}
+
+
 /* OUR TEAM */
 
 .title {

diff --git a/templates/index_base.html b/templates/index_base.html
index 07c2cc60c835f69478c692a824af2869a3caff37..29707570380bbf14566141bdbe7d8043bad045d7 100644 (file)
--- a/templates/index_base.html
+++ b/templates/index_base.html
@@ -52,23 +52,23 @@
        {%block content%}{%endblock%}
 
        <!-- Footer -->
-           <footer id="footer">
-               <div class="container">
-                   <section class="links">
-                       <div class="row">
-                           <div class="col-sm-4">
-                               <h3>Contact Us</h3>
-                               <a href="mailto:pgdu-committee@lists.pgdu.org">pgdu-committee@lists.pgdu.org</a>
-                           </div>
-                           <div class="col-sm-4">
-                               <ul class="copyright">
-                                   <li>&copy; 2018 PostgreSQL Down Under Inc.</li>
-                               </ul>
-                           </div>
-                       </div>
-                   </section>
-               </div>
-           </footer>
+       <footer>
+      <h3>PostgreSQL Down Under Inc.</h3>
+           <ul class="icons">
+               <li>
+                   <a href="https://www.facebook.com/PostgresOpen" class="fa fa-facebook"><span class="label">Facebook</span></a>
+               </li>
+               <li>
+                   <a href="https://twitter.com/postgresopen" class="fa fa-twitter"><span class="label">Twitter</span></a>
+               </li>
+           </ul>
+           <p>
+               <a href="mailto:pgdu-committee@lists.pgdu.org">pgdu-committee@lists.pgdu.org</a>
+           </p>
+           <p>
+        © 2018 PostgreSQL Down Under Inc.
+      </p>
+      </footer>
 
    </body>
 </html>