Add Commhaus Foundation logo to footer

_includes/project-footer.html

@@ -5,8 +5,12 @@
     </div>
   </div>
   <div class="grid-wrapper">
-    <p class="grid__item width-3-12">{{ site.data.projectfooter.footer_text }}</p>
-
+     <div class="project-summary">
+    <p>{{ site.data.projectfooter.footer_text }}</p>
+    <a class="commonhaus" href="https://www.commonhaus.org/">
+      <img src="{{site.baseurl}}/assets/images/CF_logo_quarkus_reverse.svg" title="Commonhaus Foundation">
+    </a>
+  </div>
     {% for item in site.data.projectfooter.links %}
       <div class="width-{{ item.width }}-12 project-links">
         <span>{{ item.title }}</span>

_sass/includes/project-footer.scss

@@ -29,18 +29,34 @@
     }
   }
 
+  .project-summary {
+
+      grid-column: span 3;
+
+      @media screen and (max-width: 1024px) {
+        grid-column: span 4;
+        }
+      @media screen and (max-width: 480px) {
+        order: 2;
+        grid-column: span 12;
+      }  
+
   p {
     margin-top: 0;
     margin-bottom: 0;
     font-size: .875rem;
+  }
 
-    @media screen and (max-width: 1024px) {
-      grid-column: 1/6;
-    }
-    @media screen and (max-width: 480px) {
-      order: 2;
-      grid-column: span 12;
+  .commonhaus {
+    img {
+    margin: 1rem auto ;
+    background-color: rgba(0, 0, 0, 0.5);
+
+      @media screen and (max-width: 1024px) {
+     background-color: rgba(0, 0, 0, 0);
+     }
     }
+   }
   }
 
   .project-links {