From 9e9663a1dd935e6bec2a8e5bde64e731f374c659 Mon Sep 17 00:00:00 2001
From: rebuilt <memoryman51@hotmail.com>
Date: Mon, 25 Oct 2021 21:53:19 +0200
Subject: [PATCH] Add footer to all pages.  Finishes #179844107

---
 app/assets/stylesheets/footer.scss          | 10 ++++++++++
 app/assets/stylesheets/sqm_application.scss |  1 +
 app/assets/stylesheets/welcome.scss         |  1 +
 app/views/home/index.html.erb               |  2 +-
 app/views/layouts/home.html.erb             |  5 +++++
 app/views/layouts/sqm/_footer.html.erb      |  5 +++++
 app/views/layouts/sqm/application.html.erb  |  7 ++++++-
 7 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 app/assets/stylesheets/footer.scss
 create mode 100644 app/views/layouts/sqm/_footer.html.erb

diff --git a/app/assets/stylesheets/footer.scss b/app/assets/stylesheets/footer.scss
new file mode 100644
index 00000000..af60f1dd
--- /dev/null
+++ b/app/assets/stylesheets/footer.scss
@@ -0,0 +1,10 @@
+@import "colors";
+
+.footer-item {
+  margin: 40px 12px;
+  color: $gray-1;
+}
+.footer-link {
+  @extend .font-cabin;
+  color: #01788E;
+}
diff --git a/app/assets/stylesheets/sqm_application.scss b/app/assets/stylesheets/sqm_application.scss
index a6d25dea..219e575f 100644
--- a/app/assets/stylesheets/sqm_application.scss
+++ b/app/assets/stylesheets/sqm_application.scss
@@ -9,6 +9,7 @@
 @import "buttons";
 @import "scss/fontawesome.scss";
 @import "scss/solid.scss";
+@import "footer.scss";
 
 .height-56 {
   height: 56px;
diff --git a/app/assets/stylesheets/welcome.scss b/app/assets/stylesheets/welcome.scss
index b3522ccb..8b3943e3 100644
--- a/app/assets/stylesheets/welcome.scss
+++ b/app/assets/stylesheets/welcome.scss
@@ -4,6 +4,7 @@
 @import "colors";
 @import "fonts";
 @import "borders";
+@import "footer";
 
 .hero-image {
   background-image: url("hero.png");
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index 9feda49a..65e7226c 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -66,7 +66,7 @@
   </div>
 </div>
 
-<footer class="bg-color-blue text-center py-11 mt-12px">
+<footer class="bg-color-blue text-center py-11 mt-12">
   <div class="footer-content">
     <h2 class="mb-4">About MCIEA</h2>
     <p>The Massachusetts Consortium for Innovative Education Assessment (MCIEA) is a partnership of Massachusetts public
diff --git a/app/views/layouts/home.html.erb b/app/views/layouts/home.html.erb
index 10c4ebc7..8d0f88ab 100644
--- a/app/views/layouts/home.html.erb
+++ b/app/views/layouts/home.html.erb
@@ -20,6 +20,11 @@
 </header>
 
 <%= yield %>
+
+<div>
+  <%= render partial: 'layouts/sqm/footer' %>
+</div>
+
 <script>
   window.schools = <%= @schools.map{ |school| school_mapper(school) }.to_json.html_safe %>;
 </script>
diff --git a/app/views/layouts/sqm/_footer.html.erb b/app/views/layouts/sqm/_footer.html.erb
new file mode 100644
index 00000000..1f3ebaa6
--- /dev/null
+++ b/app/views/layouts/sqm/_footer.html.erb
@@ -0,0 +1,5 @@
+<footer class="d-flex justify-content-center">
+    <p class="footer-item">Copyright © 2021</p>
+    <%= link_to "MCIEA.org" , "https://www.mciea.org/" , class: "footer-item footer-link", target: "_blank" %>
+    <%= link_to "Contact Us" , "https://www.mciea.org/contact.html", class: "footer-item footer-link", target: "_blank"%>
+</footer>
diff --git a/app/views/layouts/sqm/application.html.erb b/app/views/layouts/sqm/application.html.erb
index 82afda0c..3b7933b7 100644
--- a/app/views/layouts/sqm/application.html.erb
+++ b/app/views/layouts/sqm/application.html.erb
@@ -30,7 +30,7 @@
   <%= render partial: 'layouts/sqm/header' %>
 </div>
 
-<div class="bg-color-light-blue pb-7">
+<div class="bg-color-light-blue">
   <div class="container">
     <div class="row">
       <div class="col mt-7">
@@ -39,5 +39,10 @@
     </div>
   </div>
 </div>
+
+<div>
+  <%= render partial: 'layouts/sqm/footer' %>
+</div>
+
 </body>
 </html>