Skip to content

Commit 4febdd6

Browse files
tstrombergtstromberg
committed
disable the logo for now
1 parent 162f988 commit 4febdd6

File tree

12 files changed

+73
-26
lines changed

12 files changed

+73
-26
lines changed

‎src/_layouts/base.njk‎

Lines changed: 15 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -14,18 +14,21 @@
1414
<body{% if page.url == '/' %} class="page-home"{% elif title == 'Contact' %} class="page-contact"{% endif %}>
1515
<header>
1616
<div class="header-container">
17-
<div class="site-title">codeGROOVE</div>
18-
<nav role="navigation" aria-label="Main">
19-
<ul>
20-
<li><a href="/" {% if page.url == '/' %}aria-current="page"{% endif %}>Home</a></li>
21-
<li><a href="/products/" {% if page.url.startsWith('/products/') %}aria-current="page"{% endif %}>Products</a></li>
22-
<li><a href="/oss/" {% if page.url == '/oss/' %}aria-current="page"{% endif %}>Open Source</a></li>
23-
<li><a href="/security/" {% if page.url == '/security/' %}aria-current="page"{% endif %}>Security</a></li>
24-
<li><a href="/about/" {% if page.url == '/about/' %}aria-current="page"{% endif %}>About</a></li>
25-
<li><a href="/blog/" {% if page.url.startsWith('/blog/') %}aria-current="page"{% endif %}>Blog</a></li>
26-
<li><a href="/contact/" {% if page.url == '/contact/' %}aria-current="page"{% endif %}>Contact</a></li>
27-
</ul>
28-
</nav>
17+
<img src="/media/logo.png" alt="codeGROOVE logo" class="header-logo">
18+
<div class="header-content">
19+
<div class="site-title">codeGROOVE</div>
20+
<nav role="navigation" aria-label="Main">
21+
<ul>
22+
<li><a href="/" {% if page.url == '/' %}aria-current="page"{% endif %}>Home</a></li>
23+
<li><a href="/products/" {% if page.url.startsWith('/products/') %}aria-current="page"{% endif %}>Products</a></li>
24+
<li><a href="/oss/" {% if page.url == '/oss/' %}aria-current="page"{% endif %}>Open Source</a></li>
25+
<li><a href="/security/" {% if page.url == '/security/' %}aria-current="page"{% endif %}>Security</a></li>
26+
<li><a href="/about/" {% if page.url == '/about/' %}aria-current="page"{% endif %}>About</a></li>
27+
<li><a href="/blog/" {% if page.url.startsWith('/blog/') %}aria-current="page"{% endif %}>Blog</a></li>
28+
<li><a href="/contact/" {% if page.url == '/contact/' %}aria-current="page"{% endif %}>Contact</a></li>
29+
</ul>
30+
</nav>
31+
</div>
2932
</div>
3033
</header>
3134

‎src/about.njk‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,4 +43,3 @@ description: Great tools amplify human capability without getting in the way.
4343
<h2>CONTACT</h2>
4444
<p><a href="/contact/">Get in touch</a></p>
4545

46-
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

‎src/blog.njk‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,4 +37,3 @@ description: Thoughts on building better developer tools.
3737
<h2 style="font-size: 24px; letter-spacing: -1px; margin-top: 60px;">STAY IN THE LOOP</h2>
3838
<p style="font-size: 18px;">Get notified: <a href="mailto:ship-faster@codegroove.dev" style="font-weight: bold;">ship-faster@codegroove.dev</a></p>
3939

40-
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

‎src/contact.njk‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,4 +30,3 @@ description: Let's talk velocity.
3030
<h2 style="font-size: 24px; letter-spacing: -1px;">LOCATION</h2>
3131
<p style="font-size: 18px; font-weight: bold;">NORTH CACKALACKY</p>
3232

33-
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

‎src/css/main.css‎

Lines changed: 58 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@
4545
--spacing-section: 6rem;
4646

4747
/* Layout */
48-
--container-max: 720px;
48+
--container-max: 800px;
4949
--container-padding: 1.25rem;
5050

5151
/* Borders & Shadows */
@@ -180,17 +180,44 @@ header {
180180
}
181181

182182
.header-container {
183-
max-width: var(--container-max);
183+
max-width: calc(var(--container-max) + 80px);
184184
margin: 0 auto;
185-
padding: var(--spacing-md) var(--container-padding);
185+
padding: 0 var(--container-padding);
186+
display: flex;
187+
align-items: stretch;
188+
gap: var(--spacing-lg);
189+
min-height: 80px;
190+
}
191+
192+
.header-logo {
193+
width: 60px;
194+
height: 100%;
195+
object-fit: contain;
196+
padding: var(--spacing-sm) 0;
197+
filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, 0.2));
198+
transition: var(--transition-smooth);
199+
flex-shrink: 0;
200+
display: none;
201+
}
202+
203+
.header-logo:hover {
204+
transform: rotate(-5deg) scale(1.05);
205+
}
206+
207+
.header-content {
208+
flex: 1;
209+
display: flex;
210+
flex-direction: column;
211+
justify-content: center;
212+
padding: var(--spacing-sm) 0;
186213
}
187214

188215
.site-title {
189216
font-family: var(--font-display);
190217
font-size: 1.75rem;
191218
font-weight: 700;
192219
letter-spacing: 0.5px;
193-
margin-bottom: -1em;
220+
margin-bottom: var(--spacing-xs);
194221
transform: skewX(-8deg) rotate(-1deg);
195222
display: inline-block;
196223
animation: funkWobble 8s ease-in-out infinite;
@@ -731,6 +758,25 @@ img {
731758
margin: var(--spacing-lg) 0 var(--spacing-sm) 0;
732759
}
733760

761+
.header-container {
762+
min-height: auto;
763+
gap: var(--spacing-md);
764+
}
765+
766+
.header-logo {
767+
width: 45px;
768+
padding: var(--spacing-xs) 0;
769+
}
770+
771+
.header-content {
772+
padding: var(--spacing-xs) 0;
773+
}
774+
775+
.site-title {
776+
font-size: 1.5rem;
777+
margin-bottom: var(--spacing-xs);
778+
}
779+
734780
.hero {
735781
padding: var(--spacing-2xl) var(--spacing-lg);
736782
}
@@ -780,6 +826,14 @@ img {
780826
}
781827

782828
@media (max-width: 480px) {
829+
.header-container {
830+
gap: var(--spacing-sm);
831+
}
832+
833+
.header-logo {
834+
width: 40px;
835+
}
836+
783837
.site-title {
784838
font-size: 1.25rem;
785839
}

‎src/index.njk‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -116,4 +116,3 @@ description: 15X faster pull requests. From 4 days to 4 hours. Fast, smooth, con
116116
<p class="text-bold text-uppercase">15-MIN DEMO · FREE TO TRY</p>
117117
</div>
118118

119-
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

‎src/oss.njk‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,4 +21,3 @@ description: Free for open source projects. Forever.
2121
<p>Sign up at <a href="https://dash.ready-to-review.dev">dash.ready-to-review.dev</a></p>
2222
<p>Questions? <a href="/contact/">Get in touch</a></p>
2323

24-
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

‎src/oss/goose.njk‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,4 +101,3 @@ description: The PR tracker that honks when you're the bottleneck.
101101
<p style="font-weight: bold; letter-spacing: 2px;">BETA · OPEN SOURCE · HONK HONK</p>
102102
</div>
103103

104-
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

‎src/products.njk‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -112,4 +112,3 @@ description: 15X faster pull requests. From 4 days to 4 hours. ROI in week one.
112112
<p style="margin-top: 40px;">Need a custom demo? <a href="/contact/">Contact our team</a></p>
113113
</div>
114114

115-
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

‎src/products/hub.njk‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -181,4 +181,3 @@ description: 15X faster pull requests. Reduce PR latency from 4 days to 4 hours.
181181
</p>
182182
</div>
183183

184-
<img src="/media/logo.png" alt="codeGROOVE" width="80" class="logo-img">

0 commit comments

Comments
 (0)