Add Sponsors list to footer

docs/sponsors.rst

@@ -11,6 +11,7 @@ Current sponsors
 
 * `Rackspace`_ - They cover all of our hosting expenses every month.  This is a pretty large sum of money, averaging around $3,000/mo, and we are really grateful to have them as a sponsor.
 * `Mozilla`_ - Mozilla has given us a `MOSS grant`_ for building specific features, and have funded Eric Holscher to work on Read the Docs at $1,000/mo for 2016.
+* `Cloudflare`_ - Cloudflare is providing us with an enterprise plan of their SSL for SaaS Providers product that enables us to provide SSL certificates for custom domains.
 * You? (Email us at rev@readthedocs.org for more info)
 
 Past sponsors
@@ -32,6 +33,7 @@ Past sponsors
 .. _Rackspace: http://www.rackspace.com/
 .. _Mozilla: https://www.mozilla.org/en-US/
 .. _Twilio: http://twilio.com/
+.. _Cloudflare: https://www.cloudflare.com/
 
 
 Sponsorship Information

media/css/core.css

@@ -653,6 +653,33 @@ p.build-missing { font-size: .8em; color: #9d9a55; margin: 0 0 3px; }
 #footer a, #footer a:visited { color: #e3e3e3; text-decoration: none; }
 #footer a:hover, #footer a:active { color: white; text-decoration: underline; }
 
+/* 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; }
 #footer .social:after { clear: both; content: ''; display: table; }

readthedocs/templates/base.html

@@ -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>
@@ -231,9 +233,45 @@ <h4>{% trans 'Business Info' %}</h4>
               </form>
             </div>
           {% endblock language-select-form %}
+
         </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 Azure</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>