Skip to content

Commit 1fd323e

Browse files
committed
fix: tighten landing page hero layout
- Remove forced <br> in title, use nowrap to keep "setting it up" together - Grid ratio 1.2fr:1fr gives left content more room for curl command - Copy button: icon-only, no text label (cleaner like CodexBar) - Remove "Want to inspect first?" line, keep only brew alt - Smaller font on mobile to keep command on one line
1 parent 6b5731d commit 1fd323e

1 file changed

Lines changed: 17 additions & 25 deletions

File tree

‎src/routes/+page.svelte‎

Lines changed: 17 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
<section class="hero">
3636
<div class="hero-content">
3737
<h1 class="hero-title">
38-
Fresh Mac? Don't spend<br />3 hours setting it up
38+
Fresh Mac? Don't spend 3 hours <span style="white-space:nowrap">setting it up</span>
3939
</h1>
4040
<p class="hero-subtitle">
4141
One command installs Git, Node, Docker, VS Code, shell config, dotfiles—everything you'd normally spend your first day installing. Then snapshot your setup and share it with your team so they get the same thing.
@@ -69,25 +69,20 @@
6969
<code>curl -fsSL openboot.dev/install.sh | bash</code>
7070
<button class="copy-btn" onclick={() => copyCommand('curl -fsSL openboot.dev/install.sh | bash', 'main')}>
7171
{#if copied === 'main'}
72-
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
72+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
7373
<polyline points="20 6 9 17 4 12"/>
7474
</svg>
75-
Copied
7675
{:else}
77-
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
76+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
7877
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
7978
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
8079
</svg>
81-
Copy
8280
{/if}
8381
</button>
8482
</div>
8583
</div>
8684
<p class="install-alt">
87-
Want to inspect first? <code>curl -fsSL openboot.dev/install.sh -o install.sh && cat install.sh && bash install.sh</code>
88-
</p>
89-
<p class="install-alt">
90-
Already have Homebrew? <code>brew install openbootdotdev/tap/openboot</code>
85+
Have Homebrew? <code>brew install openbootdotdev/tap/openboot</code>
9186
</p>
9287
</div>
9388
</div>
@@ -300,7 +295,7 @@
300295
.hero {
301296
padding: 80px 0 60px;
302297
display: grid;
303-
grid-template-columns: 1fr 1.2fr;
298+
grid-template-columns: 1.2fr 1fr;
304299
gap: 64px;
305300
align-items: center;
306301
position: relative;
@@ -429,30 +424,27 @@
429424
color: var(--text-primary);
430425
flex: 1;
431426
min-width: 0;
427+
white-space: nowrap;
432428
}
433429
434430
.copy-btn {
435-
background: var(--accent);
436-
border: none;
437-
color: #000;
438-
padding: 10px 18px;
431+
background: transparent;
432+
border: 1px solid var(--border);
433+
color: var(--text-secondary);
434+
padding: 8px;
439435
border-radius: 8px;
440-
font-size: 0.85rem;
441-
font-weight: 600;
442436
cursor: pointer;
443437
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
444-
white-space: nowrap;
445438
display: inline-flex;
446439
align-items: center;
447-
gap: 6px;
440+
justify-content: center;
448441
flex-shrink: 0;
449-
box-shadow: 0 0 20px var(--accent-glow);
450442
}
451443
452444
.copy-btn:hover {
453-
background: var(--accent-hover);
454-
transform: translateY(-2px) scale(1.02);
455-
box-shadow: 0 0 30px var(--accent-glow);
445+
border-color: var(--accent);
446+
color: var(--accent);
447+
background: var(--accent-glow);
456448
}
457449
458450
.install-alt {
@@ -905,16 +897,16 @@
905897
}
906898
907899
.install-command code {
908-
font-size: 0.8rem;
900+
font-size: 0.72rem;
909901
}
910902
911903
.install-prompt {
912904
font-size: 1rem;
913905
}
914906
915907
.copy-btn {
916-
padding: 8px 14px;
917-
font-size: 0.8rem;
908+
padding: 8px 12px;
909+
font-size: 0.75rem;
918910
}
919911
920912
.steps-grid {

0 commit comments

Comments
 (0)