Added project partners to footer.

xmacex · Oct 1, 2019 · 163c63c · 163c63c
1 parent 3f291a9
commit 163c63c
Show file tree

Hide file tree

Showing 9 changed files with 67 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -2820,7 +2820,7 @@ input[type='button'].secondary:hover,
 .footer-container-inner {
   width: 65%;
   position: relative;
-  margin: 20px 0 100px 0;
+  margin: 20px 0 30px 0;
   padding: 50px 0 0 0;
   color: #999999;
   font-size: 16px;
@@ -2858,13 +2858,45 @@ input[type='button'].secondary:hover,
   float: left;
 }
 
-@media screen and (max-width: 992px) {
+.footer-project-partner-logos {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 30px;
+}
+
+.footer-project-partner-logos .footer-project-partner-logo {
+  height: 200px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  opacity: 0.5;
+  filter: grayscale(1.0);
+}
+
+.footer-project-partner-logos .footer-project-partner-logo > img {
+  width: 80%;
+  display: block;
+}
+
+@media screen and (max-width: 768px) {
 
   .footer-container-inner {
     padding-top: 20px;
     width: 100%;
   }
 
+  .footer-project-partner-logos {
+    flex-wrap: wrap;
+  }
+
+  .footer-project-partner-logos .footer-project-partner-logo {
+    flex-basis: 25%;
+    height: 150px;
+    flex-grow: 0;
+  }
+
 }
 
 @media screen and (max-width: 680px) {
@@ -2882,3 +2914,11 @@ input[type='button'].secondary:hover,
   }
 
 }
+
+@media screen and (max-width: 576px) {
+
+  .footer-project-partner-logos .footer-project-partner-logo {
+    height: 90px;
+  }
+
+}
diff --git a/footer.php b/footer.php
@@ -14,6 +14,31 @@
         <p class="footer-header"><?php echo get_option('footer_text'); ?></p>
     	</div>
     </div>
+    <div class="column-container">
+      <div class="footer-project-partner-logos">
+        <figure class="footer-project-partner-logo">
+          <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/project-partners/it-university-of-copenhagen.jpg" alt="IT University of Copenhagen" />
+        </figure>
+        <figure class="footer-project-partner-logo">
+          <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/project-partners/the-university-of-nottingham.png" alt="The University of Nottingham" />
+        </figure>
+        <figure class="footer-project-partner-logo">
+          <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/project-partners/uppsala-universitet.png" alt="Uppsala Universitet" />
+        </figure>
+        <figure class="footer-project-partner-logo">
+          <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/project-partners/blast-theory.png" alt="Blast Theory" />
+        </figure>
+        <figure class="footer-project-partner-logo">
+          <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/project-partners/nextgame.png" alt="NextGame" />
+        </figure>
+        <figure class="footer-project-partner-logo">
+          <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/project-partners/europeana.png" alt="Europeana Foundation" />
+        </figure>
+        <figure class="footer-project-partner-logo">
+          <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/project-partners/culture-24.png" alt="Culture 24" />
+        </figure>
+      </div>
+    </div>
 </footer>
 
 <!-- Global site tag (gtag.js) - Google Analytics -->

diff --git a/img/project-partners/blast-theory.png b/img/project-partners/blast-theory.png
diff --git a/img/project-partners/culture-24.png b/img/project-partners/culture-24.png
diff --git a/img/project-partners/europeana.png b/img/project-partners/europeana.png
diff --git a/img/project-partners/it-university-of-copenhagen.jpg b/img/project-partners/it-university-of-copenhagen.jpg
diff --git a/img/project-partners/nextgame.png b/img/project-partners/nextgame.png
diff --git a/img/project-partners/the-university-of-nottingham.png b/img/project-partners/the-university-of-nottingham.png
diff --git a/img/project-partners/uppsala-universitet.png b/img/project-partners/uppsala-universitet.png