Alpha warning banner lol

2 files changed, 23 insertions, 1 deletions

diff --git a/src/App.js b/src/App.js
index 4ac6433..80ac3b3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -8,6 +8,24 @@ import Zones from './routes/Zones'
 import Button from './uikit/Button'
 import { BrowserRouter, Route, Routes } from 'react-router-dom'
 import { Link, useNavigate } from 'react-router-dom'
+import { styled } from '@stitches/react'
+
+const MessageBar = styled('div', {
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  padding: '0px',
+  fontSize: '1.5em',
+  fontWeight: 'bold',
+  background: 'repeating-linear-gradient(-45deg, #ffff00, #ffff00 20px, #000000 20px, #000000 40px)',
+  width: '100%',
+});
+const MessageBox = styled('div', {
+  fontSize: '1.5em',
+  padding: '0px 2em',
+  fontWeight: 'bold',
+  backgroundColor: '#ffff00',
+})
 
 function ButtonRow() {
   let auth = useAuth()
@@ -58,6 +76,11 @@ function App() {
 
   return (
     <div className="App">
+    <MessageBar>
+      <MessageBox>
+        This software is in public alpha. Please don't use it for anything critical
+      </MessageBox>
+    </MessageBar>
       <BrowserRouter>
         <header>
           <Link to={auth.isAuthenticated() ? '/zones' : '/'}>
diff --git a/src/routes/SignUp.js b/src/routes/SignUp.js
index 3a380a4..85b7bf0 100644
--- a/src/routes/SignUp.js
+++ b/src/routes/SignUp.js
@@ -151,7 +151,6 @@ export function SignUp() {
 
   return (
     <Flex>
-      <Title>HOSTSdotTXT</Title>
       <LoginCard>
         <Subtitle>Sign Up</Subtitle>
         <StyledLabel for="email">