Add additional sponsors

Author: davidfischer

media/css/core.css

@@ -652,7 +652,33 @@ p.build-missing { font-size: .8em; color: #9d9a55; margin: 0 0 3px; }
 #footer li { margin-bottom: 5px; }
 #footer a, #footer a:visited { color: #e3e3e3; text-decoration: none; }
 #footer a:hover, #footer a:active { color: white; text-decoration: underline; }
-#footer .sponsor { height: 16px; margin: 8px 0; float: right; }
+
+/* Sponsors */
+#footer .sponsors {
+    margin-top: 30px;
+    text-align: center;
+}
+#footer .sponsors .sponsor {
+    display: inline-block;
+    text-align: center;
+    text-decoration: none;
+    padding: 10px;
+}
+#footer .sponsors .sponsor img {
+    width: 90px;
+    height: auto;
+}
+#footer .sponsors .sponsor-name {
+    font-size: 12px;
+}
+#footer .sponsors .sponsor-description {
+    font-size: 10px;
+    color: #BCC1C3;
+}
+#footer .sponsors .sponsor-name, #footer .sponsors .sponsor-description {
+    text-align: center;
+    line-height: 1.4;
+}
 
 /* Social icons */
 #footer .social { font-family: FontAwesome; text-align: center; }

media/images/cloudflare.png

@@ -202,6 +202,8 @@ <h4>{% trans 'Business Info' %}</h4>
         <div class="clearfix"></div>
 
         <div class="footer-bottom">
+          <hr>
+
           <div class="column-copyright">
             <p>
               <small>&copy; Copyright {% now "Y" %}, {% trans 'Read the Docs, Inc & contributors' %}</small>
@@ -232,10 +234,44 @@ <h4>{% trans 'Business Info' %}</h4>
             </div>
           {% endblock language-select-form %}
 
-          <img src="{% static '/media/images/cloudflare.png' %}" alt="Sponsored by CloudFlare" class="sponsor">
         </div>
 
-        {% endblock %}
+          <div class="clearfix"></div>
+
+          <div class="sponsors">
+            <a class="sponsor" href="https://azure.microsoft.com" rel="noopener" target="_blank">
+              <img src="{% static '/media/images/sponsors/azure.png' %}" alt="Microsoft Azure" class="sponsor-image">
+              <div class="sponsor-name">Microsoft</div>
+              <div class="sponsor-description">Cloud Computing</div>
+            </a>
+            <a class="sponsor" href="https://cloudflare.com" rel="noopener" target="_blank">
+              <img src="{% static '/media/images/sponsors/cloudflare.png' %}" alt="CloudFlare" class="sponsor-image">
+              <div class="sponsor-name">Cloudflare</div>
+              <div class="sponsor-description">DNS &amp; SSL</div>
+            </a>
+            <a class="sponsor" href="https://sentry.io/" rel="noopener" target="_blank">
+              <img src="{% static '/media/images/sponsors/sentry.png' %}" alt="Sentry" class="sponsor-image">
+              <div class="sponsor-name">Sentry</div>
+              <div class="sponsor-description">Monitoring</div>
+            </a>
+            <a class="sponsor" href="https://www.elastic.co/" rel="noopener" target="_blank">
+              <img src="{% static '/media/images/sponsors/elastic.png' %}" alt="Elastic" class="sponsor-image">
+              <div class="sponsor-name">Elastic</div>
+              <div class="sponsor-description">Search</div>
+            </a>
+            <a class="sponsor" href="https://newrelic.com/" rel="noopener" target="_blank">
+              <img src="{% static '/media/images/sponsors/newrelic.png' %}" alt="New Relic" class="sponsor-image">
+              <div class="sponsor-name">New Relic</div>
+              <div class="sponsor-description">Performance</div>
+            </a>
+            <a class="sponsor" href="https://www.elastic.co/" rel="noopener" target="_blank">
+              <img src="{% static '/media/images/sponsors/pagerduty.png' %}" alt="PagerDuty" class="sponsor-image">
+              <div class="sponsor-name">PagerDuty</div>
+              <div class="sponsor-description">Monitoring</div>
+            </a>
+          </div>
+
+        {% endblock footer-content %}
 
       </div>
     </div>