From 7d1b16a5d30458b7a029caa5a21223a24290c160 Mon Sep 17 00:00:00 2001
From: David Baldwynn <david.baldwin@alumni.ubc.ca>
Date: Fri, 22 Apr 2016 16:06:07 -0400
Subject: [PATCH] added footer

---
 app/views/layout.server.view.html             |  5 +-
 public/modules/core/css/footer.css            | 63 +++++++++++++++++++
 .../modules/core/views/home.client.view.html  | 22 +++++++
 3 files changed, 87 insertions(+), 3 deletions(-)
 create mode 100644 public/modules/core/css/footer.css

diff --git a/app/views/layout.server.view.html b/app/views/layout.server.view.html
index 26ab8aca..51fe089a 100755
--- a/app/views/layout.server.view.html
+++ b/app/views/layout.server.view.html
@@ -17,7 +17,6 @@
 	<meta name="description" content="{{description}}">
 
 	<!-- Facebook META -->
-	<meta property="fb:app_id" content="{{facebookAppId}}">
 	<meta property="og:site_name" content="{{title}}">
 	<meta property="og:title" content="{{title}}">
 	<meta property="og:description" content="{{description}}">
@@ -43,8 +42,8 @@
 	<link rel="stylesheet" href="/lib/jquery-ui/themes/flick/jquery-ui.css"/>
 	<link rel="stylesheet" href="/modules/core/css/github-fork-ribbon.css"/>
 	    
-	<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css">    
-    	<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.default.css">
+	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css">    
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.default.css">
 	<!--[if lt IE 9]>
         <link rel="stylesheet" href="gh-fork-ribbon.ie.css">
     <![endif]-->
diff --git a/public/modules/core/css/footer.css b/public/modules/core/css/footer.css
new file mode 100644
index 00000000..641455dd
--- /dev/null
+++ b/public/modules/core/css/footer.css
@@ -0,0 +1,63 @@
+.footer-basic-centered{
+    background-color: #292c2f;
+    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
+    box-sizing: border-box;
+    width: 100%;
+    text-align: center;
+    font: normal 18px sans-serif;
+
+    padding: 45px;
+    margin-top: 80px;
+}
+
+.footer-basic-centered .footer-company-motto{
+    color:  #8d9093;
+    font-size: 24px;
+    margin: 0;
+}
+
+.footer-basic-centered .footer-company-name{
+    color:  #8f9296;
+    font-size: 14px;
+    margin: 0;
+}
+
+.footer-basic-centered .footer-links{
+    list-style: none;
+    font-weight: bold;
+    color:  #ffffff;
+    padding: 35px 0 23px;
+    margin: 0;
+}
+
+.footer-basic-centered .footer-links a{
+    display:inline-block;
+    text-decoration: none;
+    color: inherit;
+}
+
+/* If you don't want the footer to be responsive, remove these media queries */
+
+@media (max-width: 600px) {
+
+    .footer-basic-centered{
+        padding: 35px;
+    }
+
+    .footer-basic-centered .footer-company-motto{
+        font-size: 18px;
+    }
+
+    .footer-basic-centered .footer-company-name{
+        font-size: 12px;
+    }
+
+    .footer-basic-centered .footer-links{
+        font-size: 14px;
+        padding: 25px 0 20px;
+    }
+
+    .footer-basic-centered .footer-links a{
+        line-height: 1.8;
+    }
+}
diff --git a/public/modules/core/views/home.client.view.html b/public/modules/core/views/home.client.view.html
index 390f5b25..9725daaf 100755
--- a/public/modules/core/views/home.client.view.html
+++ b/public/modules/core/views/home.client.view.html
@@ -56,4 +56,26 @@
 	</div>
 </section>
 
+<footer class="footer-basic-centered">
 
+            <p class="footer-company-motto">The company motto.</p>
+
+            <p class="footer-links">
+                <a href="/#!/">Home</a>
+                ·
+                <a href="/#!/blog">Blog</a>
+                ·
+                <a href="https://github.com/whitef0x0/tellform">Github Source</a>
+                ·
+                <a href="/#!/about">About</a>
+                .
+                <a href="/#!/terms">Privacy & Terms</a>
+                ·
+                <a href="https://status.tellform.com">System Status</a>
+                ·
+                <a href="mailto:polydaic@gmail.com">Contact</a>
+            </p>
+
+            <p class="footer-company-name">TellForm © 2016</p>
+
+        </footer>