From 17c0381e44b7f8e4f6ef56bf8f0104c4272051f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johannes=20B=C3=BClow?= <johannes@jmbfountain.de>
Date: Sat, 7 Jan 2023 15:38:18 +0100
Subject: [PATCH] added disclaimer

---
 src/App.svelte            |  4 +++-
 src/lib/Disclaimer.svelte | 20 ++++++++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/Disclaimer.svelte

diff --git a/src/App.svelte b/src/App.svelte
index 62af655..78ee636 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -4,14 +4,16 @@
   import DecryptButton from './lib/DecryptButton.svelte';
   import { errorMessage } from './lib/generalStore';
   import Footer from './lib/Footer.svelte';
+    import Disclaimer from './lib/Disclaimer.svelte';
 
-  let errorMessageContent
+  let errorMessageContent: string;
   errorMessage.subscribe( value => {
     errorMessageContent = value;
   });
 </script>
 
 <main>
+  <Disclaimer />
   <h1>Encrypt and decrypt files</h1>
   {errorMessageContent}
 
diff --git a/src/lib/Disclaimer.svelte b/src/lib/Disclaimer.svelte
new file mode 100644
index 0000000..1a212cc
--- /dev/null
+++ b/src/lib/Disclaimer.svelte
@@ -0,0 +1,20 @@
+<style>
+  div.disclaimer {
+    background-color: rgb(129, 0, 0);
+    color: #fff;
+    height: 6em;
+    padding-left: 1em;
+    padding-right: 1em;
+    padding-bottom: 3px;
+    padding-top: 5px;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+</style>
+
+<div class="disclaimer">
+  <h3>DISCLAIMER</h3>
+  <p>This Webapp is not yet ready for production and should not be relied on to be cryptographically secure</p>
+</div>
\ No newline at end of file