Skip to content

Commit e2680a8

Browse files
tstrombergtstromberg
committed
tuning
1 parent 92221cf commit e2680a8

File tree

3 files changed

+66
-39
lines changed

3 files changed

+66
-39
lines changed

‎src/_layouts/base.njk‎

Lines changed: 34 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -127,6 +127,12 @@
127127
animation: funkSpin 4s linear infinite;
128128
}
129129
130+
/* Larger musical note on contact page */
131+
.page-contact h2::after {
132+
font-size: 54px;
133+
top: 6px;
134+
}
135+
130136
@keyframes funkSpin {
131137
0% { transform: rotate(0deg); }
132138
100% { transform: rotate(360deg); }
@@ -196,20 +202,27 @@
196202
}
197203
198204
.hero::before {
199-
content: '»»»»»»»»';
205+
content: '>>-->';
200206
position: absolute;
201207
top: 20px;
202-
left: 20px;
208+
left: -100px;
203209
color: var(--yellow);
204-
opacity: 0.3;
210+
opacity: 0.4;
205211
font-size: 48px;
206-
letter-spacing: -10px;
207-
animation: slideGroove 1.5s linear infinite;
212+
letter-spacing: 0px;
213+
animation: slideGroove 0.9s linear forwards;
214+
font-family: monospace;
215+
font-weight: bold;
216+
}
217+
218+
/* Hide arrow animation on contact page */
219+
.page-contact .hero::before {
220+
display: none;
208221
}
209222
210223
@keyframes slideGroove {
211-
0% { transform: translateX(0); }
212-
100% { transform: translateX(40px); }
224+
0% { left: -100px; }
225+
100% { left: calc(100% - 180px); }
213226
}
214227
215228
.hero h1,
@@ -248,11 +261,23 @@
248261
transform: rotate(0.3deg);
249262
}
250263
264+
.product-clickable {
265+
display: block;
266+
text-decoration: none;
267+
color: inherit;
268+
cursor: pointer;
269+
}
270+
271+
.product-clickable:hover {
272+
background: transparent;
273+
}
274+
251275
.product:nth-child(even) {
252276
transform: rotate(-0.3deg);
253277
}
254278
255-
.product:hover {
279+
.product:hover,
280+
.product-clickable:hover .product {
256281
transform: translate(-3px, -3px) rotate(0deg) scale(1.02);
257282
border-bottom-width: 6px;
258283
border-right-width: 6px;
@@ -605,7 +630,7 @@
605630
}
606631
</style>
607632
</head>
608-
<body>
633+
<body{% if title == 'Contact' %} class="page-contact"{% endif %}>
609634
<header>
610635
<div class="container">
611636
<div class="site-title">codeGROOVE</div>

‎src/contact.njk‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ description: Let's talk velocity.
88

99
<section class="hero">
1010
<h2 style="color: var(--yellow); margin: 0; font-size: 32px; letter-spacing: -2px;">LET'S TALK</h2>
11-
<p style="font-size: 20px; margin-top: 20px;">READY TO SHIP FASTER?<br>
11+
<p style="font-size: 20px; margin-top: 20px;">READY TO SHIP CODE FASTER?<br>
1212
<span style="color: var(--yellow);">GET IN TOUCH.</span></p>
1313
</section>
1414

@@ -18,7 +18,7 @@ description: Let's talk velocity.
1818
<p style="font-size: 24px; font-weight: bold; margin-bottom: 20px;">15-MINUTE DEMO</p>
1919
<p style="font-size: 18px;">See your velocity metrics.<br>
2020
Get your ROI calculation.<br>
21-
Start shipping faster.</p>
21+
Start shipping code faster.</p>
2222

2323
<p style="margin-top: 30px;">
2424
<a href="mailto:ship-faster@codegroove.dev" class="cta">EMAIL US</a>

‎src/products.njk‎

Lines changed: 30 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -13,34 +13,36 @@ description: Transform 5-day PR cycles into 3 hours. ROI in week one.
1313
<h2 style="font-size: 24px; letter-spacing: -1px;">PICK YOUR GROOVE</h2>
1414

1515
<div class="products">
16-
<article class="product">
17-
<h3>Ready to Review</h3>
18-
<p><strong>For Individual Developers</strong></p>
19-
<p>Your personal PR notification system</p>
20-
<ul>
21-
<li>Never miss a review request</li>
22-
<li>Turn-based notifications only</li>
23-
<li>Works with any GitHub workflow</li>
24-
</ul>
25-
<p><a href="/products/r2r/">View details →</a></p>
26-
<p><a href="https://dash.ready-to-review.dev">Try it now →</a></p>
27-
<p class="text-muted">Free for open source</p>
28-
</article>
16+
<a href="/products/r2r/" class="product-clickable">
17+
<article class="product">
18+
<h3>Ready to Review</h3>
19+
<p><strong>For Individual Developers</strong></p>
20+
<p>Your personal PR notification system</p>
21+
<ul>
22+
<li>Never miss a review request</li>
23+
<li>Turn-based notifications only</li>
24+
<li>Works with any GitHub workflow</li>
25+
</ul>
26+
<p style="text-decoration: underline;">View details →</p>
27+
<p class="text-muted">Free for open source</p>
28+
</article>
29+
</a>
2930

30-
<article class="product">
31-
<h3>grooveHUB</h3>
32-
<p><strong>Teams of 2-100 Engineers</strong></p>
33-
<p>Reduces your PR latency by 94%</p>
34-
<ul>
35-
<li>SOC 2 compliance automation</li>
36-
<li>Robot Army (GitHub automation bots)</li>
37-
<li>Ready to Review for entire team</li>
38-
<li>Self-hosted with custom support</li>
39-
</ul>
40-
<p><a href="/products/hub/">View details →</a></p>
41-
<p><a href="https://dash.ready-to-review.dev">Try it now →</a></p>
42-
<p class="text-muted">Custom pricing</p>
43-
</article>
31+
<a href="/products/hub/" class="product-clickable">
32+
<article class="product">
33+
<h3>grooveHUB</h3>
34+
<p><strong>Teams of 2-100 Engineers</strong></p>
35+
<p>Reduces your PR latency by 94%</p>
36+
<ul>
37+
<li>SOC 2 compliance automation</li>
38+
<li>Robot Army (GitHub automation bots)</li>
39+
<li>Ready to Review for entire team</li>
40+
<li>Self-hosted with custom support</li>
41+
</ul>
42+
<p style="text-decoration: underline;">View details →</p>
43+
<p class="text-muted">Custom pricing</p>
44+
</article>
45+
</a>
4446
</div>
4547

4648
<h2 style="font-size: 24px; letter-spacing: -1px;">THE MATHEMATICS</h2>
@@ -98,7 +100,7 @@ description: Transform 5-day PR cycles into 3 hours. ROI in week one.
98100
<ul>
99101
<li>SOC 2 Type II (in progress)</li>
100102
<li>GDPR & CCPA compliant</li>
101-
<li>SSO/SAML support</li>
103+
<li>Ridiculously secure production environment</li>
102104
<li>Self-hosted option</li>
103105
</ul>
104106
</div>

0 commit comments

Comments
 (0)