docs: add banner for recipinned (#2656)

docs/docs/assets/stylesheets/custom.css

@@ -55,3 +55,20 @@ th {
 .md-button {
   padding: 0.2rem 0.75rem !important;
 }
+
+.announce-left {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+}
+
+.announce-left > a {
+  color: #e0e0e0;
+  font-weight: bold;
+}
+
+.announce-left > a:hover {
+  color: var(--md-primary-fg-color);
+  text-decoration: underline;
+}

docs/docs/overrides/main.html

@@ -1,8 +1,8 @@
-{% extends "base.html" %} {% block analytics %}
-<script
-  async
-  defer
-  data-domain="hay-kot.github.io/mealie"
-  src="https://plausible.io/js/plausible.js"
-></script>
+{% extends "base.html" %}
+{% block announce %}
+  <div class="announce-left">
+    <a href="https://recipinned.com">
+      Looking for a hosted solution? Explore Recipinned from the creator of Mealie
+    </a>
+  </div>
 {% endblock %}