Skip to content

Commit 0bcea92

Browse files
tstrombergtstromberg
committed
ship it
1 parent 520ac32 commit 0bcea92

File tree

1 file changed

+73
-36
lines changed

1 file changed

+73
-36
lines changed

‎index.html‎

Lines changed: 73 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -53,29 +53,37 @@
5353
}
5454

5555
.bg-accent-1 {
56-
width: 100px;
57-
height: 50px;
58-
top: 20%;
59-
right: 12%;
60-
transform: rotate(5deg);
56+
width: 120px;
57+
height: 60px;
58+
top: 15%;
59+
right: 10%;
60+
transform: rotate(12deg);
6161
}
6262

6363
.bg-accent-2 {
64+
width: 80px;
65+
height: 100px;
66+
bottom: 20%;
67+
right: 2%;
68+
transform: rotate(-15deg);
69+
}
70+
71+
.bg-accent-3 {
6472
width: 60px;
65-
height: 80px;
66-
bottom: 25%;
67-
right: 3%;
68-
transform: rotate(-8deg);
73+
height: 60px;
74+
top: 50%;
75+
left: 2%;
76+
transform: rotate(45deg);
6977
}
7078

7179
.container {
7280
text-align: left;
73-
padding: 40px 20px;
81+
padding: 30px 20px;
7482
max-width: 1200px;
7583
width: 100%;
7684
display: grid;
7785
grid-template-columns: 1fr 2.2fr;
78-
gap: 60px;
86+
gap: 40px;
7987
align-items: start;
8088
}
8189

@@ -88,9 +96,9 @@
8896
}
8997

9098
.logo {
91-
width: 200px;
92-
height: 200px;
93-
margin: 0 auto 40px;
99+
width: 180px;
100+
height: 180px;
101+
margin: 0 auto 25px;
94102
border-radius: 50%;
95103
border: 4px solid black;
96104
border-bottom: 8px solid black;
@@ -114,15 +122,15 @@
114122
font-size: 4rem;
115123
font-weight: bold;
116124
color: black;
117-
margin-bottom: 20px;
125+
margin-bottom: 15px;
118126
letter-spacing: 2px;
119127
}
120128

121129
.tagline {
122130
font-family: "Arial", "Helvetica", sans-serif;
123131
font-size: 1.6rem;
124132
font-weight: normal;
125-
margin-bottom: 30px;
133+
margin-bottom: 20px;
126134
color: black;
127135
letter-spacing: 0.5px;
128136
}
@@ -138,8 +146,9 @@
138146
border-bottom: 6px solid black;
139147
border-right: 6px solid black;
140148
box-shadow: 4px 4px 0 black;
141-
margin-bottom: 25px;
149+
margin-bottom: 20px;
142150
display: inline-block;
151+
transform: rotate(-2deg);
143152
}
144153

145154
.content-section {
@@ -148,12 +157,13 @@
148157

149158
.main-content {
150159
background: white;
151-
padding: 40px;
160+
padding: 30px;
152161
border: 4px solid black;
153162
border-bottom: 8px solid black;
154163
border-right: 8px solid black;
155164
box-shadow: 8px 8px 0 black;
156-
margin: 30px 0;
165+
margin: 20px 0;
166+
transform: rotate(1deg);
157167
}
158168

159169
.stat-highlight {
@@ -175,16 +185,23 @@
175185
.benefit-text {
176186
font-family: "Arial", "Helvetica", sans-serif;
177187
font-size: 1.2rem;
178-
line-height: 1.7;
179-
margin-bottom: 25px;
188+
line-height: 1.6;
189+
margin-bottom: 20px;
180190
}
181191

182192
.benefit-text .highlight {
183193
font-size: 1.5rem;
184194
font-weight: bold;
185195
display: block;
186-
margin-bottom: 8px;
196+
margin-bottom: 12px;
187197
color: black;
198+
background: #ffff00;
199+
padding: 8px 12px;
200+
border: 2px solid black;
201+
border-bottom: 4px solid black;
202+
border-right: 4px solid black;
203+
transform: skew(-2deg);
204+
box-shadow: 3px 3px 0 black;
188205
}
189206

190207
.benefit-text:last-of-type {
@@ -193,8 +210,8 @@
193210

194211
.user-types {
195212
display: flex;
196-
gap: 25px;
197-
margin: 20px 0 0 0;
213+
gap: 20px;
214+
margin: 15px 0 0 0;
198215
}
199216

200217
.user-type {
@@ -205,6 +222,20 @@
205222
border-right: 5px solid black;
206223
flex: 1;
207224
text-align: center;
225+
transition: transform 0.2s ease;
226+
}
227+
228+
.user-type:first-child {
229+
transform: rotate(-1deg);
230+
}
231+
232+
.user-type:last-child {
233+
transform: rotate(1deg);
234+
}
235+
236+
.user-type:hover {
237+
transform: rotate(0deg) translate(-2px, -2px);
238+
box-shadow: 4px 4px 0 black;
208239
}
209240

210241
.user-type h3 {
@@ -387,7 +418,7 @@ <h3 style="font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; color: bla
387418
Get Early Access
388419
</h3>
389420
<p style="font-size: 1.1rem; line-height: 1.6; margin-bottom: 25px; color: black;">
390-
Contact us at <a href="${mailtoLink}" style="color: black; font-weight: bold; text-decoration: underline;">${email}</a> and we'll contact you when we're ready to share something.
421+
Contact us at <a href="${mailtoLink}" style="color: black; font-weight: bold; text-decoration: underline;">${email}</a> and we'll give you first access to tools that will change how your team ships code.
391422
</p>
392423
<button onclick="closePopup()" style="
393424
font-family: 'Arial', 'Helvetica', sans-serif;
@@ -432,6 +463,7 @@ <h3 style="font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; color: bla
432463
<!-- Geometric background accents -->
433464
<div class="bg-accent bg-accent-1"></div>
434465
<div class="bg-accent bg-accent-2"></div>
466+
<div class="bg-accent bg-accent-3"></div>
435467

436468
<div class="container">
437469
<div class="hero-left">
@@ -448,33 +480,38 @@ <h1>codeGROOVE</h1>
448480
<div class="main-content">
449481
<div class="benefit-text">
450482
<span class="highlight"
451-
>Real-time reviews the moment you're ready.</span
483+
>Real-time code reviews the moment you're
484+
ready.</span
485+
>
486+
No more nagging coworkers for code reviews. Smart
487+
automation that suggests fixes for failing tests and
488+
lint errors before humans waste time on them. Visibility
489+
on who's blocking what + smart reassignment when
490+
reviewers go on vacation.
491+
<strong
492+
>While competitors are blocked on code reviews, your
493+
features are already live.</strong
452494
>
453-
Complete visibility shows exactly who's blocking what.
454-
Intelligent bots assist with broken tests before they
455-
waste reviewer time. Let your star engineers take
456-
vacations without halting development. While competitors
457-
debate, you ship.
458495
</div>
459496

460497
<div class="user-types">
461498
<div class="user-type">
462499
<h3>Open Source Teams</h3>
463500
<p>
464-
Never lose contributors to slow feedback loops
501+
Keep contributors engaged instead of moving on
465502
</p>
466503
</div>
467504
<div class="user-type">
468505
<h3>Large Enterprises</h3>
469-
<p>Ship 3x faster without increasing headcount</p>
506+
<p>Ship 3x faster without additional hiring</p>
470507
</div>
471508
</div>
472509

473510
<div
474511
style="
475512
text-align: center;
476-
margin-top: 40px;
477-
padding-top: 30px;
513+
margin-top: 25px;
514+
padding-top: 20px;
478515
border-top: 3px solid black;
479516
"
480517
>
@@ -488,7 +525,7 @@ <h3>Large Enterprises</h3>
488525
font-size: 1.4rem;
489526
"
490527
>
491-
Real-time reviews. Quality without compromise.
528+
Stop waiting around for code reviews.
492529
</h2>
493530
<a
494531
href="#"

0 commit comments

Comments
 (0)