Add Mastodon verification and bmac widget

docs/index.md

@@ -9,7 +9,7 @@ disqus: "overrides/partials/disqus.html"
   I live in <img src="images/us.png"/>, and therefore my links are for where I purchased from. There may be better (and most likely cheaper) sites in your local regions.</p>
 <p align="center">Be sure to ⭐ my repo!</p>  -->
 
-<a rel="me" style="display:none;" href="https://fosstodon.org/@tiff">Mastodon</a>
+<a rel="me" style="display: none;" href="https://fosstodon.org/@tiff">Mastodon</a>
 
 <p align="center">
   <img src="images/tiff.svg" width="1200"/>
@@ -52,7 +52,7 @@ disqus: "overrides/partials/disqus.html"
 
 ## All the badges
 <p>
-  <img<img src="https://img.shields.io/github/last-commit/twhite96/SmartHome?color=%234af2a1&style=for-the-badge">
+  <img src="https://img.shields.io/github/last-commit/twhite96/SmartHome?color=%234af2a1&style=for-the-badge">
   <img src="https://img.shields.io/badge/HA-Version_10.3-41BDF5?style=for-the-badge&logo=homeassistant">
   <img alt="Maintenance" src="https://img.shields.io/maintenance/yes/2023?color=4af2a1&style=for-the-badge">
   <img src="https://img.shields.io/badge/License-Unlicense-blueviolet?style=for-the-badge" />

overrides/main.html

@@ -55,3 +55,12 @@ <h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
 {% block analytics %}
   <script async defer data-domain="docs.tifflabs.org" src="https://plausible.io/js/plausible.js"></script>
 {% endblock %}
+
+<!-- {% block site_nav %} -->
+  {% if page is.home %}
+  <script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js"
+    data-id="tifflabs" data-description="Support me on Buy me a coffee!"
+    data-message="Thanks for allowing me to continue tiff labs. If you like it, beer me! 🍻" data-color="#FF0000"
+    data-position="Right" data-x_margin="18" data-y_margin="18"></script>
+  {% endif %}
+<!-- {% endblock %} -->