Merge pull request #6 from eHealthAfrica/client-logo-changes

Client logo changes
eHealthAfrica · Oct 21, 2020 · 2aa9c28 · 2aa9c28
2 parents f4f2f5d + 1f2b85f
commit 2aa9c28
Show file tree

Hide file tree

Showing 7 changed files with 66 additions and 12 deletions.
diff --git a/ckanext/biskit/fanstatic/styles/biskit.css b/ckanext/biskit/fanstatic/styles/biskit.css
@@ -527,6 +527,10 @@ body {
   padding-bottom: 40px;
   width: 80%;
 }
+.inner-wrapper {
+  background-color: #FFFFFF;
+  background-image: none;
+}
 .tags {
   color: white;
 }
@@ -618,6 +622,9 @@ body {
   min-width: 300px;
   margin: 20px auto;
   position: relative;
+  -webkit-box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.03);
+  -moz-box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.03);
+  box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.03);
 }
 .card::after {
   content: "";
@@ -629,6 +636,13 @@ body {
   background-color: #CB200C11;
   transition: right 250ms;
 }
+
+.card:hover {
+  -webkit-box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.1);
+  -moz-box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.1);
+  box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.1);
+}
+
 .card:hover::after {
   right: 0;
 }
@@ -711,10 +725,9 @@ body {
 }
 .partners {
   margin: 50px auto;
+
 }
-.pat-img {
-  margin: 20px auto;
-}
+
 .pat-img-con {
   display: flex;
   justify-content: center;
@@ -724,11 +737,26 @@ body {
 .pat-img-con img {
   transition: all 0.2s;
   filter: grayscale(100%);
+  margin: 20px auto;
+  width: 200px;
 }
 .pat-img-con img:hover {
   filter: grayscale(0%);
   transform: scale(1.1);
 }
+.pat-img-con .first-img {
+  width: 110px;
+}
+.pat-img-con .second-img {
+  width: 170px;
+}
+.pat-img-con .third-img {
+  width: 220px;
+  margin-top: 50px;
+}
+.pat-img-con .fourth-img {
+  width: 200px;
+}
 .top-desc {
   background: #CB200C;
   min-height: 400px;

diff --git a/ckanext/biskit/fanstatic/styles/less/biskit.less b/ckanext/biskit/fanstatic/styles/less/biskit.less
@@ -82,6 +82,11 @@ body {
   width: 80%;
 }
 
+.inner-wrapper {
+  background-color: #FFFFFF;
+  background-image: none;
+}
+
 .tags {
   color: white;
 }
@@ -186,6 +191,10 @@ body {
   min-width: 300px;
   margin: 20px auto;
   position: relative;
+  -webkit-box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.03);
+  -moz-box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.03);
+  box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.03);
+
 
   &::after {
     content: "";
@@ -199,6 +208,10 @@ body {
   }
 
   &:hover {
+    -webkit-box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.1);
+    -moz-box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.1);
+    box-shadow: 0px 6px 12px rgba(152, 54, 39, 0.1);
+
     &::after {
       right: 0;
     }
@@ -297,10 +310,6 @@ body {
   margin: 50px auto;
 }
 
-.pat-img {
-  margin: 20px auto;
-}
-
 .pat-img-con {
   display: flex;
   justify-content: center;
@@ -310,12 +319,29 @@ body {
   img {
     transition: all 0.2s;
     filter: grayscale(100%);
+    margin: 20px auto;
+    width: 200px;
 
     &:hover {
       filter: grayscale(0%);
       transform: scale(1.1);
     }
   }
+
+  .first-img {
+    width: 110px;
+  }
+  .second-img {
+    width: 170px;
+  }
+  .third-img {
+    width: 220px;
+    margin-top: 50px;
+  }
+  .fourth-img {
+    width: 200px;
+  }
+
 }
 
 

diff --git a/ckanext/biskit/public/img/berlin.png b/ckanext/biskit/public/img/berlin.png
diff --git a/ckanext/biskit/public/img/crisis.png b/ckanext/biskit/public/img/crisis.png
diff --git a/ckanext/biskit/public/img/pei.png b/ckanext/biskit/public/img/pei.png
diff --git a/ckanext/biskit/public/img/tud.gif b/ckanext/biskit/public/img/tud.gif
diff --git a/ckanext/biskit/templates/home/layout1.html b/ckanext/biskit/templates/home/layout1.html
@@ -11,7 +11,7 @@
     </div>
   </div>
 </div>
-<div role="main">
+<div role="main" class="inner-wrapper">
   <div class="container">
     <!-- <div class="title">
       <hr class="top-rule" />
@@ -93,10 +93,10 @@ <h3>
       </h3>
     </div>
     <div class="row row2">
-      <div class="col-md-3 pat-img-con"><img class="pat-img" src="/img/who.png"></div>
-      <div class="col-md-3 pat-img-con"><img class="pat-img" src="/img/unicef.png"></div>
-      <div class="col-md-3 pat-img-con"><img class="pat-img" src="/img/core.png"></div>
-      <div class="col-md-3 pat-img-con"><img class="pat-img" src="/img/bill.png"></div>
+      <div class="col-md-3 pat-img-con"><img class="first-img" src="/img/crisis.png"></div>
+      <div class="col-md-3 pat-img-con"><img class="second-img" src="/img/berlin.png"></div>
+      <div class="col-md-3 pat-img-con"><img class="third-img" src="/img/pei.png"></div>
+      <div class="col-md-3 pat-img-con"><img class="fourth-img" src="/img/tud.gif"></div>
     </div>
   </div>
 </div>