Skip to content

Commit 1f21ec6

Browse files
hasparushasparus
committed
Format
1 parent e857f5e commit 1f21ec6

File tree

13 files changed

+53
-42
lines changed

13 files changed

+53
-42
lines changed

‎src/app/conf/2025/components/call-for-proposals.tsx

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ function DefinitionListItem({
4444
definition: string
4545
}) {
4646
return (
47-
<div className={clsx(className, "flex typography-body-md max-sm:flex-col")}>
47+
<div className={clsx(className, "typography-body-md flex max-sm:flex-col")}>
4848
<dt className="flex w-[184.5px] shrink-0 items-center whitespace-pre border-neu-300 bg-white/[0.79] px-3 py-2 max-sm:w-full sm:border-r sm:p-4">
4949
{term}
5050
</dt>
@@ -139,7 +139,7 @@ function NotesTab() {
139139
event.
140140
</li>
141141
</ul>
142-
<h3 className="mt-6 typography-h3">Preparing to Submit Your Proposal</h3>
142+
<h3 className="typography-h3 mt-6">Preparing to Submit Your Proposal</h3>
143143
<p className="mt-2">
144144
While it is not our intention to provide you with strict instructions on
145145
how to prepare your proposal, we hope you will take a moment to review
@@ -160,7 +160,7 @@ function NotesTab() {
160160
letting you share your experiences, educate the community about an
161161
issue, or generate interest in a project.
162162
</p>
163-
<h3 className="mt-6 typography-h3">How to Give a Great Talk</h3>
163+
<h3 className="typography-h3 mt-6">How to Give a Great Talk</h3>
164164
<p className="mt-2">
165165
We want to make sure submitters receive resources to help put together a
166166
great submission and if accepted, give the best presentation possible.
@@ -175,7 +175,7 @@ function NotesTab() {
175175
</a>
176176
.
177177
</p>
178-
<h3 className="mt-6 typography-h3">
178+
<h3 className="typography-h3 mt-6">
179179
Have More Questions? First Time Submitting? Don't Feel Intimidated
180180
</h3>
181181
<p className="mt-2">
@@ -237,7 +237,7 @@ function ProcessTab() {
237237
<li>The new Subject Matter Experts initiative (SMEs)</li>
238238
<li>The Program Committee</li>
239239
</ul>
240-
<h3 className="mt-6 typography-h3">The Technical Steering Committee</h3>
240+
<h3 className="typography-h3 mt-6">The Technical Steering Committee</h3>
241241
<p className="mt-2">
242242
The TSC are a group of 11 individuals who are elected to serve a two
243243
year term to provide technical oversight of all GraphQL development
@@ -251,7 +251,7 @@ function ProcessTab() {
251251
<li>Quality of Presentation</li>
252252
<li>Importance</li>
253253
</ul>
254-
<h3 className="mt-6 typography-h3">Subject Matter Experts</h3>
254+
<h3 className="typography-h3 mt-6">Subject Matter Experts</h3>
255255
<p className="mt-2">
256256
The SME initiative is new for 2025. This will be a panel of volunteers
257257
drawn from industry experts, working group members, security and
@@ -265,7 +265,7 @@ function ProcessTab() {
265265
<li>Originality</li>
266266
<li>Audience Engagement</li>
267267
</ul>
268-
<h3 className="mt-6 typography-h3">The Program Committee</h3>
268+
<h3 className="typography-h3 mt-6">The Program Committee</h3>
269269
<p className="mt-2">
270270
The Program Committee is made up of representatives from the GraphQL
271271
Foundation board and interested members of the GraphQL community who
@@ -275,7 +275,7 @@ function ProcessTab() {
275275
demographics, to ensure a varied and well-rounded representation of the
276276
GraphQL ecosystem.
277277
</p>
278-
<h3 className="mt-6 typography-h3">
278+
<h3 className="typography-h3 mt-6">
279279
Have More Questions? First Time Submitting? Don't Feel Intimidated
280280
</h3>
281281
<p className="mt-2">
@@ -348,7 +348,7 @@ export function CallForProposals() {
348348
</a>
349349
.
350350
</p>
351-
<p className="mt-6 typography-body-sm md:mt-10">
351+
<p className="typography-body-sm mt-6 md:mt-10">
352352
Please be aware that the Linux Foundation uses Sessionize for CFP
353353
submissions. Sessionize is a cloud-based event content management
354354
software designed to be intuitive and user-friendly. If you need
@@ -442,7 +442,7 @@ function TabButton({
442442
tabIndex={tabIndex}
443443
aria-selected={activeTab === tab}
444444
className={clsx(
445-
"gql-focus-visible flex items-center justify-between px-3 py-4 typography-body-lg hover:bg-sec-light focus:outline-none max-lg:border-b max-lg:border-sec-dark max-lg:first:border-t lg:[--collapsible:1] lg:aria-selected:bg-sec-light",
445+
"gql-focus-visible typography-body-lg flex items-center justify-between px-3 py-4 hover:bg-sec-light focus:outline-none max-lg:border-b max-lg:border-sec-dark max-lg:first:border-t lg:[--collapsible:1] lg:aria-selected:bg-sec-light",
446446
className,
447447
)}
448448
onFocus={() => {

‎src/app/conf/2025/components/cta-card-section/index.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,10 +23,10 @@ export function CtaCardSection({
2323
>
2424
<div className="relative z-10 flex flex-col gap-10 sm:items-start [@media(max-width:420px)]:text-center">
2525
<div className="flex flex-col gap-6">
26-
<h2 className="text-neu-0 typography-d1 dark:text-neu-900">
26+
<h2 className="typography-d1 text-neu-0 dark:text-neu-900">
2727
{heading}
2828
</h2>
29-
<p className="max-w-[555px] text-pretty text-neu-50 typography-body-lg dark:text-neu-800">
29+
<p className="typography-body-lg max-w-[555px] text-pretty text-neu-50 dark:text-neu-800">
3030
{description}
3131
</p>
3232
</div>

‎src/app/conf/2025/components/hero/index.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,19 +24,19 @@ export function Hero({
2424
<div className="flex gap-10 max-md:flex-col md:justify-between">
2525
{pageName ? (
2626
<div>
27-
<span className="text-sec-base typography-h3">
27+
<span className="typography-h3 text-sec-base">
2828
GraphQLConf {year}
2929
</span>
3030
<h1 className="typography-d1">{pageName}</h1>
3131
</div>
3232
) : (
33-
<h1 className="flex flex-wrap gap-2 typography-d1">
33+
<h1 className="typography-d1 flex flex-wrap gap-2">
3434
<span>GraphQLConf</span>
3535
<span className="text-sec-base">{year}</span>
3636
</h1>
3737
)}
3838
<div className="flex h-min items-center gap-4">
39-
<span className="whitespace-pre typography-body-sm">
39+
<span className="typography-body-sm whitespace-pre">
4040
hosted by
4141
</span>
4242
<GraphQLFoundationWordmark width={128} height={34.877} />
@@ -53,7 +53,7 @@ export function Hero({
5353

5454
export function HeroDateAndLocation() {
5555
return (
56-
<div className="flex flex-col gap-4 typography-body-md md:flex-row md:gap-6">
56+
<div className="typography-body-md flex flex-col gap-4 md:flex-row md:gap-6">
5757
<div className="flex items-center gap-2">
5858
<CalendarIcon className="size-5 sm:size-6" />
5959
<time dateTime="2025-09-08">September 08</time>

‎src/app/conf/2025/components/navbar.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ export function Navbar({ links, year }: NavbarProps): ReactElement {
6262
<div className="flex h-[var(--navbar-h)] items-center justify-between gap-5 px-4 md:px-6 2xl:px-10">
6363
<GraphQLConfLogoLink year={year} />
6464

65-
<div className="mr-auto flex h-full flex-col justify-center whitespace-pre border-x border-blk/60 px-4 typography-menu dark:border-white/80 max-xl:hidden">
65+
<div className="typography-menu mr-auto flex h-full flex-col justify-center whitespace-pre border-x border-blk/60 px-4 dark:border-white/80 max-xl:hidden">
6666
<p className="flex items-center gap-2 text-sm">
6767
<time dateTime="2025-09-08">September 08</time>
6868
<span>-</span>
@@ -83,7 +83,7 @@ export function Navbar({ links, year }: NavbarProps): ReactElement {
8383

8484
<nav
8585
className={clsx(
86-
"inset-0 z-20 flex gap-7 typography-menu max-lg:fixed max-lg:mt-[calc(var(--navbar-h)+1px)] max-lg:flex-col max-md:min-w-[50%] sm:max-lg:p-4 lg:items-end",
86+
"typography-menu inset-0 z-20 flex gap-7 max-lg:fixed max-lg:mt-[calc(var(--navbar-h)+1px)] max-lg:flex-col max-md:min-w-[50%] sm:max-lg:p-4 lg:items-end",
8787
mobileDrawerOpen ? "translate-x-0" : "max-lg:translate-x-full",
8888
)}
8989
>

‎src/app/conf/2025/components/speaker-card.tsx

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,6 @@ export interface SpeakerCardProps extends React.HTMLAttributes<HTMLDivElement> {
1717
year: string
1818
}
1919

20-
2120
export function SpeakerCard({
2221
tags = [],
2322
className,
@@ -114,7 +113,6 @@ function SpeakerLinks({
114113
)
115114
}
116115

117-
118116
function Stripes({ mask }: { mask?: string }) {
119117
return (
120118
<div

‎src/app/conf/2025/components/what-to-expect.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ function ListItem({ number, text }: { number: string; text: string }) {
2929
<span className="inline-block w-[87px] text-[72px]/none [text-box:trim-both_cap_alphabetic]">
3030
{number}
3131
</span>{" "}
32-
<span className="ml-10 inline-block typography-menu">{text}</span>
32+
<span className="typography-menu ml-10 inline-block">{text}</span>
3333
</li>
3434
)
3535
}

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -208,7 +208,7 @@ export function FAQ({ className }: { className?: string }) {
208208
<h2 className="typography-h2 lg:max-xl:max-w-lg">
209209
Frequently Asked Questions
210210
</h2>
211-
<p className="mt-6 typography-body-md">
211+
<p className="typography-body-md mt-6">
212212
You can find much more information on our{" "}
213213
<a href="/conf/2025/resources" className="typography-link">
214214
Resources
@@ -225,12 +225,12 @@ export function FAQ({ className }: { className?: string }) {
225225
className="group/q w-full border border-neu-400 @container"
226226
>
227227
<summary className="flex cursor-pointer list-none items-center justify-between gap-2 border-neu-400 p-2 px-3 focus:outline-none group-open/q:border-b [&::-webkit-details-marker]:hidden">
228-
<span className="select-none typography-body-lg">
228+
<span className="typography-body-lg select-none">
229229
{faq.question}
230230
</span>
231231
<ArrowDown className="size-10 shrink-0 text-sec-darker group-open/q:rotate-180" />
232232
</summary>
233-
<div className="p-3 typography-body-md">{faq.answer}</div>
233+
<div className="typography-body-md p-3">{faq.answer}</div>
234234
</details>
235235
))}
236236
</div>

‎src/app/conf/2025/pixelarticons/caret-down.svg

Lines changed: 13 additions & 2 deletions
Loading

‎src/app/conf/2025/schedule/_components/back-link.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,9 @@ export function BackLink({
1111
return (
1212
<NextLink
1313
href={`/conf/${year}/${kind}`}
14-
className="group -m-2 inline-flex cursor-pointer items-center gap-2 p-2 text-sec-darker transition-all typography-menu [text-box:trim-both_cap_alphabetic] hover:underline hover:underline-offset-4 dark:text-neu-700"
14+
className="group typography-menu -m-2 inline-flex cursor-pointer items-center gap-2 p-2 text-sec-darker transition-all [text-box:trim-both_cap_alphabetic] hover:underline hover:underline-offset-4 dark:text-neu-700"
1515
>
16-
<div className="group-hover:animate-arrow-left group-focus:animate-arrow-left [--arrow-left-x:-1px]">
16+
<div className="[--arrow-left-x:-1px] group-hover:animate-arrow-left group-focus:animate-arrow-left">
1717
<ArrowDownIcon className="inline-block size-4 translate-y-[-.5px] rotate-90" />
1818
</div>
1919
Back to {capitalize(kind)}

‎src/app/conf/2025/schedule/_components/filters.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@ function FiltersCombobox({
9595
<Combobox multiple nullable value={value} onChange={onChange}>
9696
<div className={clsx("flex flex-col", className)}>
9797
{label && (
98-
<Combobox.Label className="mb-1 block font-mono font-medium uppercase text-neu-900 typography-menu">
98+
<Combobox.Label className="typography-menu mb-1 block font-mono font-medium uppercase text-neu-900">
9999
{label}
100100
</Combobox.Label>
101101
)}
@@ -104,7 +104,7 @@ function FiltersCombobox({
104104
value={query}
105105
onChange={e => setQuery(e.target.value)}
106106
className={clsx(
107-
"bg-transparent leading-none text-neu-800 !outline-offset-0 typography-body-sm [text-box:trim-both_cap_alphabetic] placeholder:text-neu-600 focus:outline-none max-lg:typography-body-md",
107+
"typography-body-sm bg-transparent leading-none text-neu-800 !outline-offset-0 [text-box:trim-both_cap_alphabetic] max-lg:typography-body-md placeholder:text-neu-600 focus:outline-none",
108108
)}
109109
placeholder={placeholder}
110110
autoComplete="true"
@@ -206,7 +206,7 @@ function FilterComboboxOption({
206206
return (
207207
<div
208208
className={clsx(
209-
"relative flex cursor-default select-none items-center p-1 font-sans typography-body-sm",
209+
"typography-body-sm relative flex cursor-default select-none items-center p-1 font-sans",
210210
active && "bg-neu-100 dark:bg-neu-50",
211211
)}
212212
>

‎src/app/conf/2025/schedule/_components/schedule-list.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -160,7 +160,7 @@ export function ScheduleList({
160160
([date, concurrentSessionsGroup], index) => (
161161
<div
162162
key={date}
163-
className="bg-neu-200 pt-px typography-body-sm dark:bg-neu-50"
163+
className="typography-body-sm bg-neu-200 pt-px dark:bg-neu-50"
164164
>
165165
<h3
166166
className="bg-neu-50 py-4 dark:bg-neu-0 lg:mb-px"
@@ -173,7 +173,7 @@ export function ScheduleList({
173173
<div key={`concurrent sessions on ${sessionDate}`}>
174174
<div className="mb-px mr-px flex flex-col max-lg:ml-px lg:flex-row">
175175
<div className="relative border-neu-50 bg-neu-50 dark:bg-neu-0 max-lg:-mx-px max-lg:mt-px max-lg:border-x lg:mr-px">
176-
<span className="mt-3 inline-block w-20 whitespace-nowrap pb-0.5 pl-4 typography-body-sm lg:mr-6 lg:w-28 lg:pb-4 lg:pl-0">
176+
<span className="typography-body-sm mt-3 inline-block w-20 whitespace-nowrap pb-0.5 pl-4 lg:mr-6 lg:w-28 lg:pb-4 lg:pl-0">
177177
{format(parseISO(sessionDate), "hh:mmaaaa 'PDT'")}
178178
</span>
179179
</div>
@@ -207,7 +207,7 @@ function BookmarkOnSched() {
207207
href="https://graphqlconf2024.sched.com"
208208
target="_blank"
209209
rel="noreferrer"
210-
className="mb-8 block w-fit decoration-neu-400 typography-link"
210+
className="typography-link mb-8 block w-fit decoration-neu-400"
211211
>
212212
Bookmark sessions & plan your days on Sched
213213
<svg

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

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ export function Venue() {
4949
<section className="gql-conf-section">
5050
<div className="grid grid-cols-1 gap-10 md:grid-cols-2">
5151
<div className="typography-body-md">
52-
<h2 className="mb-4 typography-h2">Venue</h2>
52+
<h2 className="typography-h2 mb-4">Venue</h2>
5353
<address className="not-italic">
5454
<Link
5555
className="typography-link"
@@ -62,17 +62,17 @@ export function Venue() {
6262
Amsterdam, Netherlands
6363
</address>
6464
<div className="mt-6 flex flex-col gap-4">
65-
<h3 className="mb-4 typography-body-lg">
65+
<h3 className="typography-body-lg mb-4">
6666
How to get to the venue?
6767
</h3>
6868
{HOW_TO_GET_TO_VENUE.map(({ title, description, icon }) => (
6969
<div key={title}>
7070
<div className="flex flex-row items-center gap-4">
7171
<div className="bg-neu-100 p-1">{icon}</div>
72-
<h5 className="text-neu-800 typography-body-md">{title}</h5>
72+
<h5 className="typography-body-md text-neu-800">{title}</h5>
7373
</div>
7474
<p
75-
className="ml-9 max-w-lg text-pretty pl-1 typography-body-sm"
75+
className="typography-body-sm ml-9 max-w-lg text-pretty pl-1"
7676
dangerouslySetInnerHTML={{
7777
__html: description,
7878
}}
@@ -83,15 +83,15 @@ export function Venue() {
8383
</div>
8484

8585
<div>
86-
<h2 className="mb-4 typography-h2">Hotel Information</h2>
86+
<h2 className="typography-h2 mb-4">Hotel Information</h2>
8787
<p className="typography-body-md">
8888
The Linux Foundation has not contracted rooms at these properties
8989
and cannot guarantee rates or availability.
9090
</p>
9191
<div className="mt-10 flex flex-col gap-4">
9292
{HOTELS.map(hotel => (
9393
<address className="not-italic" key={hotel.name}>
94-
<strong className="font-normal typography-body-md">
94+
<strong className="typography-body-md font-normal">
9595
<a
9696
className="flex items-center gap-1 hover:underline"
9797
target="_blank"
@@ -103,7 +103,7 @@ export function Venue() {
103103
</a>
104104
</strong>
105105
<span
106-
className="whitespace-pre-wrap typography-body-sm"
106+
className="typography-body-sm whitespace-pre-wrap"
107107
dangerouslySetInnerHTML={{ __html: hotel.description }}
108108
/>
109109
</address>

‎src/icons/linkedin-filled.svg

Lines changed: 3 additions & 1 deletion
Loading

0 commit comments

Comments
 (0)