From 8fc27ee69e1f784d0450b2e110b4ddb92e2c4ddd Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.dev>
Date: Tue, 6 Jun 2023 07:52:48 +0100
Subject: [PATCH] feat: initial banner

---
 src/components/Banner.astro | 11 +++++++++++
 src/layouts/Layout.astro    |  5 +++++
 2 files changed, 16 insertions(+)
 create mode 100644 src/components/Banner.astro

diff --git a/src/components/Banner.astro b/src/components/Banner.astro
new file mode 100644
index 000000000..da5822489
--- /dev/null
+++ b/src/components/Banner.astro
@@ -0,0 +1,11 @@
+---
+interface Props {
+  text: string;
+}
+
+const { text } = Astro.props as Props;
+---
+
+<div class="text-center p-3 bg-[#ffc82c] text-black text-base mb-4 dark:text-white dark:bg-[#856200]">
+  <p class="font-normal" set:html={text} />
+</div>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index ed0dcfc87..1a12bd4fe 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,6 +1,7 @@
 ---
 import "../../assets/css/tailwind.pcss";
 
+import Banner from "../components/Banner.astro";
 import Navbar from "../components/Navbar.astro";
 
 export interface Props {
@@ -60,6 +61,10 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site).toString().replace(
     <div
       class="min-h-screen font-sans text-base font-light md:text-xl dark:text-white text-grey-900 dark:bg-grey-900"
     >
+      {false && (
+        <Banner text={"<a href='/drupal-testing'>Register now for my Drupal automated testing workshop &rarr;</a>"} />
+      )}
+
       <Navbar />
 
       <div class="py-10 px-4 mx-auto max-w-xl md:py-10">