Merge pull request #1268 from python-discord/fix/footer-logo-filtering

Use proper logos and better positioning in the footers

Author: jchristgit

pydis_site/static/css/base/base.css

@@ -88,36 +88,37 @@ main.site-content {
 }
 
 #linode-logo {
-    padding-left: 15px;
-    background: url(https://www.linode.com/wp-content/uploads/2021/01/Linode-Logo-Black.svg) no-repeat center;
-    filter: invert(1) grayscale(1);
-    background-size: 60px;
+    padding-left: 5px;
+    background: url(/static/images/sponsors_dark/linode_text.png) no-repeat center;
+    background-size: 49px;
+    background-position: 2px center;
     color: #00000000;
 }
 
 #netcup-logo {
     padding-left: 15px;
+    padding-bottom: 3px;
     background: url(/static/images/sponsors/netcup-white.svg) no-repeat center;
     background-size: 60px;
-    background-position: 0px 3px;
+    background-position: 2px 4px;
     color: #00000000;
 }
 
 #django-logo {
-    padding-bottom: 2px;
-    background: url(https://static.djangoproject.com/img/logos/django-logo-negative.svg) no-repeat center;
-    filter: grayscale(1) invert(0.09);
-    background-size: 52px 25.5px;
-    background-position: -2px -1px;
+    padding-bottom: 4px;
+    padding-left: 5px;
+    background: url(/static/images/events/logos_dark/django.png) no-repeat center;
+    background-size: 56px;
+    background-position: -1px 1px;
     color: #00000000;
 }
 
 #bulma-logo {
-    padding-left: 18px;
+    padding-left: 8px;
     height: 20px;
-    background: url(https://bulma.io/assets/brand/Bulma%20Logo%20White.png) no-repeat center;
-    background-size: 60px;
-    background-position: 0px 3px;
+    background: url(https://bulma.io/assets/brand/Bulma%20Wordmark%20White.png) no-repeat center;
+    background-size: 47px;
+    background-position: center center;
     color: #00000000;
 }