From 307d79513e5bd94547066290c527384d472ac92f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=AA=20Th=C3=A0nh?= <lhthanh.pro@gmail.com>
Date: Fri, 26 Mar 2021 08:51:54 +0700
Subject: [PATCH] Add Sansec Co. sponsor

---
 _layouts/default.html | 19 ++++++++++++++-----
 assets/css/style.scss | 20 ++++++++++++++------
 2 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index a90d051..4e68248 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -132,11 +132,20 @@ <h2>{{ site.description }}</h2>
       </div>
     </section>
 
-    <footer class="credit">
-      <p>Project maintained by <a href="https://github.com/lelinhtinh" title="lelinhtinh">lelinhtinh</a>
-        <br>Hosted on GitHub Pages</p>
-      <p>Icons made by <a href="https://www.flaticon.com/free-icon/artificial-intelligence_653469"
-          title="Eucalyp">Eucalyp</a></p>
+    <footer id="footer">
+      <section class="sponsors">
+        <h3>Sponsors</h3>
+        <p>Secure stores, happy shoppers. We are <a href="https://sansec.io/" target="_blank"
+            rel="noopener noreferrer">Sanguine Security B.V.</a></p>
+      </section>
+      <section class="credits">
+        <h3>Credits</h3>
+        <p>Project maintained by <a href="https://github.com/lelinhtinh" title="lelinhtinh">lelinhtinh</a>
+          <br>Hosted on GitHub Pages
+        </p>
+        <p>Icons made by <a target="_blank" href="https://www.flaticon.com/free-icon/artificial-intelligence_653469"
+            title="Eucalyp">Eucalyp</a></p>
+      </section>
     </footer>
   </div>
 
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 8ec68da..4c3c14f 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -429,14 +429,22 @@ small {
   color: $disabled-color;
 }
 
-.credit {
-  color: $special-disabled-color;
+#footer {
+  color: #666;
+  font-size: small;
+  margin-top: 80px;
+
   a {
-    color: $special-disabled-color;
     text-decoration: none;
+    color: $special-primary-color;
   }
 
-  text-align: right;
-  font-size: small;
-  margin-top: 40px;
+  .sponsors {
+    float: left;
+  }
+
+  .credits {
+    float: right;
+    text-align: right;
+  }
 }