Updates styles for partner logos in footer

#101
rapidpro · May 30, 2018 · e763ece · e763ece
1 parent 4927bd7
commit e763ece
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/rh/client/scss/layout/_site-footer.scss b/rh/client/scss/layout/_site-footer.scss
@@ -30,7 +30,7 @@
 }
 
 .site-footer-primary p {
-  font-size: 0.85rem;
+  font-size: 0.9rem;
 }
 
 .site-footer-primary a {
@@ -49,6 +49,19 @@
   width: 100%;
 }
 
+.site-footer-content {
+  .logo-container {
+    text-align: center;
+  }
+
+  .logo {
+    display: inline-block;
+    padding: 4%;
+    width: 45%;
+    opacity: 0.5;
+  }
+}
+
 .site-footer-content h6 {
   font-weight: normal;
 }

diff --git a/rh/templates/base.html b/rh/templates/base.html
@@ -109,10 +109,22 @@
 
         <div class="site-footer-content">
           <h6 class="logo-label">Technical Support / Lead</h6>
+          <div class="logo-container">
+            <img src="{% static 'img/logo-white.svg' %}" alt="RapidPro Health" class="logo" />
+            <img src="{% static 'img/logo-white.svg' %}" alt="RapidPro Health" class="logo" />
+            <img src="{% static 'img/logo-white.svg' %}" alt="RapidPro Health" class="logo" />
+          </div>
         </div>
 
         <div class="site-footer-content">
           <h6 class="logo-label">Collaborators</h6>
+
+          <div class="logo-container">
+            <img src="{% static 'img/logo-white.svg' %}" alt="RapidPro Health" class="logo" />
+            <img src="{% static 'img/logo-white.svg' %}" alt="RapidPro Health" class="logo" />
+            <img src="{% static 'img/logo-white.svg' %}" alt="RapidPro Health" class="logo" />
+            <img src="{% static 'img/logo-white.svg' %}" alt="RapidPro Health" class="logo" />
+          </div>
         </div>
       </div>