More styling enhancement

datopian · Dec 14, 2022 · 71a9169 · 71a9169
1 parent 01f65dd
commit 71a9169
Show file tree

Hide file tree

Showing 8 changed files with 51 additions and 5 deletions.
diff --git a/ckanext/ubdc/assets/css/style.css b/ckanext/ubdc/assets/css/style.css
@@ -9959,6 +9959,9 @@ h4 small {
   margin-top: 20px;
 }
 
+.homepage .btn {
+  padding: 15px 30px;
+}
 .homepage .hero {
   min-height: 505px;
   background: url("../../../base/images/hero.png");
@@ -10207,8 +10210,12 @@ 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 {
+  filter: grayscale(0%) contrast(1);
+}
 .homepage .providers .more {
   text-align: center;
   padding: 30px;
@@ -10419,6 +10426,16 @@ h4 small {
 .masthead .logo-container .logo img {
   max-height: 130px;
 }
+.masthead .small-logo {
+  min-width: 230px;
+  min-height: 230px;
+}
+.masthead .small-logo .logo {
+  margin-top: 80px !important;
+}
+.masthead .small-logo .logo img {
+  max-height: 85px !important;
+}
 .masthead .navbar-collapse {
   padding: 10px 0;
 }
@@ -10700,6 +10717,11 @@ h4 small {
   content: "";
   margin: 0;
 }
+.site-footer__bottom .attribution {
+  padding-top: 20px;
+  display: flex;
+  justify-content: space-between;
+}
 
 @media (max-width: 768px) {
   .site-footer {
@@ -11350,7 +11372,6 @@ iframe {
 
 .btn {
   border-radius: 5px;
-  padding: 15px 30px;
   text-transform: uppercase;
   text-decoration: none;
   text-align: center;

diff --git a/ckanext/ubdc/public/base/scss/_ckan.scss b/ckanext/ubdc/public/base/scss/_ckan.scss
@@ -82,7 +82,6 @@ iframe {
 }
 .btn {
     border-radius: 5px;
-    padding: 15px 30px;
     text-transform: uppercase;
     text-decoration: none;
     text-align: center;

diff --git a/ckanext/ubdc/public/base/scss/_footer.scss b/ckanext/ubdc/public/base/scss/_footer.scss
@@ -134,6 +134,11 @@
                 }
             }
         }
+        .attribution {
+            padding-top: 20px;
+            display: flex;
+            justify-content: space-between;
+        }
     }
 }
 

diff --git a/ckanext/ubdc/public/base/scss/_homepage.scss b/ckanext/ubdc/public/base/scss/_homepage.scss
@@ -1,4 +1,7 @@
 .homepage {
+    .btn {
+        padding: 15px 30px;
+    }
     .hero {
         min-height: 505px;
         background: url("#{$imagePath}/hero.png");
@@ -269,7 +272,11 @@
                 margin: 0 auto;
                 text-align: center;
                 img {
+                    filter: grayscale(100%) contrast(0.3);
                     max-width: 100%;
+                    &:hover {
+                        filter: grayscale(0%) contrast(1);
+                    }
                 }
             }
         }

diff --git a/ckanext/ubdc/public/base/scss/_masthead.scss b/ckanext/ubdc/public/base/scss/_masthead.scss
@@ -132,6 +132,16 @@ $notificationsBg: #c9403a;
             }
         }
     }
+    .small-logo {
+        min-width: 230px;
+        min-height: 230px;
+        .logo {
+            margin-top: 80px !important;
+            img {
+                max-height: 85px !important;
+            }
+        }
+    }
 
     .navbar-collapse {
         padding: math.div($grid-gutter-width, 3) 0;

diff --git a/ckanext/ubdc/templates/footer.html b/ckanext/ubdc/templates/footer.html
@@ -116,6 +116,10 @@ <h4>Connect</h4>
                 <span>© Copyright 2022 University of Glasgow</span>
             </div>
         </div>
+        <div class="attribution"> 
+            <p>Developed by <a href="https://www.datopian.com/" target="_blank">Datopain.</a></p>
+            <p>Powered by <a href="http://ckan.org/" target="_blank">CKAN.</a></p>
+        </div>
     </div>
 </div>
 {% endblock %}
diff --git a/ckanext/ubdc/templates/header.html b/ckanext/ubdc/templates/header.html
@@ -2,7 +2,8 @@
 
 
 {% block header_logo %}
-<div class="logo-container">
+
+<div class="logo-container {%if h.current_url()  != '/' %}small-logo{% endif %}">
     <a class="logo" href="{{ h.url_for('home.index') }}"><img src="{{ h.url_for_static_or_external('/base/images/ubdc-logo.svg') }}"
         alt="{{ g.site_title }}" title="{{ g.site_title }}" /></a>
 </div>

diff --git a/ckanext/ubdc/templates/home/snippets/themes.html b/ckanext/ubdc/templates/home/snippets/themes.html
@@ -51,8 +51,7 @@ <h4 class="media-heading">{{ theme.title }}</h4>
             </div>
             {% endfor %}
         </div>
-
-        <p class="more"><a href="/groups">See more →</a> </p>
+        <p class="more"><a href="/group">See more →</a> </p>
     </div>
     </div>
 </section>