New sponsor Codefirst

docs/source/_static/style.css

@@ -35,6 +35,12 @@ h5 {
 
 .sidebar-title {
     padding-left: 15px;
+    color: #716b7a;
+}
+
+.sponsors-list {
+    overflow-y: hidden !important;
+    overflow-x: hidden;
 }
 
 .bs-sidenav .sponsors-list li a:hover {
@@ -42,7 +48,12 @@ h5 {
     border: none;
 }
 
+.sponsors-list li {
+    padding: 0.5em 0;
+}
+
 .sponsors-list li a {
+    background-color: transparent;
     text-align: center;
 }
 
@@ -54,6 +65,7 @@ h5 {
 
 .patreon-link-container {
     margin: 0.5em 0 1em 0;
+    padding: 0;
 }
 
 .patreon-link-container a {

docs/source/_templates/sponsors.html

@@ -1,16 +1,18 @@
 <span class="centered-text-container">
-<h3 class="sidebar-title">Sponsored by</h3>
+<h4 class="sidebar-title">Sponsored by</h4>
 </span>
 <ul class="sponsors-list">
     <li><a href="https://www.keycdn.com/?utm_source=conversejs" target="_blank" rel="noopener">
-            <img style="height: 2em" src="/logo/keycdn.png" alt="KeyCDN">
+            <img style="height: 3em" src="/logo/keycdn.png" alt="KeyCDN">
+        </a>
+    </li>
+    <li><a href="https://www.codefirst.co.uk/?utm_source=conversejs" target="_blank" rel="noopener">
+            <img style="width: 10em" src="/logo/codefirst.png" alt="Codefirst">
         </a>
     </li>
     <li><a href="https://wikisuite.org/?utm_source=conversejs" target="_blank" rel="noopener">
-            <img style="height: 3em" src="/logo/wikisuite.png" alt="WikiSuite">
+            <img style="width: 11em" src="/logo/wikisuite.png" alt="WikiSuite">
         </a>
     </li>
 </ul>
-<span class="centered-text-container patreon-link-container">
-<a href="https://conversejs.org#sponsors">Become a sponsor</a>
-</span>
+<span class="centered-text-container patreon-link-container"><a href="https://conversejs.org#sponsors">Become a sponsor</a></span>

index.html

@@ -221,6 +221,7 @@
                         <h2>Converse is supported by:</h2>
                         <ul>
                             <li><a href="https://www.keycdn.com/?utm_source=conversejs" target="_blank" rel="noopener"><img style="height: 3em" src="/logo/keycdn.svg" alt="KeyCDN"></a></li>
+                            <li><a href="https://www.codefirst.co.uk/?utm_source=conversejs" target="_blank" rel="noopener"><img style="width: 12em; padding-top: 0.5em" src="/logo/codefirst.png" alt="Codefirst"></a></li>
                             <li><a href="https://wikisuite.org/?utm_source=conversejs" target="_blank" rel="noopener"><img style="height: 4em" src="/logo/wikisuite-white.png" alt="WikiSuite"></a></li>
                         </ul>
                     </div>