Skip to content

Commit bb09e8c

Browse files
chris-stinemetzchris-stinemetz
authored
Merge pull request #232 from Context-Engine-AI/feature/new-logo-favicon
feat: new logo, favicon, and NVIDIA Inception badge
2 parents 115b153 + 76b1130 commit bb09e8c

File tree

12 files changed

+155
-45
lines changed

12 files changed

+155
-45
lines changed

‎src/app.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5-
<link rel="icon" href="%sveltekit.assets%/favicon.svg" type="image/svg+xml" />
5+
<link rel="icon" href="%sveltekit.assets%/favicon.png" type="image/png" />
6+
<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" />
67
<meta name="viewport" content="width=device-width, initial-scale=1" />
78
<title>Context Engine - MCP Retrieval Stack</title>
89
<meta name="description" content="MCP retrieval stack for AI coding assistants. Hybrid code search, ReFRAG micro-chunking, local LLM enhancement." />

‎src/app.scss‎

Lines changed: 96 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -109,36 +109,24 @@ body::before {
109109
.logo {
110110
display: flex;
111111
align-items: center;
112-
gap: 12px;
112+
gap: 10px;
113113
font-weight: 600;
114114
font-size: 17px;
115115
color: var(--text-primary);
116116
text-decoration: none;
117117
}
118118

119-
.logo-icon {
120-
width: 32px;
121-
height: 32px;
122-
background: var(--accent-gradient);
123-
border-radius: 8px;
124-
display: flex;
125-
align-items: center;
126-
justify-content: center;
127-
box-shadow: 0 6px 16px rgba(0, 184, 148, 0.25);
119+
.logo-icon-img {
120+
width: 28px;
121+
height: 28px;
122+
border-radius: 6px;
128123
transition: all var(--transition);
129124
}
130125

131-
.logo:hover .logo-icon {
132-
box-shadow: 0 8px 20px rgba(0, 184, 148, 0.35);
126+
.logo:hover .logo-icon-img {
133127
transform: translateY(-1px);
134128
}
135129

136-
.logo-icon :global(svg) {
137-
width: 18px;
138-
height: 18px;
139-
fill: white;
140-
}
141-
142130
.nav {
143131
display: flex;
144132
gap: 28px;
@@ -325,6 +313,56 @@ body::before {
325313
align-items: center;
326314
}
327315

316+
/* Hero brand block: logo + badge centered together */
317+
.hero-brand {
318+
display: inline-flex;
319+
flex-direction: column;
320+
align-items: center;
321+
margin-bottom: 28px;
322+
}
323+
324+
.hero-logo {
325+
width: auto;
326+
height: 120px;
327+
max-width: 100%;
328+
margin-bottom: 12px;
329+
filter: drop-shadow(0 4px 24px rgba(0, 184, 148, 0.15));
330+
transition: all var(--transition);
331+
object-fit: contain;
332+
}
333+
334+
/* Show appropriate logo based on theme */
335+
[data-theme="light"] .hero-logo {
336+
content: url('/Context-Engine/logo.svg');
337+
}
338+
339+
/* NVIDIA Inception Badge */
340+
.nvidia-badge-link {
341+
display: inline-block;
342+
transition: opacity var(--transition);
343+
}
344+
345+
.nvidia-badge-link:hover {
346+
opacity: 0.85;
347+
}
348+
349+
.nvidia-badge {
350+
height: 48px;
351+
width: auto;
352+
}
353+
354+
@media (max-width: 768px) {
355+
.nvidia-badge {
356+
height: 38px;
357+
}
358+
}
359+
360+
@media (max-width: 400px) {
361+
.nvidia-badge {
362+
height: 30px;
363+
}
364+
}
365+
328366
.kicker {
329367
font-size: 12px;
330368
letter-spacing: 0.15em;
@@ -913,6 +951,7 @@ body::before {
913951
gap: 48px;
914952
}
915953
.hero-title { font-size: 40px; }
954+
.hero-logo { height: 90px; }
916955
.nav { display: none; }
917956
.features-grid { grid-template-columns: 1fr; }
918957
.graph-section, .features-section, .demo-section { padding: 60px 24px; }
@@ -1034,6 +1073,11 @@ body::before {
10341073
font-size: 32px;
10351074
line-height: 1.2;
10361075
}
1076+
1077+
.hero-logo {
1078+
height: 72px;
1079+
max-width: 100%;
1080+
}
10371081

10381082
.hero-subtitle {
10391083
font-size: 15px;
@@ -1227,6 +1271,40 @@ body::before {
12271271
}
12281272
}
12291273

1274+
/* Very small phones */
1275+
@media (max-width: 400px) {
1276+
.hero {
1277+
padding: 32px 12px;
1278+
}
1279+
1280+
.hero-logo {
1281+
height: auto;
1282+
max-width: 100%;
1283+
}
1284+
1285+
.hero-title {
1286+
font-size: 26px;
1287+
}
1288+
1289+
.hero-subtitle {
1290+
font-size: 14px;
1291+
}
1292+
1293+
.header {
1294+
padding: 0 12px;
1295+
}
1296+
1297+
.logo {
1298+
font-size: 15px;
1299+
gap: 8px;
1300+
}
1301+
1302+
.logo-icon-img {
1303+
width: 24px;
1304+
height: 24px;
1305+
}
1306+
}
1307+
12301308
/* Glass morphism utility classes (kept for contact page compatibility) */
12311309
.glass {
12321310
background: var(--bg-card);

‎src/routes/+layout.svelte‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
import { onMount } from 'svelte';
44
import { page } from '$app/stores';
55
import { base } from '$app/paths';
6-
import { Sun, Moon, Mail, Github, Layers, Menu, X, Key, LogIn } from 'lucide-svelte';
6+
import { Sun, Moon, Mail, Github, Menu, X, Key, LogIn } from 'lucide-svelte';
77
88
const loginUrl = import.meta.env.VITE_CTX_LOGIN_URL || `${base}/login`;
99
@@ -62,9 +62,7 @@
6262
<header class="header">
6363
<div class="header-left">
6464
<a href="{base}/" class="logo">
65-
<span class="logo-icon">
66-
<Layers size={18} />
67-
</span>
65+
<img src="{base}/favicon.png" alt="Context Engine" class="logo-icon-img" />
6866
Context Engine
6967
</a>
7068
<span class="byok-pill" data-tooltip="Bring Your Own LLM Key">

‎src/routes/+page.svelte‎

Lines changed: 38 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<script lang="ts">
22
import { onMount } from 'svelte';
3+
import { base } from '$app/paths';
34
import {
45
Search,
56
GitGraph,
@@ -232,7 +233,21 @@
232233
<!-- Hero Section -->
233234
<section class="hero">
234235
<div class="hero-content">
235-
<span class="kicker">AI Code Context Platform</span>
236+
<div class="hero-brand">
237+
<img src="{base}/logo-white.svg" alt="Context Engine" class="hero-logo" />
238+
<a
239+
href="https://www.nvidia.com/en-us/startups/"
240+
target="_blank"
241+
rel="noopener noreferrer"
242+
class="nvidia-badge-link"
243+
>
244+
<img
245+
src="{base}/nvidia-inception-badge.png"
246+
alt="NVIDIA Inception Program"
247+
class="nvidia-badge"
248+
/>
249+
</a>
250+
</div>
236251
<h1 class="hero-title">
237252
Your Codebase,<br /><span class="gradient-text">Instantly Understood</span>
238253
</h1>
@@ -432,28 +447,30 @@ result = <span class="c-fn">repo_search</span>(
432447
<h2 class="section-title">Get <span class="gradient-text">Early Access</span></h2>
433448
<p class="section-subtitle">Join the beta and give your AI the context it deserves.</p>
434449

435-
{#if demoSubmitted}
436-
<div class="demo-form" style="color: var(--accent); font-size: 16px; justify-content: center;">
437-
Beta key sent! Check your email at {demoEmail}
450+
{#if demoSubmitted}
451+
<div class="demo-form" style="color: var(--accent); font-size: 16px; justify-content: center;">
452+
Beta key sent! Check your email at {demoEmail}
453+
</div>
454+
{:else}
455+
<form class="demo-form" onsubmit={handleDemoSubmit}>
456+
<input
457+
type="email"
458+
class="input"
459+
placeholder="you@company.com"
460+
required
461+
bind:value={demoEmail}
462+
disabled={demoLoading}
463+
/>
464+
<button type="submit" class="btn btn-primary btn-lg" disabled={demoLoading}>
465+
{demoLoading ? 'Sending…' : 'Request Invite'}
466+
</button>
467+
</form>
468+
{#if demoError}
469+
<div style="color: #ef4444; font-size: 14px; margin-top: 8px; text-align: center;">
470+
{demoError}
438471
</div>
439-
{:else}
440-
<form class="demo-form" onsubmit={handleDemoSubmit}>
441-
<input
442-
type="email"
443-
class="input"
444-
placeholder="you@company.com"
445-
required
446-
bind:value={demoEmail}
447-
disabled={demoLoading}
448-
/>
449-
<button type="submit" class="btn btn-primary btn-lg" disabled={demoLoading}>
450-
{demoLoading ? 'Sending…' : 'Request Invite'}
451-
</button>
452-
</form>
453-
{#if demoError}
454-
<div style="color: #ef4444; font-size: 14px; margin-top: 8px; text-align: center;">{demoError}</div>
455-
{/if}
456472
{/if}
473+
{/if}
457474
</section>
458475

459476
<!-- Footer -->

‎static/apple-touch-icon.png‎

10.9 KB
Loading

‎static/favicon.png‎

885 Bytes
Loading

‎static/favicon.svg‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎static/logo-white.png‎

96.4 KB
Loading

0 commit comments

Comments
 (0)