From 6f92e4980bc3d378d808da5f0a9aa0ebb4415c53 Mon Sep 17 00:00:00 2001
From: Angelo Paparazzi <Angelo.Paparazzi@ibm.com>
Date: Mon, 23 Nov 2020 09:47:01 -0500
Subject: [PATCH] feat: add new stt demo notification banner

---
 public/css/style.css |  4 ++++
 views/demo.jsx       | 10 ++++++++++
 2 files changed, 14 insertions(+)

diff --git a/public/css/style.css b/public/css/style.css
index 161344fe..f47b3d02 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -154,3 +154,7 @@ dialog, dd, dt {
 	font-size: 10pt;
 	margin-top: 1em;
 }
+
+.new_demo_notification {
+    max-width: 48rem;
+}
\ No newline at end of file
diff --git a/views/demo.jsx b/views/demo.jsx
index 5a531115..05569e82 100644
--- a/views/demo.jsx
+++ b/views/demo.jsx
@@ -17,6 +17,7 @@ import samples from '../src/data/samples.json';
 import cachedModels from '../src/data/models.json';
 
 const ERR_MIC_NARROWBAND = 'Microphone transcription cannot accommodate narrowband voice models, please select a broadband one.';
+const NEW_DEMO_NOTIFICATION = 'A new Speech to Text demo is available, check it out ';
 
 export class Demo extends Component {
   constructor(props) {
@@ -460,6 +461,15 @@ export class Demo extends Component {
           </div>
         </div>
 
+        <div className="new_demo_notification">
+          <Alert type="info" color="blue">
+            {NEW_DEMO_NOTIFICATION}
+            <a href="https://www.ibm.com/demos/live/speech-to-text/self-service/home" target="blank">
+              here.
+            </a>
+          </Alert>
+        </div>
+
         <h2 className="base--h2">Transcribe Audio</h2>
 
         <ul className="base--ul">