Merge pull request #343 from usefathom/add-banner

Add notice banner
usefathom · May 2, 2022 · aee9431 · aee9431
2 parents 391dd1b + dd1d328
commit aee9431
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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>