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:
|
| 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:
|
|
|
|
| 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:
|
|
|
|
|
|
|
| 72 |
}
|
| 73 |
|
| 74 |
-
.
|
|
|
|
|
|
|
|
|
|
| 75 |
display: flex;
|
| 76 |
align-items: center;
|
| 77 |
-
|
| 78 |
-
}
|
| 79 |
-
|
| 80 |
-
.openaiBlossom {
|
| 81 |
-
width: 36px;
|
| 82 |
-
height: auto;
|
| 83 |
}
|
| 84 |
|
| 85 |
.openaiWordmark {
|
| 86 |
-
width: min(
|
| 87 |
height: auto;
|
| 88 |
}
|
| 89 |
|
| 90 |
.hfPirateLogo {
|
| 91 |
-
width:
|
| 92 |
height: auto;
|
| 93 |
display: block;
|
| 94 |
}
|
| 95 |
|
| 96 |
.gpuModeLogo {
|
| 97 |
-
width: min(
|
| 98 |
height: auto;
|
| 99 |
}
|
| 100 |
|
| 101 |
.executorchLogo {
|
| 102 |
-
width: min(
|
| 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:
|
| 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 |
-
<
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 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
|
| 161 |
className={styles.hfPirateLogo}
|
| 162 |
height={463}
|
| 163 |
-
src="/brand/hugging-face-logo-pirate
|
| 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={
|
| 189 |
-
src="/brand/executorch-logo.
|
| 190 |
-
|
|
|
|
| 191 |
/>
|
| 192 |
</div>
|
| 193 |
</div>
|
|
@@ -195,8 +178,8 @@ export default function SignupPanel({ session }: SignupPanelProps) {
|
|
| 195 |
</section>
|
| 196 |
<h1 className={styles.title}>Humanity's Last Hackathon</h1>
|
| 197 |
<p className={styles.subtitle}>
|
| 198 |
-
|
| 199 |
-
challenge in Humanity'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'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's Last Hackathon.
|
| 183 |
</p>
|
| 184 |
<div className={styles.heroMeta}>
|
| 185 |
<span>Launch: May 4th, 2026</span>
|