From 710b1a7b815a20338b31069892804e41b56e94ce Mon Sep 17 00:00:00 2001
From: Jordan Bancino <jordan@bancino.net>
Date: Thu, 28 Jul 2022 20:52:40 -0400
Subject: [PATCH] Highlight the note at the top of the documentation.

---
 site/index.html |  4 ++--
 site/style.css  | 12 ++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/site/index.html b/site/index.html
index 3b5d682..abe0f0c 100644
--- a/site/index.html
+++ b/site/index.html
@@ -25,10 +25,10 @@
 <p>
 <b>Telodendria:</b> The terminal branches of an axon.
 </p>
-<p>
+<div class="msg-error">
 <b><i>Note:</i></b> <b>Telodendria</b> is under <i>heavy</i> development.
 Please see the <a href="#project-status">Project Status</a>.
-</p>
+</div>
 <p>
 <b>Telodendria</b> is a Matrix homeserver implementation written from
 scratch in ANSI C. It is designed to be lightweight and simple, yet
diff --git a/site/style.css b/site/style.css
index 9218eee..ab0bffb 100644
--- a/site/style.css
+++ b/site/style.css
@@ -8,6 +8,9 @@
 
 	--color-table-border: #d0d7de;
 	--color-table-accent: #f6f8fa;
+
+	--color-error-bg: #ffdce0;
+	--color-error: #bd181e;
 }
 
 @media(prefers-color-scheme: dark) {
@@ -19,6 +22,8 @@
 
 		--color-table-border: #30363d;
 		--color-table-accent: #161b22;
+
+		--color-error-bg: #3f1e23;
 	}
 }
 
@@ -33,6 +38,13 @@ body {
 	font-family: Arial;
 }
 
+.msg-error {
+	background-color: var(--color-error-bg);
+	color: var(--color-error);
+	border-radius: var(--border-radius);
+	padding: 20px;
+}
+
 .code {
     background-color: var(--color-snippet);
     border-radius: var(--border-radius);