From 27b4ec5871c66f8bcc66379f8ab2bbcd57a44250 Mon Sep 17 00:00:00 2001
From: Jakob Ketterl <jakob.ketterl@gmx.de>
Date: Mon, 5 Feb 2024 00:31:08 +0100
Subject: [PATCH] update under construction panel

---
 htdocs/css/openwebrx.css | 30 +++++++++++++++++++++++++++++-
 htdocs/index.html        |  9 ++++++---
 2 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index d25421b9..fae76378 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -1411,4 +1411,32 @@ img.openwebrx-mirror-img
 
 .dab-container .dab-ensemble-label:not(:empty):before {
 	content: "Ensemble: ";
-}
\ No newline at end of file
+}
+
+.under-construction {
+	background-color: #ffd914;
+	color: #111111;
+	text-align: center;
+}
+
+.under-construction h4 {
+	font-size: 15pt;
+}
+
+.under-construction h4 {
+	margin: 0
+}
+
+.under-construction p {
+	margin: 5px 0;
+}
+
+.under-construction-description {
+	max-height: 0;
+	overflow: hidden;
+	transition: max-height .2s ease-in-out;
+}
+
+.under-construction:hover .under-construction-description {
+	max-height: 500px;
+}
diff --git a/htdocs/index.html b/htdocs/index.html
index 921be5a4..1e1c4c43 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -55,9 +55,12 @@
         </div>
         <div id="openwebrx-panels-container">
             <div id="openwebrx-panels-container-left">
-                <div class="openwebrx-panel" data-panel-name="client-under-devel" style="width: 245px; background-color: Red;">
-                    <span style="font-size: 15pt; font-weight: bold;">Under construction</span>
-                    <br />We're working on the code right now, so the application might fail.
+                <div class="openwebrx-panel under-construction" data-panel-name="client-under-devel" style="width: 245px;">
+                    <h4>Under construction</h4>
+                    <div class="under-construction-description">
+                        <p>This receiver is running a development version of OpenWebRX. Additional features may be available, but there may also be bugs.</p>
+                        <p><a href="https://github.com/jketterl/openwebrx/issues" target="_blank">Issue tracker</a> | <a href="https://groups.io/g/openwebrx" target="_blank">Mailing list</a></p>
+                    </div>
                 </div>
                 <div class="openwebrx-panel" id="openwebrx-panel-digimodes" style="display: none; width: 619px;" data-panel-name="digimodes">
                     <div id="openwebrx-digimode-canvas-container">