main2024: Add eg and musakundit to sponsors

Also fixed sponsors list styling to support varying logo image aspects better. No more padding images manually?
Instanssi · Feb 6, 2024 · 93376cf · 93376cf
1 parent fbdfd79
commit 93376cf
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/backend/Instanssi/main2024/static/main2024/css/_footer.scss b/backend/Instanssi/main2024/static/main2024/css/_footer.scss
@@ -17,9 +17,11 @@
 
     .sponsors {
         .sponsor {
-            width: 128px;
+            position: relative;
+            max-height: 80px;
             float: left;
-            padding: 0 $spacer $spacer 0;
+            margin-bottom: $spacer;
+            margin-right: $spacer;
 
             &.white {
                 background: #fff;
@@ -28,9 +30,12 @@
             a {
                 display: flex;
                 justify-content: center;
+                align-items: center;
                 line-height: 0px;
                 padding: $spacer;
                 background: #fff;
+                width: 128px;
+                height: 80px;
             }
 
             a:hover {
@@ -39,8 +44,8 @@
 
             img {
                 background: #fff;
-                max-width: 103px;
-                max-height: 57px;
+                max-width: 128px - $spacer * 2;
+                max-height: 80px - $spacer * 2;
             }
         }
     }

diff --git a/backend/Instanssi/main2024/static/main2024/images/partners/eg.png b/backend/Instanssi/main2024/static/main2024/images/partners/eg.png
diff --git a/backend/Instanssi/main2024/static/main2024/images/partners/musakundit.png b/backend/Instanssi/main2024/static/main2024/images/partners/musakundit.png
diff --git a/backend/Instanssi/main2024/templates/main2024/parts/footer.html b/backend/Instanssi/main2024/templates/main2024/parts/footer.html
@@ -9,6 +9,8 @@ <h2>Yhteistyössä mukana</h2>
                 <div class="sponsor"><a href="https://www.paytrail.com/"><img src="{% static 'main2024/images/partners/paytrail.png' %}" alt="Paytrail logo" /></a></div>
                 <div class="sponsor"><a href="https://www.jyu.fi/it"><img src="{% static 'main2024/images/partners/jyu_it.png' %}" alt="JYU IT logo" /></a></div>
                 <div class="sponsor"><a href="https://www.siili.com/"><img src="{% static 'main2024/images/partners/siili.png' %}" alt="Siili logo" /></a></div>
+                <div class="sponsor"><a href="https://eg.fi/"><img src="{% static 'main2024/images/partners/eg.png' %}" alt="EG logo" /></a></div>
+                <div class="sponsor"><a href="https://www.musakundit.fi/"><img src="{% static 'main2024/images/partners/musakundit.png' %}" alt="MusaKundit logo" /></a></div>
                 <div class="clear"></div>
             </div>
         </section>