burtenshaw HF Staff commited on
Commit
e3b2907
·
verified ·
1 Parent(s): 85b1210

Refine hero copy and partner logos

Browse files
public/brand/executorch-chip-logo.svg ADDED
public/brand/executorch-logo.png DELETED
Binary file (45 kB)
 
public/brand/{hugging-face-logo-pirate-white.svg → hugging-face-logo-pirate.svg} RENAMED
File without changes
public/brand/openai-white-monoblossom.svg DELETED
src/app/page.module.css CHANGED
@@ -18,90 +18,56 @@
18
 
19
  .partnerRail {
20
  display: grid;
21
- gap: 16px;
22
  width: 100%;
23
  padding: 18px;
24
  border: 1px solid var(--border);
25
  background: rgba(255, 255, 255, 0.02);
26
  }
27
 
28
- .partnerRailHeader {
29
- display: flex;
30
- flex-wrap: wrap;
31
- justify-content: space-between;
32
- gap: 10px;
33
- }
34
-
35
- .partnerLabel {
36
- font-size: 0.72rem;
37
- letter-spacing: 0.18em;
38
- text-transform: uppercase;
39
- color: var(--muted);
40
- }
41
-
42
- .partnerNote {
43
- color: var(--muted);
44
- font-size: 0.8rem;
45
- line-height: 1.5;
46
- }
47
-
48
  .partnerGrid {
49
  display: grid;
50
  grid-template-columns: repeat(4, minmax(0, 1fr));
51
- gap: 14px;
 
52
  }
53
 
54
  .partnerCard {
55
- display: grid;
56
- gap: 10px;
57
- }
58
-
59
- .partnerName {
60
- font-size: 0.72rem;
61
- letter-spacing: 0.14em;
62
- text-transform: uppercase;
63
- color: var(--muted);
64
- }
65
-
66
- .partnerMarkSurface {
67
- min-height: 84px;
68
- padding: 8px 0;
69
  display: flex;
70
  align-items: center;
71
- justify-content: flex-start;
 
 
72
  }
73
 
74
- .openaiLockup {
 
 
 
75
  display: flex;
76
  align-items: center;
77
- gap: 14px;
78
- }
79
-
80
- .openaiBlossom {
81
- width: 36px;
82
- height: auto;
83
  }
84
 
85
  .openaiWordmark {
86
- width: min(180px, 100%);
87
  height: auto;
88
  }
89
 
90
  .hfPirateLogo {
91
- width: 58px;
92
  height: auto;
93
  display: block;
94
  }
95
 
96
  .gpuModeLogo {
97
- width: min(180px, 100%);
98
  height: auto;
99
  }
100
 
101
  .executorchLogo {
102
- width: min(88px, 100%);
103
  height: auto;
104
- filter: invert(1) hue-rotate(180deg);
105
  }
106
 
107
  .title {
@@ -384,13 +350,16 @@
384
  min-height: 72px;
385
  }
386
 
387
- .openaiWordmark,
 
 
 
388
  .gpuModeLogo {
389
  width: min(160px, 100%);
390
  }
391
 
392
  .executorchLogo {
393
- width: 80px;
394
  }
395
 
396
  .profileCard {
 
18
 
19
  .partnerRail {
20
  display: grid;
21
+ gap: 0;
22
  width: 100%;
23
  padding: 18px;
24
  border: 1px solid var(--border);
25
  background: rgba(255, 255, 255, 0.02);
26
  }
27
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28
  .partnerGrid {
29
  display: grid;
30
  grid-template-columns: repeat(4, minmax(0, 1fr));
31
+ gap: 0;
32
+ align-items: center;
33
  }
34
 
35
  .partnerCard {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
36
  display: flex;
37
  align-items: center;
38
+ justify-content: center;
39
+ min-height: 110px;
40
+ padding: 0 10px;
41
  }
42
 
43
+ .partnerMarkSurface {
44
+ width: 100%;
45
+ min-height: 92px;
46
+ padding: 6px 0;
47
  display: flex;
48
  align-items: center;
49
+ justify-content: center;
 
 
 
 
 
50
  }
51
 
52
  .openaiWordmark {
53
+ width: min(198px, 100%);
54
  height: auto;
55
  }
56
 
57
  .hfPirateLogo {
58
+ width: min(70px, 100%);
59
  height: auto;
60
  display: block;
61
  }
62
 
63
  .gpuModeLogo {
64
+ width: min(168px, 100%);
65
  height: auto;
66
  }
67
 
68
  .executorchLogo {
69
+ width: min(72px, 100%);
70
  height: auto;
 
71
  }
72
 
73
  .title {
 
350
  min-height: 72px;
351
  }
352
 
353
+ .openaiWordmark {
354
+ width: min(176px, 100%);
355
+ }
356
+
357
  .gpuModeLogo {
358
  width: min(160px, 100%);
359
  }
360
 
361
  .executorchLogo {
362
+ width: 68px;
363
  }
364
 
365
  .profileCard {
src/app/signup-panel.tsx CHANGED
@@ -124,50 +124,33 @@ export default function SignupPanel({ session }: SignupPanelProps) {
124
  <main className={styles.shell}>
125
  <section className={styles.hero}>
126
  <section className={styles.partnerRail}>
127
- <div className={styles.partnerRailHeader}>
128
- <p className={styles.partnerLabel}>Built With</p>
129
- </div>
130
  <div className={styles.partnerGrid}>
131
  <div className={styles.partnerCard}>
132
- <span className={styles.partnerName}>OpenAI</span>
133
  <div className={styles.partnerMarkSurface}>
134
- <div className={styles.openaiLockup}>
135
- <Image
136
- alt="OpenAI monoblossom in white"
137
- className={styles.openaiBlossom}
138
- height={721}
139
- priority
140
- src="/brand/openai-white-monoblossom.svg"
141
- unoptimized
142
- width={721}
143
- />
144
- <Image
145
- alt="OpenAI white wordmark"
146
- className={styles.openaiWordmark}
147
- height={719}
148
- priority
149
- src="/brand/openai-white-wordmark.svg"
150
- unoptimized
151
- width={1604}
152
- />
153
- </div>
154
  </div>
155
  </div>
156
  <div className={styles.partnerCard}>
157
- <span className={styles.partnerName}>Hugging Face</span>
158
  <div className={styles.partnerMarkSurface}>
159
  <Image
160
- alt="Hugging Face pirate logo in white"
161
  className={styles.hfPirateLogo}
162
  height={463}
163
- src="/brand/hugging-face-logo-pirate-white.svg"
164
  unoptimized
165
  width={500}
166
  />
167
  </div>
168
  </div>
169
  <div className={styles.partnerCard}>
170
- <span className={styles.partnerName}>GPU Mode</span>
171
  <div className={styles.partnerMarkSurface}>
172
  <Image
173
  alt="GPU Mode white logo"
@@ -180,14 +163,14 @@ export default function SignupPanel({ session }: SignupPanelProps) {
180
  </div>
181
  </div>
182
  <div className={styles.partnerCard}>
183
- <span className={styles.partnerName}>ExecuTorch</span>
184
  <div className={styles.partnerMarkSurface}>
185
  <Image
186
- alt="ExecuTorch logo"
187
  className={styles.executorchLogo}
188
- height={839}
189
- src="/brand/executorch-logo.png"
190
- width={864}
 
191
  />
192
  </div>
193
  </div>
@@ -195,8 +178,8 @@ export default function SignupPanel({ session }: SignupPanelProps) {
195
  </section>
196
  <h1 className={styles.title}>Humanity&apos;s Last Hackathon</h1>
197
  <p className={styles.subtitle}>
198
- Build Mac Metal kernels with Codex from OpenAI, register through Hugging Face, and qualify for the final
199
- challenge in Humanity&apos;s Last Hackathon.
200
  </p>
201
  <div className={styles.heroMeta}>
202
  <span>Launch: May 4th, 2026</span>
 
124
  <main className={styles.shell}>
125
  <section className={styles.hero}>
126
  <section className={styles.partnerRail}>
 
 
 
127
  <div className={styles.partnerGrid}>
128
  <div className={styles.partnerCard}>
 
129
  <div className={styles.partnerMarkSurface}>
130
+ <Image
131
+ alt="OpenAI white wordmark"
132
+ className={styles.openaiWordmark}
133
+ height={719}
134
+ priority
135
+ src="/brand/openai-white-wordmark.svg"
136
+ unoptimized
137
+ width={1604}
138
+ />
 
 
 
 
 
 
 
 
 
 
 
139
  </div>
140
  </div>
141
  <div className={styles.partnerCard}>
 
142
  <div className={styles.partnerMarkSurface}>
143
  <Image
144
+ alt="Hugging Face pirate logo"
145
  className={styles.hfPirateLogo}
146
  height={463}
147
+ src="/brand/hugging-face-logo-pirate.svg"
148
  unoptimized
149
  width={500}
150
  />
151
  </div>
152
  </div>
153
  <div className={styles.partnerCard}>
 
154
  <div className={styles.partnerMarkSurface}>
155
  <Image
156
  alt="GPU Mode white logo"
 
163
  </div>
164
  </div>
165
  <div className={styles.partnerCard}>
 
166
  <div className={styles.partnerMarkSurface}>
167
  <Image
168
+ alt="ExecuTorch chip logo"
169
  className={styles.executorchLogo}
170
+ height={170}
171
+ src="/brand/executorch-chip-logo.svg"
172
+ unoptimized
173
+ width={170}
174
  />
175
  </div>
176
  </div>
 
178
  </section>
179
  <h1 className={styles.title}>Humanity&apos;s Last Hackathon</h1>
180
  <p className={styles.subtitle}>
181
+ Use Codex from OpenAI to build Mac Metal kernels, register through Hugging Face, and qualify for the
182
+ final challenge in Humanity&apos;s Last Hackathon.
183
  </p>
184
  <div className={styles.heroMeta}>
185
  <span>Launch: May 4th, 2026</span>