Skip to content

Commit 57f42ba

Browse files
YassinEldeebYassinEldeeb
committed
chore: prettier
1 parent 3c87b25 commit 57f42ba

File tree

4 files changed

+89
-79
lines changed

4 files changed

+89
-79
lines changed

‎src/app/conf/2025/page.tsx‎

Lines changed: 58 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,11 @@ import { InfiniteMovingSpeakers } from "../_components/infinite-moving-speakers"
77
import { SessionList } from "../_components/schedule/session-list"
88
import { filterCategories2024 } from "../_components/schedule/filter-categories"
99
import NextImage from "next-image-export-optimizer"
10-
import { Rubik } from 'next/font/google'
10+
import { Rubik } from "next/font/google"
1111

1212
const rubik = Rubik({
13-
weight: ['700','600','500','400' ,'300'],
14-
subsets: ["latin"]
13+
weight: ["700", "600", "500", "400", "300"],
14+
subsets: ["latin"],
1515
})
1616

1717
function shuffle<T extends any[]>(array: T): T {
@@ -45,71 +45,77 @@ export const metadata: Metadata = {
4545

4646
export default function Page() {
4747
return (
48-
<div style={{
49-
fontFamily: rubik.style.fontFamily,
50-
}}>
48+
<div
49+
style={{
50+
fontFamily: rubik.style.fontFamily,
51+
}}
52+
>
5153
<div className="conf-hero-2025 relative">
5254
<div className="container h-full py-16 md:py-28 flex flex-col justify-center">
5355
<div className="flex items-center justify-center flex-col">
5456
<h1
55-
style={{ fontSize: 'min(calc(10px + 80vw / 12), 150px)',
56-
fontWeight: 'bold',
57-
fontFamily: rubik.style.fontFamily,
58-
}}
59-
>GraphQLConf <span className='font-light'>2025</span>
60-
</h1>
61-
<HostedByGraphQLFoundation className="w-full shrink-0 h-8 lg:h-10 mb-6 self-start" />
62-
<span className={`${rubik.className} font-medium text-xl`}>September 08 - 10, 2025 | Amsterdam, Netherlands</span>
57+
style={{
58+
fontSize: "min(calc(10px + 80vw / 12), 150px)",
59+
fontWeight: "bold",
60+
fontFamily: rubik.style.fontFamily,
61+
}}
62+
>
63+
GraphQLConf <span className="font-light">2025</span>
64+
</h1>
65+
<HostedByGraphQLFoundation className="w-full shrink-0 h-8 lg:h-10 mb-6 self-start" />
66+
<span className={`${rubik.className} font-medium text-xl`}>
67+
September 08 - 10, 2025 | Amsterdam, Netherlands
68+
</span>
6369
</div>
64-
6570
</div>
66-
<div
67-
className="absolute bottom-0 left-1/2 -translate-x-1/2 w-[90%] h-px bg-white/10"
68-
aria-hidden="true"
69-
></div>
71+
<div
72+
className="absolute bottom-0 left-1/2 -translate-x-1/2 w-[90%] h-px bg-white/10"
73+
aria-hidden="true"
74+
></div>
7075
</div>
7176

7277
<div className="container flex gap-20 flex-col pt-24">
7378
<div className="flex gap-12 lg:gap-24 max-md:flex-col">
7479
<div className="flex flex-col gap-5 text-white flex-1">
75-
<h2 className="text-3xl lg:text-[45px]/[4rem] font-[400]">Celebrating 10 Years of GraphQL. Three transformative days of expert insights and innovation to shape the next decade of APIs together!</h2>
76-
77-
<div className="relative w-full h-[500px] flex items-center justify-center">
78-
<div className="absolute inset-0 flex items-center justify-center">
79-
<div
80-
className="grid gap-0"
81-
style={{
82-
gridTemplateColumns: 'repeat(18, 60px)',
83-
gridTemplateRows: 'repeat(6, 60px)',
84-
padding: '50px',
85-
boxSizing: 'border-box',
86-
}}
87-
>
88-
{Array.from({ length: 18 * 6 }).map((_, index) => (
89-
<div
90-
key={index}
91-
className="border border-white/10"
92-
style={{
93-
width: '60px',
94-
height: '60px',
95-
}}
96-
></div>
97-
))}
98-
</div>
99-
</div>
100-
101-
<button className="relative z-10 px-44 py-6 text-white text-3xl font-semibold bg-[#E10098] hover:bg-[#ef00a3] flex items-center justify-center gap-2">
102-
Get Tickets
103-
<span className="text-xl">➔</span>
104-
</button>
105-
</div>
80+
<h2 className="text-3xl lg:text-[45px]/[4rem] font-[400]">
81+
Celebrating 10 Years of GraphQL. Three transformative days of
82+
expert insights and innovation to shape the next decade of APIs
83+
together!
84+
</h2>
10685

86+
<div className="relative w-full h-[500px] flex items-center justify-center">
87+
<div className="absolute inset-0 flex items-center justify-center">
88+
<div
89+
className="grid gap-0"
90+
style={{
91+
gridTemplateColumns: "repeat(18, 60px)",
92+
gridTemplateRows: "repeat(6, 60px)",
93+
padding: "50px",
94+
boxSizing: "border-box",
95+
}}
96+
>
97+
{Array.from({ length: 18 * 6 }).map((_, index) => (
98+
<div
99+
key={index}
100+
className="border border-white/10"
101+
style={{
102+
width: "60px",
103+
height: "60px",
104+
}}
105+
></div>
106+
))}
107+
</div>
108+
</div>
107109

110+
<button className="relative z-10 px-44 py-6 text-white text-3xl font-semibold bg-[#E10098] hover:bg-[#ef00a3] flex items-center justify-center gap-2">
111+
Get Tickets
112+
<span className="text-xl">➔</span>
113+
</button>
114+
</div>
108115
</div>
109-
110116
</div>
111117
</div>
112-
118+
113119
<Sponsors />
114120
</div>
115121
)

‎src/app/conf/2025/sponsors.tsx‎

Lines changed: 24 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@ import Intuit from "public/img/conf/Sponsors/Intuit.svg"
99

1010
import { clsx } from "clsx"
1111
import NextImage from "next-image-export-optimizer"
12-
import { Rubik } from 'next/font/google'
12+
import { Rubik } from "next/font/google"
1313

1414
const rubik = Rubik({
15-
weight: ['700','600','500','400' ,'300'],
16-
subsets: ["latin"]
15+
weight: ["700", "600", "500", "400", "300"],
16+
subsets: ["latin"],
1717
})
1818

1919
interface Image {
@@ -102,17 +102,21 @@ const classes = {
102102

103103
export function Sponsors() {
104104
return (
105-
<div id="sponsors" className="bg-conf-black" style={{
106-
fontFamily: rubik.style.fontFamily,
107-
}}>
105+
<div
106+
id="sponsors"
107+
className="bg-conf-black"
108+
style={{
109+
fontFamily: rubik.style.fontFamily,
110+
}}
111+
>
108112
<div className="container conf-block">
109113
<h1 className={classes.title}>Thanks to our 2024 sponsors!</h1>
110114
{sponsorDiamond.length && (
111115
<>
112116
<div className="flex items-center gap-2 mb-2 border-b-2 border-dotted pb-1.5 border-[rgba(255,255,255,0.4)]">
113-
<div className="size-2.5 bg-[#E10098]"></div>
114-
<h3 className="text-white font-medium">DIAMOND</h3>
115-
</div>
117+
<div className="size-2.5 bg-[#E10098]"></div>
118+
<h3 className="text-white font-medium">DIAMOND</h3>
119+
</div>
116120
<List
117121
items={sponsorDiamond}
118122
className="flex"
@@ -123,9 +127,9 @@ export function Sponsors() {
123127
{sponsorPlatinum.length && (
124128
<>
125129
<div className="flex items-center gap-2 mb-2 border-b-2 border-dotted pb-1.5 border-[rgba(255,255,255,0.4)]">
126-
<div className="size-2.5 bg-[#E10098]"></div>
127-
<h3 className="text-white font-medium">PLATINUM</h3>
128-
</div>
130+
<div className="size-2.5 bg-[#E10098]"></div>
131+
<h3 className="text-white font-medium">PLATINUM</h3>
132+
</div>
129133
<List
130134
items={sponsorPlatinum}
131135
className="flex"
@@ -135,10 +139,10 @@ export function Sponsors() {
135139
)}
136140
{sponsorGold.length && (
137141
<>
138-
<div className="flex items-center gap-2 mb-2 border-b-2 border-dotted pb-1.5 border-[rgba(255,255,255,0.4)]">
139-
<div className="size-2.5 bg-[#E10098]"></div>
140-
<h3 className="text-white font-medium">GOLD</h3>
141-
</div>
142+
<div className="flex items-center gap-2 mb-2 border-b-2 border-dotted pb-1.5 border-[rgba(255,255,255,0.4)]">
143+
<div className="size-2.5 bg-[#E10098]"></div>
144+
<h3 className="text-white font-medium">GOLD</h3>
145+
</div>
142146
<List
143147
items={sponsorGold}
144148
className="flex"
@@ -148,10 +152,10 @@ export function Sponsors() {
148152
)}
149153
{sponsorSilver.length && (
150154
<>
151-
<div className="flex items-center gap-2 mb-2 border-b-2 border-dotted pb-1.5 border-[rgba(255,255,255,0.4)]">
152-
<div className="size-2.5 bg-[#E10098]"></div>
153-
<h3 className="text-white font-medium">SILVER</h3>
154-
</div>
155+
<div className="flex items-center gap-2 mb-2 border-b-2 border-dotted pb-1.5 border-[rgba(255,255,255,0.4)]">
156+
<div className="size-2.5 bg-[#E10098]"></div>
157+
<h3 className="text-white font-medium">SILVER</h3>
158+
</div>
155159
<List
156160
items={sponsorSilver}
157161
className="flex"

‎src/app/conf/_components/header.tsx‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@ import { Badge } from "./badge"
1616
export function Header({
1717
links,
1818
logo,
19-
is2025
19+
is2025,
2020
}: {
2121
links: { href: string; children: React.ReactNode; "aria-disabled"?: true }[]
22-
logo: ReactNode,
22+
logo: ReactNode
2323
is2025?: boolean
2424
}): ReactElement {
2525
const pathname = usePathname()
@@ -35,7 +35,9 @@ export function Header({
3535

3636
return (
3737
<header className="border-b border-[#565060] sticky top-0 bg-conf-black z-10">
38-
<div className={`container flex items-center ${is2025 ?"justify-between": ""} h-[70px] gap-5`}>
38+
<div
39+
className={`container flex items-center ${is2025 ? "justify-between" : ""} h-[70px] gap-5`}
40+
>
3941
<div className="flex items-center gap-2">
4042
<NextLink href="/">
4143
<GraphQLLogo className="h-8" />

‎src/globals.css‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,15 +28,13 @@
2828
}
2929

3030
.conf-hero-2025 {
31-
background-color: rgba(0, 0, 0, 0.65);
31+
background-color: rgba(0, 0, 0, 0.65);
3232
background-image: url("/img/conf/graphql-conf-bg.png");
3333
@apply text-white max-md:text-base;
34-
background-position: right center;
34+
background-position: right center;
3535
background-blend-mode: darken;
3636
}
3737

38-
39-
4038
.with-arrow:after {
4139
@apply content-['_→'] font-sans text-xl;
4240
@apply transition-all duration-75 hover:ml-1;

0 commit comments

Comments
 (0)