From 680fb68ce2afbea94b94d1ca7be415d83ce3cd8e Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Fri, 18 Aug 2023 21:02:03 +0100
Subject: [PATCH] Add DevBanner

---
 src/lib/DevBanner.svelte  | 19 +++++++++++++++++++
 src/routes/+layout.svelte |  5 +++++
 2 files changed, 24 insertions(+)
 create mode 100644 src/lib/DevBanner.svelte

diff --git a/src/lib/DevBanner.svelte b/src/lib/DevBanner.svelte
new file mode 100644
index 0000000..4b6dda1
--- /dev/null
+++ b/src/lib/DevBanner.svelte
@@ -0,0 +1,19 @@
+<div id="banner">DEVMODE</div>
+
+<style>
+    #banner {
+        width: 200px;
+        background: red;
+        color: #fff;
+        position: fixed;
+        text-align: center;
+        top: 25px;
+        line-height: 40px;
+        right: -50px;
+        left: auto;
+        -ms-transform: rotate(45deg);
+        -webkit-transform: rotate(45deg);
+        transform: rotate(45deg);
+        z-index: 100;
+    }
+</style>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b2fdc94..c376bd9 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,7 @@
 <script>
   import '../app.css';
+  import { dev } from '$app/environment';
+  import DevBanner from '$lib/DevBanner.svelte';
 </script>
 
 <svelte:head>
@@ -14,4 +16,7 @@
   <link rel="manifest" href="/manifest.json" />
   <title>OwlBoard</title>
 </svelte:head>
+{#if dev}
+    <DevBanner />
+{/if}
 <slot />