From dfa5f036f75a890139bf2c2242036ec2cfca039d Mon Sep 17 00:00:00 2001
From: Ashwin Maroli <ashmaroli@gmail.com>
Date: Thu, 2 Jan 2025 22:28:17 +0530
Subject: [PATCH] Improve rendering of site footer

---
 docs/_includes/footer.html | 13 ++++---------
 docs/_sass/_style.scss     | 30 ++++++++++++++----------------
 2 files changed, 18 insertions(+), 25 deletions(-)

diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index 6c2a8b49..96032159 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -1,23 +1,18 @@
 <footer>
   <div class="grid">
-    <div class="unit one-third center-on-mobiles">
+    <div class="unit two-thirds center-on-mobiles">
       <p>Jekyll is lovingly maintained by the <a href="{{ '/team/' | relative_url }}">core team</a> of volunteers. </p>
-      <p>The contents of this website are <br />&copy;&nbsp;{{ site.time | date: '%Y' }} under the terms of the <a href="{{ site.repository }}/blob/master/LICENSE">MIT&nbsp;License</a>.</p>
+      <p>The contents of this website are <br />&copy;&nbsp;{{ site.time | date: '%Y' }} under the terms of the <a href="{{ site.repository }}/blob/master/LICENSE">MIT License</a>.</p>
     </div>
-    <div class="unit two-thirds align-right center-on-mobiles">
+    <div class="unit one-third align-right center-on-mobiles">
       <p>
         Proudly hosted by
         <a href="https://github.com">
           <img src="{{ 'img/footer-logo.png' | relative_url }}" width="100" height="30" alt="GitHub • Social coding">
         </a>
       </p>
-    </div>
-    <div class="unit two-thirds align-right center-on-mobiles">
       <p>
-        Jekyll is funded thanks to its
-        <a href="https://github.com/jekyll/jekyll#sponsors">
-          sponsors!
-        </a>
+        Jekyll is funded thanks to its <a href="https://github.com/jekyll/jekyll#sponsors">sponsors!</a>
       </p>
     </div>
   </div>
diff --git a/docs/_sass/_style.scss b/docs/_sass/_style.scss
index 26572151..a4408a4d 100644
--- a/docs/_sass/_style.scss
+++ b/docs/_sass/_style.scss
@@ -212,40 +212,38 @@ h6:hover .header-link {
 /* Footer */
 
 footer {
-  background-color: #212121;
-  font-size: 16px;
-  padding-bottom: 5px;
-  color: #c0c0c0;
   margin-top: 40px;
+  padding-bottom: 5px;
+  font-size: 15px;
+  font-weight: 400;
+  color: #999999;
+  background-color: #212121;
 
   a {
-    color: #fff;
+    color: #dddddd;
 
     &:hover {
-
       img { opacity: 1; }
     }
   }
 
-  .align-right {
-
-    p { display: inline-block; }
-  }
+  p { margin-block: 12px }
 
   img {
     display: inline-block;
-    vertical-align: middle;
-    margin-left: 5px;
-    opacity: .8;
+    width: 84px;
+    height: auto;
+    margin-left: 2px;
     padding: 1px;
-    @include transition(opacity .2s);
+    vertical-align: bottom;
+    opacity: 0.5;
+    @include transition(opacity 0.2s);
   }
 }
 
 @media (max-width: 568px) {
   footer {
-    .one-third p { margin-bottom: 0; }
-    .two-thirds p { margin-top: -20px; }
+    p { margin-block: 6px }
   }
 }