From a8b23218ea6f5c3a619cbe74ac9448aa040cbcd9 Mon Sep 17 00:00:00 2001
From: unexp <unexplainings@gmail.com>
Date: Sun, 9 Oct 2022 17:08:08 -0300
Subject: [PATCH] =?UTF-8?q?add=20alert=20.=20an=20d=20banner=20ad=20?=
 =?UTF-8?q?=F0=9F=94=A5=F0=9F=94=A5=F0=9F=92=AF=F0=9F=91=8DClass=20alwasys?=
 =?UTF-8?q?=20lit?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/AdBanner.svelte | 3 +++
 src/lib/components/Alert.svelte    | 3 +++
 src/routes/(app)/+page.svelte      | 6 +++++-
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/components/Alert.svelte

diff --git a/src/lib/components/AdBanner.svelte b/src/lib/components/AdBanner.svelte
index e69de29..5877747 100644
--- a/src/lib/components/AdBanner.svelte
+++ b/src/lib/components/AdBanner.svelte
@@ -0,0 +1,3 @@
+<a href="/games/1">
+    <img class="w-full min-h-28 max-h-28" src="https://cdn.discordapp.com/attachments/1025864353452400812/1028718186700480513/058f09be8a19b8607d6fe50baa6659a1-AdBannerTemplate.png" alt="Your ad here.">
+</a>
\ No newline at end of file
diff --git a/src/lib/components/Alert.svelte b/src/lib/components/Alert.svelte
new file mode 100644
index 0000000..e59c2eb
--- /dev/null
+++ b/src/lib/components/Alert.svelte
@@ -0,0 +1,3 @@
+<div class="container flex bg-indigo-600 outline outline-1 outline-indigo-700 items-center justify-center mb-4 mt-[-1rem]">
+    <p class="text-white">This is an example alert</p>
+</div>
\ No newline at end of file
diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte
index cc2d5e0..db93359 100644
--- a/src/routes/(app)/+page.svelte
+++ b/src/routes/(app)/+page.svelte
@@ -1,12 +1,16 @@
 <script>
 	import Game from "$lib/components/GameListed.svelte";
 	import Friend from "$lib/components/UserListed.svelte";
+	import Banner from "$lib/components/AdBanner.svelte";
+	import Alert from "$lib/components/Alert.svelte";
 </script>
 
 <svelte:head>
 	<title>Home - Rowblox</title>
 </svelte:head>
-
+<Alert />
+<Banner />
+<br>
 <div class="flex items-center">
 	<img class="rounded-full border-2 border-grey-300 w-36 h-36 mx-2 shadow-lg" src="" alt="" />
 	<p class="mx-2 font-bold text-3xl">Hello, Only16Characters!</p>