From c8b4cab5a60fea0c1dba7916194ec902a33f3e86 Mon Sep 17 00:00:00 2001
From: Lukas <69743171+quick007@users.noreply.github.com>
Date: Tue, 12 Mar 2024 19:34:19 -0700
Subject: [PATCH] finalize email

---
 emails/event.tsx | 26 +++++++++++++++++++-------
 out/event.html   |  2 +-
 2 files changed, 20 insertions(+), 8 deletions(-)
diff --git a/emails/event.tsx b/emails/event.tsx
index 736f37f..9704a51 100644
--- a/emails/event.tsx
+++ b/emails/event.tsx
@@ -55,17 +55,29 @@ export default function LoginEmail({ otp = "123456" }: { otp: string }) {
 
             <Heading className="font-bold mt-4 text-xl">Your QR Code</Heading>
             <Text>You'll scan this when entering your event. </Text>
-            <p className="bg-gray-100 border font-semibold text-gray-700  text-sm rounded-md mt-4 mb-2 mx-auto px-2 py-1">
-              {`{{TICKETS}}`} ticket(s)
-            </p>
-
-            <img src={`{{QR-VALUE}}`} alt="QR Code" width={232} />
+            <Container className="bg-gray-100 w-80">
+              <p className="border font-semibold text-gray-700  text-sm rounded-md mb-2 mx-auto mt-4 px-2 py-1">
+                {`{{TICKETS}}`} ticket(s)
+              </p>
+              <img
+                src={`{{QR-VALUE}}`}
+                alt="QR Code"
+                width={232}
+                className="mb-4"
+              />
+            </Container>
           </Container>
           <Container className="my-8">
-            <Button href="http://localhost:8000/events/d0535ce8-bd87-4639-a35d-493ddb23c7db/tickets/9504c647-763b-4d9d-8afb-4b2efc8cb82e" className="mr-3 rounded-md font-semibold peer z-10 hover:brightness-95 transition hover:focus:ring-1 hover:focus:brightness-100 disabled:brightness-90 disabled:cursor-not-allowed bg-theme-normal ring-[#da7351] text-white px-4 py-2">
+            <Button
+              href="{{TICKET-LINK}}"
+              className="mr-3 rounded-md font-semibold peer z-10 hover:brightness-95 transition hover:focus:ring-1 hover:focus:brightness-100 disabled:brightness-90 disabled:cursor-not-allowed bg-theme-normal ring-[#da7351] text-white px-4 py-2"
+            >
               View Ticket
             </Button>
-						<Button href="http://localhost:8000/events/d0535ce8-bd87-4639-a35d-493ddb23c7db/" className="ml-3 rounded-md font-semibold peer z-10 hover:brightness-95 transition hover:focus:ring-1 hover:focus:brightness-100 disabled:brightness-90 disabled:cursor-not-allowed bg-gray-300 ring-gray-400/50 text-gray-800 px-4 py-2">
+            <Button
+              href="{{EVENT-LINK}}"
+              className="ml-3 rounded-md font-semibold peer z-10 hover:brightness-95 transition hover:focus:ring-1 hover:focus:brightness-100 disabled:brightness-90 disabled:cursor-not-allowed bg-gray-300 ring-gray-400/50 text-gray-800 px-4 py-2"
+            >
               View Event
             </Button>
           </Container>
diff --git a/out/event.html b/out/event.html
index 495eedf..f318f02 100644
--- a/out/event.html
+++ b/out/event.html
@@ -10,4 +10,4 @@
     * {
       font-family: 'Inter', sans-serif;
     }
-  </style></head><body style="background-color:rgb(255,255,255);color:rgb(31,41,55);text-align:center"><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">Tickets for the {{EVENT-NAME}} event!<div> ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿</div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;margin-top:2rem;margin-bottom:2rem"><tbody><tr style="width:100%"><td><img alt="Events Logo" height="40" src="https://events.deno.dev/orange-logo.png" style="display:block;outline:none;border:none;text-decoration:none;margin-left:auto;margin-right:auto" width="40"/><h1 class="text" style="margin-top:0.5rem;font-size:1.5rem;line-height:2rem;font-weight:700">Events</h1><h1 style="margin-top:2.5rem;margin-bottom:0px">Your Tickets!</h1><p style="font-size:14px;line-height:24px;margin:16px 0;margin-top:0px">{{EVENT-NAME}}</p><h1 style="font-weight:700;margin-top:1rem;font-size:1.25rem;line-height:1.75rem">Your QR Code</h1><p style="font-size:14px;line-height:24px;margin:16px 0">You&#x27;ll scan this when entering your event. </p><p class="" style="background-color:rgb(243,244,246);border-width:1px;font-weight:600;color:rgb(55,65,81);font-size:0.875rem;line-height:1.25rem;border-radius:0.375rem;margin-top:1rem;margin-bottom:0.5rem;margin-left:auto;margin-right:auto;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem">{{TICKETS}} ticket(s)</p><img src="{{QR-VALUE}}" alt="QR Code" width="232"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;margin-top:2rem;margin-bottom:2rem"><tbody><tr style="width:100%"><td><a href="http://localhost:8000/events/d0535ce8-bd87-4639-a35d-493ddb23c7db/tickets/9504c647-763b-4d9d-8afb-4b2efc8cb82e" class="peer hover:brightness-95 hover:focus:ring-1 hover:focus:brightness-100 disabled:brightness-90 disabled:cursor-not-allowed ring-[#da7351]" style="margin-right:0.75rem;border-radius:0.375rem;font-weight:600;z-index:10;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgb(220,104,67);color:rgb(255,255,255);padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;line-height:100%;text-decoration:none;display:inline-block;max-width:100%;padding:8px 16px 8px 16px" target="_blank"><span><!--[if mso]><i style="letter-spacing: 16px;mso-font-width:-100%;mso-text-raise:12" hidden>&nbsp;</i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">View Ticket</span><span><!--[if mso]><i style="letter-spacing: 16px;mso-font-width:-100%" hidden>&nbsp;</i><![endif]--></span></a><a href="http://localhost:8000/events/d0535ce8-bd87-4639-a35d-493ddb23c7db/" class="peer hover:brightness-95 hover:focus:ring-1 hover:focus:brightness-100 disabled:brightness-90 disabled:cursor-not-allowed ring-gray-400/50" style="margin-left:0.75rem;border-radius:0.375rem;font-weight:600;z-index:10;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgb(209,213,219);color:rgb(31,41,55);padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;line-height:100%;text-decoration:none;display:inline-block;max-width:100%;padding:8px 16px 8px 16px" target="_blank"><span><!--[if mso]><i style="letter-spacing: 16px;mso-font-width:-100%;mso-text-raise:12" hidden>&nbsp;</i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">View Event</span><span><!--[if mso]><i style="letter-spacing: 16px;mso-font-width:-100%" hidden>&nbsp;</i><![endif]--></span></a></td></tr></tbody></table></body></html>
\ No newline at end of file
+  </style></head><body style="background-color:rgb(255,255,255);color:rgb(31,41,55);text-align:center"><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">Tickets for the {{EVENT-NAME}} event!<div> ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿</div></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;margin-top:2rem;margin-bottom:2rem"><tbody><tr style="width:100%"><td><img alt="Events Logo" height="40" src="https://events.deno.dev/orange-logo.png" style="display:block;outline:none;border:none;text-decoration:none;margin-left:auto;margin-right:auto" width="40"/><h1 class="text" style="margin-top:0.5rem;font-size:1.5rem;line-height:2rem;font-weight:700">Events</h1><h1 style="margin-top:2.5rem;margin-bottom:0px">Your Tickets!</h1><p style="font-size:14px;line-height:24px;margin:16px 0;margin-top:0px">{{EVENT-NAME}}</p><h1 style="font-weight:700;margin-top:1rem;font-size:1.25rem;line-height:1.75rem">Your QR Code</h1><p style="font-size:14px;line-height:24px;margin:16px 0">You&#x27;ll scan this when entering your event. </p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;background-color:rgb(243,244,246);width:20rem"><tbody><tr style="width:100%"><td><p class="" style="border-width:1px;font-weight:600;color:rgb(55,65,81);font-size:0.875rem;line-height:1.25rem;border-radius:0.375rem;margin-bottom:0.5rem;margin-left:auto;margin-right:auto;margin-top:1rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem">{{TICKETS}} ticket(s)</p><img src="{{QR-VALUE}}" alt="QR Code" width="232" style="margin-bottom:1rem"/></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:37.5em;margin-top:2rem;margin-bottom:2rem"><tbody><tr style="width:100%"><td><a href="{{TICKET-LINK}}" class="peer hover:brightness-95 hover:focus:ring-1 hover:focus:brightness-100 disabled:brightness-90 disabled:cursor-not-allowed ring-[#da7351]" style="margin-right:0.75rem;border-radius:0.375rem;font-weight:600;z-index:10;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgb(220,104,67);color:rgb(255,255,255);padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;line-height:100%;text-decoration:none;display:inline-block;max-width:100%;padding:8px 16px 8px 16px" target="_blank"><span><!--[if mso]><i style="letter-spacing: 16px;mso-font-width:-100%;mso-text-raise:12" hidden>&nbsp;</i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">View Ticket</span><span><!--[if mso]><i style="letter-spacing: 16px;mso-font-width:-100%" hidden>&nbsp;</i><![endif]--></span></a><a href="{{EVENT-LINK}}" class="peer hover:brightness-95 hover:focus:ring-1 hover:focus:brightness-100 disabled:brightness-90 disabled:cursor-not-allowed ring-gray-400/50" style="margin-left:0.75rem;border-radius:0.375rem;font-weight:600;z-index:10;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgb(209,213,219);color:rgb(31,41,55);padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;line-height:100%;text-decoration:none;display:inline-block;max-width:100%;padding:8px 16px 8px 16px" target="_blank"><span><!--[if mso]><i style="letter-spacing: 16px;mso-font-width:-100%;mso-text-raise:12" hidden>&nbsp;</i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">View Event</span><span><!--[if mso]><i style="letter-spacing: 16px;mso-font-width:-100%" hidden>&nbsp;</i><![endif]--></span></a></td></tr></tbody></table></body></html>
\ No newline at end of file
