Layout tweaking

Author: kbx81

_static/custom.css

@@ -297,6 +297,10 @@ div.body h1 {
   font-size: 2.5rem;
 }
 
+div.custom-footer {
+  text-align: center;
+}
+
 body {
   font-family: "Instrument Sans", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
   line-height: 1.5;

_templates/layout.html

@@ -47,26 +47,16 @@
 
 {% block footer %}
   <div class="custom-footer">
-    <ul>
-      <li><a href="https://discord.gg/KhAMKrd" target="_blank">Join the community</a></li>
-      <li><a href="https://twitter.com/esphome_" target="_blank">Follow us on Twitter</a></li>
-      <li><a href="https://github.com/esphome/esphome" target="_blank">Source Code</a></li>
-      <li><a href="mailto:esphome@nabucasa.com">Contact</a> (no support!)</li>
-    </ul>
-
-    <ul>
-      <li>
-        ESPHome is a project from the <a href="https://www.openhomefoundation.org" target="_blank">
-          <picture>
-            <source srcset="/_static/ohf-logo-on-dark.svg" media="(prefers-color-scheme: dark)">
-            <img width="100px" src="/_static/ohf-logo-on-light.svg" alt="Open Home Foundation">
-          </picture>
-        </a>
-      </li>
-    </ul>
-    <ul>
-      <li><a href="https://www.netlify.com" target="_blank">This site is powered by Netlify</a></li>
-    </ul>
+    <a href="https://github.com/esphome/esphome" target="_blank">Source Code</a><br>
+    <a href="mailto:esphome@nabucasa.com">Contact</a> (no support!)<br>
+    <p>ESPHome is a project from the<br>
+    <a href="https://www.openhomefoundation.org" target="_blank" style="border-bottom: none;">
+      <picture>
+        <source srcset="/_static/ohf-logo-on-dark.svg" media="(prefers-color-scheme: dark)">
+        <img width="180px" src="/_static/ohf-logo-on-light.svg" alt="Open Home Foundation">
+      </picture>
+    </a></p>
+    <p><a href="https://www.netlify.com" target="_blank">This site is powered by Netlify</a></p>
   </div>
   <div id="upgrade-footer">
     A new version has been released since you last visited this page: {{ release }} 🎉