From b7c7c0f94708608288136813630b69daa5361680 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Tue, 17 Oct 2023 12:06:08 -0500
Subject: [PATCH] docs: add banner for recipinned (#2656)

---
 docs/docs/assets/stylesheets/custom.css | 17 +++++++++++++++++
 docs/docs/overrides/main.html           | 14 +++++++-------
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/docs/docs/assets/stylesheets/custom.css b/docs/docs/assets/stylesheets/custom.css
index 365181600..e3fba385b 100644
--- a/docs/docs/assets/stylesheets/custom.css
+++ b/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;
+}
diff --git a/docs/docs/overrides/main.html b/docs/docs/overrides/main.html
index 277356866..18a1a7188 100644
--- a/docs/docs/overrides/main.html
+++ b/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 %}