From aeb57b9d2e9c1281c4a128aa582078e7c90d6de7 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Mon, 27 Jun 2022 15:01:25 -0500
Subject: [PATCH] Add New World banner

---
 components/ad-inline.vue | 47 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 components/ad-inline.vue

diff --git a/components/ad-inline.vue b/components/ad-inline.vue
new file mode 100644
index 0000000..a76dca2
--- /dev/null
+++ b/components/ad-inline.vue
@@ -0,0 +1,47 @@
+<template>
+    <div v-if="name !== 'default'">
+        <a href="https://amzn.to/3bllXrC">
+            <div
+                class="relative border border-gray-700 rounded-lg shadow-lg flex overflow-hidden"
+            >
+                <div class="flex flex-col text-center">
+                    <img
+                        src="https://vumbnail.com/OKnUBs-Ko44.jpg"
+                        class="w-32 aspect-video object-cover"
+                        alt="Skull figure with menacing red eyes"
+                    >
+                </div>
+                <div class="flex flex-col justify-center p-4 text-center">
+                    New World: Carve Your Destiny
+                </div>
+                <div
+                    class="absolute bottom-0 right-0 border-t border-l rounded-tl uppercase opacity-25 px-1"
+                    style="font-size: 0.45rem;"
+                >
+                    ads via Amazon
+                </div>
+            </div>
+        </a>
+    </div>
+    <CarbonInline
+        v-else
+        class="carbon-inline-wide"
+    />
+</template>
+
+<script>
+/* Carbon ads */
+import CarbonInline from './carbon-inline.vue'
+
+export default {
+    components: {
+        CarbonInline
+    },
+    props: {
+        name: {
+            type: String,
+            default: 'default'
+        }
+    }
+}
+</script>