<svg width="1280" height="640" viewBox="0 0 1280 640" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Background gradient -->
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#0d1117"/>
<stop offset="50%" style="stop-color:#161b22"/>
<stop offset="100%" style="stop-color:#0d1117"/>
</linearGradient>
<!-- Accent gradient -->
<linearGradient id="accentGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#58a6ff"/>
<stop offset="50%" style="stop-color:#a371f7"/>
<stop offset="100%" style="stop-color:#f778ba"/>
</linearGradient>
<!-- Glow filter -->
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="4" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Soft glow for nodes -->
<filter id="nodeGlow" x="-100%" y="-100%" width="300%" height="300%">
<feGaussianBlur stdDeviation="8" result="blur"/>
<feMerge>
<feMergeNode in="blur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Background -->
<rect width="1280" height="640" fill="url(#bgGrad)"/>
<!-- Subtle grid pattern -->
<g opacity="0.04">
<pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
<path d="M 40 0 L 0 0 0 40" fill="none" stroke="#58a6ff" stroke-width="1"/>
</pattern>
<rect width="1280" height="640" fill="url(#grid)"/>
</g>
<!-- Decorative memory nodes - left side -->
<g opacity="0.5">
<line x1="60" y1="150" x2="140" y2="240" stroke="#58a6ff" stroke-width="2" opacity="0.5"/>
<line x1="140" y1="240" x2="90" y2="350" stroke="#a371f7" stroke-width="2" opacity="0.4"/>
<line x1="140" y1="240" x2="240" y2="300" stroke="#58a6ff" stroke-width="1.5" opacity="0.3"/>
<line x1="90" y1="350" x2="160" y2="450" stroke="#f778ba" stroke-width="1.5" opacity="0.3"/>
<circle cx="60" cy="150" r="8" fill="#58a6ff" filter="url(#nodeGlow)" opacity="0.9"/>
<circle cx="140" cy="240" r="10" fill="#a371f7" filter="url(#nodeGlow)"/>
<circle cx="90" cy="350" r="7" fill="#f778ba" filter="url(#nodeGlow)" opacity="0.8"/>
<circle cx="240" cy="300" r="5" fill="#58a6ff" filter="url(#nodeGlow)" opacity="0.6"/>
<circle cx="160" cy="450" r="6" fill="#a371f7" filter="url(#nodeGlow)" opacity="0.7"/>
</g>
<!-- Decorative memory nodes - right side -->
<g opacity="0.5">
<line x1="1220" y1="140" x2="1140" y2="230" stroke="#a371f7" stroke-width="2" opacity="0.5"/>
<line x1="1140" y1="230" x2="1180" y2="340" stroke="#58a6ff" stroke-width="2" opacity="0.4"/>
<line x1="1140" y1="230" x2="1040" y2="280" stroke="#f778ba" stroke-width="1.5" opacity="0.3"/>
<line x1="1180" y1="340" x2="1100" y2="440" stroke="#a371f7" stroke-width="1.5" opacity="0.3"/>
<circle cx="1220" cy="140" r="7" fill="#a371f7" filter="url(#nodeGlow)" opacity="0.8"/>
<circle cx="1140" cy="230" r="9" fill="#58a6ff" filter="url(#nodeGlow)"/>
<circle cx="1180" cy="340" r="8" fill="#f778ba" filter="url(#nodeGlow)" opacity="0.9"/>
<circle cx="1040" cy="280" r="5" fill="#a371f7" filter="url(#nodeGlow)" opacity="0.6"/>
<circle cx="1100" cy="440" r="6" fill="#58a6ff" filter="url(#nodeGlow)" opacity="0.7"/>
</g>
<!-- Top bar with repo info -->
<rect x="0" y="0" width="1280" height="50" fill="#161b22" opacity="0.8"/>
<g transform="translate(50, 32)">
<!-- GitHub icon -->
<g fill="#f0f6fc" transform="scale(0.9)">
<path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/>
</g>
<text x="30" y="5" font-family="Segoe UI, -apple-system, sans-serif" font-size="18" fill="#8b949e">
timothywarner-org<tspan fill="#6e7681">/</tspan><tspan fill="#f0f6fc" font-weight="600">copilot-memory-store</tspan>
</text>
</g>
<!-- Main title -->
<text x="640" y="145" text-anchor="middle" font-family="Segoe UI, -apple-system, BlinkMacSystemFont, sans-serif" font-size="72" font-weight="700" fill="#f0f6fc" letter-spacing="-2">
Context Engineering
</text>
<!-- Subtitle -->
<text x="640" y="205" text-anchor="middle" font-family="Segoe UI, -apple-system, BlinkMacSystemFont, sans-serif" font-size="36" fill="#8b949e">
for Large Language Models
</text>
<!-- Gradient divider -->
<rect x="240" y="235" width="800" height="4" rx="2" fill="url(#accentGrad)" opacity="0.9"/>
<!-- Description -->
<text x="640" y="295" text-anchor="middle" font-family="Segoe UI, -apple-system, sans-serif" font-size="26" fill="#c9d1d9">
Local memory store for prompt optimization
</text>
<text x="640" y="335" text-anchor="middle" font-family="Segoe UI, -apple-system, sans-serif" font-size="26" fill="#c9d1d9">
with GitHub Copilot and MCP
</text>
<!-- Feature boxes -->
<g transform="translate(640, 420)">
<!-- MCP Server box -->
<g transform="translate(-320, 0)">
<rect x="-120" y="-35" width="240" height="70" rx="12" fill="#21262d" stroke="#30363d" stroke-width="2"/>
<text x="0" y="-5" text-anchor="middle" font-family="Segoe UI, monospace" font-size="22" font-weight="600" fill="#58a6ff">MCP Server</text>
<text x="0" y="22" text-anchor="middle" font-family="Segoe UI, sans-serif" font-size="14" fill="#8b949e">Tools, Resources, Prompts</text>
</g>
<!-- CLI box -->
<g transform="translate(0, 0)">
<rect x="-120" y="-35" width="240" height="70" rx="12" fill="#21262d" stroke="#30363d" stroke-width="2"/>
<text x="0" y="-5" text-anchor="middle" font-family="Segoe UI, monospace" font-size="22" font-weight="600" fill="#a371f7">Interactive CLI</text>
<text x="0" y="22" text-anchor="middle" font-family="Segoe UI, sans-serif" font-size="14" fill="#8b949e">Search, Store, Compress</text>
</g>
<!-- Copilot Agent box -->
<g transform="translate(320, 0)">
<rect x="-120" y="-35" width="240" height="70" rx="12" fill="#21262d" stroke="#30363d" stroke-width="2"/>
<text x="0" y="-5" text-anchor="middle" font-family="Segoe UI, monospace" font-size="22" font-weight="600" fill="#f778ba">Copilot Agent</text>
<text x="0" y="22" text-anchor="middle" font-family="Segoe UI, sans-serif" font-size="14" fill="#8b949e">Natural Language Memory</text>
</g>
</g>
<!-- Bottom bar -->
<rect x="0" y="540" width="1280" height="100" fill="#161b22" opacity="0.9"/>
<!-- Author info - left -->
<g transform="translate(60, 590)">
<text x="0" y="0" font-family="Segoe UI, -apple-system, sans-serif" font-size="28" font-weight="600" fill="#f0f6fc">
Tim Warner
</text>
<text x="0" y="30" font-family="Segoe UI, -apple-system, sans-serif" font-size="18" fill="#58a6ff">
TechTrainerTim.com
</text>
</g>
<!-- Tech stack badges - right -->
<g transform="translate(1220, 580)">
<g transform="translate(-400, 0)">
<rect x="-45" y="-14" width="90" height="28" rx="14" fill="#238636" opacity="0.9"/>
<text x="0" y="5" text-anchor="middle" font-family="Segoe UI, sans-serif" font-size="14" font-weight="600" fill="#ffffff">TypeScript</text>
</g>
<g transform="translate(-270, 0)">
<rect x="-35" y="-14" width="70" height="28" rx="14" fill="#1f6feb" opacity="0.9"/>
<text x="0" y="5" text-anchor="middle" font-family="Segoe UI, sans-serif" font-size="14" font-weight="600" fill="#ffffff">MCP</text>
</g>
<g transform="translate(-160, 0)">
<rect x="-45" y="-14" width="90" height="28" rx="14" fill="#6e40c9" opacity="0.9"/>
<text x="0" y="5" text-anchor="middle" font-family="Segoe UI, sans-serif" font-size="14" font-weight="600" fill="#ffffff">Copilot</text>
</g>
<g transform="translate(-40, 0)">
<rect x="-40" y="-14" width="80" height="28" rx="14" fill="#da3633" opacity="0.9"/>
<text x="0" y="5" text-anchor="middle" font-family="Segoe UI, sans-serif" font-size="14" font-weight="600" fill="#ffffff">VS Code</text>
</g>
</g>
<!-- Bottom accent line -->
<rect x="0" y="636" width="1280" height="4" fill="url(#accentGrad)"/>
</svg>
