Improvements/Updates (#18)

* [Fix][s]: Fixed data provider images greyed out * [Update][s]: Twitter icon updated * [Update][s]: Funding image updated
datopian · Nov 8, 2023 · fb295df · fb295df
1 parent 63f6fad
commit fb295df
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 5 deletions.
diff --git a/ckanext/ubdc/assets/css/style.css b/ckanext/ubdc/assets/css/style.css
@@ -10278,7 +10278,6 @@ h4 small {
   text-align: center;
 }
 .homepage .providers .logo-grid__item img {
-  filter: grayscale(100%) contrast(0.3);
   max-width: 100%;
 }
 .homepage .providers .logo-grid__item img:hover {
@@ -10330,6 +10329,10 @@ h4 small {
 .homepage .funding .logo-grid__item img {
   max-width: 100%;
 }
+.homepage .funding .logo-grid__item img.funding-img {
+  background: black;
+  padding: 0 5px;
+}
 
 @media (max-width: 992px) {
   .homepage .hero .container {

diff --git a/ckanext/ubdc/public/base/images/funding/ukri_esr_council.png b/ckanext/ubdc/public/base/images/funding/ukri_esr_council.png
diff --git a/ckanext/ubdc/public/base/scss/_homepage.scss b/ckanext/ubdc/public/base/scss/_homepage.scss
@@ -272,7 +272,7 @@
                 margin: 0 auto;
                 text-align: center;
                 img {
-                    filter: grayscale(100%) contrast(0.3);
+                    // filter: grayscale(100%) contrast(0.3);
                     max-width: 100%;
                     &:hover {
                         filter: grayscale(0%) contrast(1);
@@ -324,6 +324,11 @@
                 text-align: center;
                 img {
                     max-width: 100%;
+
+                }
+                img.funding-img {
+                    background: black;
+                    padding: 0 5px;
                 }
             }
         }

diff --git a/ckanext/ubdc/templates/footer.html b/ckanext/ubdc/templates/footer.html
@@ -58,7 +58,12 @@ <h4>Connect</h4>
                         <i class="fa fa-youtube"></i>
                     </a>
                     <a class="icon" target="_blank" href="http://www.twitter.com/UrbanBigData">
-                        <i class="fa fa-twitter"></i>
+                        <i class="fa">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
+                                <path 
+                                    d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
+                            </svg>
+                        </i>
                     </a>
                     <a class="icon" target="_blank" href="http://www.facebook.com/urbanbigdata">
                         <i class="fa fa-facebook"></i>
@@ -77,7 +82,12 @@ <h4>Connect</h4>
                     <i class="fa fa-youtube"></i>
                 </a>
                 <a class="icon" target="_blank" href="http://www.twitter.com/UrbanBigData">
-                    <i class="fa fa-twitter"></i>
+                    <i class="fa">
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
+                            <path 
+                                d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
+                        </svg>
+                    </i>
                 </a>
                 <a class="icon" target="_blank" href="http://www.facebook.com/urbanbigdata">
                     <i class="fa fa-facebook"></i>

diff --git a/ckanext/ubdc/templates/home/snippets/fundings.html b/ckanext/ubdc/templates/home/snippets/fundings.html
@@ -5,7 +5,7 @@ <h4>JOINTLY FUNDED BY</h4>
             <div class="logo-grid">
                 <div class="logo-grid__item">
                     <a href="http://www.esrc.ac.uk/">
-                        <img src="/base/images/funding/ukri_esr_council.svg" alt="ACT Government">
+                        <img src="/base/images/funding/ukri_esr_council.png" class="funding-img" alt="ACT Government">
                     </a>
                 </div>
                 <div class="logo-grid__item">