Visual edits. Add Massachusetts logo to homepage and change background color

app/assets/stylesheets/partials/_colors.scss

@@ -6,7 +6,9 @@ $light-blue: #FAFCFD;
 $white: #FFFFFF;
 
 $blue: #01788E;
-$dark-blue: #004D61;
+$dark-blue: #1d2742;
+
+// #1d2742;
 
 $red: #C93047;
 $dark-red: #920020;
@@ -41,6 +43,9 @@ $ideal: $purple;
   color: $blue;
 }
 
+.color-dark-blue {
+  color: $dark-blue;
+}
 .color-lime {
   color: $lime;
 }
@@ -61,6 +66,10 @@ $ideal: $purple;
   background-color: $blue;
 }
 
+.bg-dark-blue {
+background-color: $dark-blue;
+}
+
 .bg-color-purple {
   background-color: $purple;
 }

app/views/about/index.html.erb

@@ -1,5 +1,5 @@
 <!-- Header-->
-<header class="bg-dark py-5">
+<header class="bg-dark-blue py-5">
   <div class="container px-5">
     <div class="row gx-5 justify-content-center">
       <div class="col-lg-6">

app/views/layouts/_header.html.erb

@@ -1,4 +1,4 @@
-<header class="bg-dark py-5">
+<header class="bg-dark-blue py-5">
   <div class="container px-5">
     <div class="row gx-5 justify-content-center">
       <div class="col-lg-6">

app/views/layouts/_nav.html.erb

@@ -1,8 +1,9 @@
 <!-- Responsive navbar-->
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark-blue">
   <div class="container px-5">
-    <a class="navbar-brand" href="/">EdCommonwealth</a>
-
+    <a class="navbar-brand" href="/" >
+      <%= image_tag "logo.webp" , style: "width: 100px; height: 100px;" %>
+    </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
       <ul class="nav navbar-nav ms-auto mb-2 mb-lg-0">

app/views/layouts/application.html.erb

@@ -16,7 +16,7 @@
     <%= yield %>
 
     <!-- Footer-->
-    <footer class="py-5 bg-dark">
+    <footer class="py-5 bg-dark-blue">
       <div class="container px-5"><p class="m-0 text-center text-white">Copyright &copy; ECP 2022</p></div>
     </footer>
   </body>

app/views/qpa/index.html.erb

@@ -1,5 +1,5 @@
 <!-- Header-->
-<header class="bg-dark py-5">
+<header class="bg-dark-blue py-5">
   <div class="container px-5">
     <div class="row gx-5 justify-content-center">
       <div class="col-lg-6">

app/views/team/index.html.erb

@@ -1,5 +1,5 @@
 <!-- Header-->
-<header class="bg-dark py-5">
+<header class="bg-dark-blue py-5">
   <div class="container px-5">
     <div class="row gx-5 justify-content-center">
       <div class="col-lg-6">