From faaef823ebb3f83ebe8a25071651330cd4aae596 Mon Sep 17 00:00:00 2001
From: Francisco Mazzoni <francisco@supabase.io>
Date: Tue, 29 Nov 2022 11:43:53 -0300
Subject: [PATCH] share buttons, title letter spacing

---
 .../LaunchWeek/Ticket/ticket-actions.tsx        | 17 +++--------------
 .../LaunchWeek/Ticket/ticket-info.module.css    | 12 ------------
 .../LaunchWeek/Ticket/ticket-info.tsx           | 10 ++++++++--
 .../www/components/LaunchWeek/Ticket/ticket.tsx |  6 ++++--
 4 files changed, 15 insertions(+), 30 deletions(-)

diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-actions.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-actions.tsx
index 39a200f6a5f..96d851d8075 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-actions.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-actions.tsx
@@ -45,7 +45,7 @@ export default function TicketActions({ username, golden = false }: Props) {
 
   const ActionStyle = ({ children }: any) => {
     return (
-      <div className="rounded-full bg-gradient-to-r from-scale-100 via-scale-300 to-scale-700 px-5 py-2 dark:text-white">
+      <div className="rounded-full bg-[#2E2E2E] px-5 py-1 text-white border border-[#3E3E3E]">
         {children}
       </div>
     )
@@ -54,30 +54,19 @@ export default function TicketActions({ username, golden = false }: Props) {
   return (
     <>
       <ActionStyle>
-        <a
-          href={tweetUrl}
-          rel="noopener noreferrer"
-          target="_blank"
-          className="bg-gradient-to-r from-white via-white to-[#1a7a4c85] bg-clip-text text-transparent"
-        >
+        <a href={tweetUrl} rel="noopener noreferrer" target="_blank">
           {/* <IconTwitter width={24} /> Tweet it! */}
           Tweet it
         </a>
       </ActionStyle>
       <ActionStyle>
-        <a
-          href={linkedInUrl}
-          rel="noopener noreferrer"
-          target="_blank"
-          className="bg-gradient-to-r from-white via-white to-[#1a7a4c85] bg-clip-text text-transparent"
-        >
+        <a href={linkedInUrl} rel="noopener noreferrer" target="_blank">
           {/* <IconLinkedin width={20} /> Share on LinkedIn */}
           Share on Linkedin
         </a>
       </ActionStyle>
       <ActionStyle>
         <a
-          className="bg-gradient-to-r from-white via-white to-[#1a7a4c85] bg-clip-text text-transparent"
           href={loading ? undefined : downloadUrl}
           onClick={(e) => {
             if (imgReady) return
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-info.module.css b/apps/www/components/LaunchWeek/Ticket/ticket-info.module.css
index 72d59e76955..1bb38c9d1f5 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-info.module.css
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-info.module.css
@@ -11,7 +11,6 @@
     grid-template-columns: 1fr 2fr;
     gap: calc(var(--space-4x) * var(--size));
     font-size: calc(1em * var(--size)); */
-    gap: calc(8px * var(--size));
     padding: 0;
     margin-bottom: calc(32px * var(--size));
     margin-left: calc(160px * var(--size));
@@ -73,20 +72,9 @@
 } */
 
 .url {
-  margin-bottom: var(--space-12x);
-  font-size: calc(18px * var(--size));
-
   color: var(--lw-secondary-color);
 }
 
 .url-golden {
   color: var(--gold-primary);
 }
-
-@media (min-width: 768px) {
-  .url {
-    margin-bottom: 0;
-    font-size: calc(20px * var(--size));
-    line-height: 1.15;
-  }
-}
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket-info.tsx b/apps/www/components/LaunchWeek/Ticket/ticket-info.tsx
index dea6bd85a29..25b7b4d1794 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket-info.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket-info.tsx
@@ -13,13 +13,19 @@ export default function TicketInfo({
   return (
     <div className={styles.info}>
       <div
-        className={`${cn(styles.date, { [styles['date-golden']]: golden })} text-sm ${
+        className={`${cn(styles.date, { [styles['date-golden']]: golden })} text-sm mr-4 ${
           golden && '!text-white'
         }`}
       >
         <div>{DATE}</div>
       </div>
-      {/* <div className={cn(styles.url, { [styles['url-golden']]: golden })}>{siteUrlForTicket}</div> */}
+      <div
+        className={`${cn(styles.date, { [styles['date-golden']]: golden })} text-sm ${
+          golden && '!text-white'
+        }`}
+      >
+        <div>supabase.com/launch-week</div>
+      </div>
     </div>
   )
 }
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket.tsx b/apps/www/components/LaunchWeek/Ticket/ticket.tsx
index 12d95e9f278..edd6f252cec 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket.tsx
@@ -62,11 +62,13 @@ export default function Ticket({ username, name, ticketNumber, sharePage, golden
                 <>{SITE_NAME}</>
               )
             ) : golden ? (
-              <p className="text-2xl dark:text-white mb-4">
+              <p className="text-2xl dark:text-white mb-4 tracking-[0.02rem]">
                 You won a golden ticket! <br /> Claim it now!
               </p>
             ) : (
-              <p className="text-2xl dark:text-white mb-4">Congratulations, you have a ticket!</p>
+              <p className="text-2xl dark:text-white mb-4 tracking-[0.02rem]">
+                Congratulations, you have a ticket!
+              </p>
             )}
           </h2>
           <h2 className="text-sm dark:text-scale-900 max-w-[380px]">