From dd1d32809f1de1d5ce2e0c10099d94f9bb5a81d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20K=C3=A4mmerling?=
 <lukas.kaemmerling@hetzner-cloud.de>
Date: Mon, 2 May 2022 20:17:13 +0200
Subject: [PATCH] Add notice banner
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Lukas Kämmerling <lukas.kaemmerling@hetzner-cloud.de>
---
 assets/src/css/styles.css        | 4 +++-
 assets/src/js/pages/dashboard.js | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/src/css/styles.css b/assets/src/css/styles.css
index 52a17279..86b9acf4 100644
--- a/assets/src/css/styles.css
+++ b/assets/src/css/styles.css
@@ -172,4 +172,6 @@ div.delete a { color: red; }
 .login-page  small a { color: #98a0a6; font-size: 14px; display: inline-block; padding: 0 8px; }
 
 
-
+.notice { background: #ecedf4; border-radius: 4px; padding: 16px; text-align: left; color: color: #222; font-size: 14px; display: grid; grid-template-columns: 1fr min-content; margin: 32px 0; gap: 32px; align-items: center; }
+.notice a { color: #aaa; }
+.notice .notice-text a { color: #533feb; text-decoration: underline; }
diff --git a/assets/src/js/pages/dashboard.js b/assets/src/js/pages/dashboard.js
index b0fd6d42..0748613b 100644
--- a/assets/src/js/pages/dashboard.js
+++ b/assets/src/js/pages/dashboard.js
@@ -176,7 +176,9 @@ class Dashboard extends Component {
             <Table endpoint="referrers" headers={["Top referrers", "Views", "Uniques"]} siteId={state.site.id} dateRange={state.dateRange} showHostname="true" />
           </div>
         </div>
-
+        <div class="notice">
+          <div class="notice-text"><strong>Want more features and less maintenance?</strong> Check out the current version of Fathom Analytics and <a href="https://usefathom.com/ref/GITHUB">start your free trial today</a>.</div>
+        </div>
         <footer class="section">
           <div class="half">
           <nav>