From f90b871a73439744a5080c59fd94da877f1aaf23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cilhanu=E2=80=9D?= <ilhanunlu@gmail.com>
Date: Tue, 29 Aug 2023 17:48:13 +0200
Subject: [PATCH] fix substrate logo

---
 .DS_Store                            | Bin 8196 -> 8196 bytes
 _layouts/about.html                  |   2 +-
 _sass/basically-basic/_sections.scss |  61 +++++++++++++++++++--------
 3 files changed, 45 insertions(+), 18 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index 547601f6ca851cb426bf1a6a664ad5d52a911649..492eed884f0ec18415c288dc99421d2085b5ff61 100644
GIT binary patch
delta 37
tcmZp1XmOa}&nUJrU^hRb*k&F9Ip)c6!XG9#iBxW$%u~X=nO)*9I{@in42A#z

delta 120
zcmZp1XmOa}&nU4mU^hRb#AY4=Ic7~RhGd3(Ak1dSWJqNwX3%5EWk~VN$xlwo$xmWn
wU=RReM+OE)zRB{!zk#X?7>a-@%NP=Y`YN%iUJq8yFVeEHn1^{YyTo610C$)hApigX

diff --git a/_layouts/about.html b/_layouts/about.html
index 4481c02d..34bcfaa6 100644
--- a/_layouts/about.html
+++ b/_layouts/about.html
@@ -75,7 +75,7 @@ <h3>Fair Squares Team</h3>
 
   <section class="collab contentBlock-light">
     <div class="inner">
-    <h3>Our choice of technology</h3>
+      <h3>Our choice of technology</h3>
       <p>
       Substrate is the perfect framework for us to build our protocol on. It allows us full control over our runtime and the ability to customize it to our needs. 
       Furthermore it offers a lot of standardized building blocks in terms of governance,asset standards and interoperability we can use in the future. 
diff --git a/_sass/basically-basic/_sections.scss b/_sass/basically-basic/_sections.scss
index e0c57ec6..37d7591a 100644
--- a/_sass/basically-basic/_sections.scss
+++ b/_sass/basically-basic/_sections.scss
@@ -97,35 +97,62 @@
 }
    
 .collab {
-  color:$charcoal;
+  color: $charcoal;
+  
   h3 {
-    position:relative; padding:0 32% 0 0; text-align:left; 
+    position: relative; 
+    padding: 0 32% 0 0; 
+    text-align: left; 
+    
     &:before {
-      content:'';
-      background: url('https://github.com/substrate-developer-hub/substrate-docs/raw/main/static/img/sub.gif') no-repeat; position: absolute;
-      right: 0; top: -.4rem; width: 28%; height: 100%;
-      min-height: 100px; min-width: 150px;
-      background-size: 100%; display: block;
+      content: '';
+      background: url('https://github.com/substrate-developer-hub/substrate-docs/raw/main/static/img/sub.gif');
+      position: absolute;
+      right: 0; 
+      top: -.4rem; 
+      width: 28%; 
+      height: 100%;
+      min-height: 100px; 
+      min-width: 150px;
+      background-size: contain;
+      background-repeat: no-repeat;
+      background-position: center;
+      display: block;
+      z-index: 2;
     }
-    @media screen and (max-width:$small) {
+    
+    @media screen and (max-width: $small) {
       padding: 5rem 0 0 0;
-      &:before {right:unset; left:0;}
+      &:before {
+        right: unset; 
+        left: 0;
+      }
     }
   }
+  
   ul {
-    list-style:none; display:flex; justify-content:start; padding:0; margin:3rem 0 0;
-    li {width:46%;}
-    li:first-child {margin-right:3rem;}
-    a {width:100%; padding-left:0; padding-right:0;}
-    @media screen and (max-width:600px){
-      flex-direction:column;
-      li {width:100%; margin:0 0 2rem 0;}
-
+    list-style: none; 
+    display: flex; 
+    justify-content: start; 
+    padding: 0; 
+    margin: 3rem 0 0;
+    
+    li {width: 46%;}
+    li:first-child {margin-right: 3rem;}
+    a {width: 100%; padding-left: 0; padding-right: 0;}
+    
+    @media screen and (max-width: 600px) {
+      flex-direction: column;
+      li {
+        width: 100%; 
+        margin: 0 0 2rem 0;
+      }
     }
   }
 }
 
 
+
 .timeline {
   background: url('/assets/images/colorkit.png') no-repeat; background-size:cover;
   position:relative;