diff --git a/apps/www/components/LaunchWeek/LW7BgGraphic.tsx b/apps/www/components/LaunchWeek/LW7BgGraphic.tsx
index ce3caedd597..f5b29f01eb6 100644
--- a/apps/www/components/LaunchWeek/LW7BgGraphic.tsx
+++ b/apps/www/components/LaunchWeek/LW7BgGraphic.tsx
@@ -1,18 +1,12 @@
import { motion, useScroll, useTransform } from 'framer-motion'
import Image from 'next/image'
import { useMobileViewport } from '../../hooks/useMobileViewport'
+import styles from './lw7-bg-graphic.module.css'
export default function LW7BgGraphic() {
const { scrollYProgress } = useScroll()
const isMobile = useMobileViewport(768)
- // const graphicsScale = useTransform(
- // scrollYProgress,
- // // Map scrollYProgress from these values:
- // [0, 0.5],
- // // Into these scale values:
- // [1, isMobile ? 1.1 : 1.2]
- // )
const graphicsY = useTransform(
scrollYProgress,
// Map scrollYProgress from these values:
@@ -22,12 +16,15 @@ export default function LW7BgGraphic() {
)
return (
-
+
chance!
Almost{' '}
-
gold.
+
gold.
)}
{winningChances === 3 && (
- You're gold!
+ You're gold!
You've maxed your
chances of winning!
)}
diff --git a/apps/www/components/LaunchWeek/Ticket/TicketActions.tsx b/apps/www/components/LaunchWeek/Ticket/TicketActions.tsx
index 99afddad1db..6c32f938cd5 100644
--- a/apps/www/components/LaunchWeek/Ticket/TicketActions.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/TicketActions.tsx
@@ -1,6 +1,6 @@
import { useEffect, useRef, useState } from 'react'
import { SITE_URL, TWEET_TEXT, TWEET_TEXT_GOLDEN } from '~/lib/constants'
-import { IconCheckCircle, IconDownload, IconGitHub, IconLinkedin, IconTwitter } from 'ui'
+import { IconCheckCircle } from 'ui'
import useConfData from '~/components/LaunchWeek/Ticket//hooks/use-conf-data'
import LoadingDots from './loading-dots'
import { useParams } from '~/hooks/useParams'
@@ -59,10 +59,10 @@ export default function TicketActions({
}, [downloadUrl])
return (
-
+
{!sharePage ? (
<>
-
+
@@ -71,9 +71,9 @@ export default function TicketActions({
{
navigator.clipboard.writeText(url).then(() => {
@@ -69,7 +56,7 @@ export default function TicketCopy({ username }: Props) {
className={cn(
styleUtils.appear,
styleUtils['appear-third'],
- 'bg-scaleA-200 h-8 rounded-xl border border-scale-1100 w-full overflow-hidden'
+ 'bg-scaleA-200 h-8 rounded-full border border-scale-1100 w-full overflow-hidden'
)}
id="wayfinding--ticket-copy"
>
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket.module.css b/apps/www/components/LaunchWeek/Ticket/ticket.module.css
index c820b72e33c..b9a2c55b00e 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket.module.css
+++ b/apps/www/components/LaunchWeek/Ticket/ticket.module.css
@@ -153,3 +153,14 @@
/* border-radius: calc(16px * var(--size)); */
width: 100%;
}
+
+.gold-text {
+ color: #f4cf72;
+ text-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.1);
+}
+
+@media (min-width: 768px) {
+ .gold-text {
+ color: #e4b641;
+ }
+}
diff --git a/apps/www/components/LaunchWeek/lw7-bg-graphic.module.css b/apps/www/components/LaunchWeek/lw7-bg-graphic.module.css
new file mode 100644
index 00000000000..04776532987
--- /dev/null
+++ b/apps/www/components/LaunchWeek/lw7-bg-graphic.module.css
@@ -0,0 +1,5 @@
+.gradient-overlay::before {
+ background: linear-gradient(0deg, #1c1c1c 0%, #1c1c1c20 60%, transparent 100%),
+ linear-gradient(0deg, #1c1c1c 0%, #1c1c1c80 20%, #1c1c1c60 40%, #1c1c1c05 75%, transparent 100%),
+ linear-gradient(0deg, #1c1c1c 0%, #1c1c1c80 15%, #1c1c1c50 40%, #1c1c1c05 65%, transparent 100%);
+}