Skip to content

Add Dev Proxy Toolkit section to homepage #58

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
garrytrinder merged 5 commits into from
Mar 17, 2026
Merged

Add Dev Proxy Toolkit section to homepage #58

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
2151cac
Initial plan
Copilot Mar 17, 2026
fab9f5a
Add Dev Proxy Toolkit section to homepage
Copilot Mar 17, 2026
223c906
Update VS Code extension section: group commands and add MCP server
Copilot Mar 17, 2026
ee7ec48
Merge origin/main - resolve conflicts keeping both VS Code Toolkit an…
Copilot Mar 17, 2026
7f5240a
Merge branch 'main' into copilot/add-dev-proxy-toolkit-section
garrytrinder Mar 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions public/logos/vscode.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
49 changes: 49 additions & 0 deletions src/pages/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -279,6 +279,55 @@ import Layout from '../layouts/Layout.astro';
</div>
</section>

<!-- Dev Proxy Toolkit — VS Code extension -->
<section class="py-32 px-6 sm:px-8">
<div class="max-w-6xl mx-auto">
<div class="section-reveal grid md:grid-cols-2 gap-12 md:gap-16 items-center">
<div>
<p class="text-sm font-semibold tracking-widest uppercase text-purple-400 mb-4">VS Code Extension</p>
<h3 class="text-3xl md:text-4xl font-bold mb-6 leading-tight">Dev Proxy Toolkit for Visual&nbsp;Studio&nbsp;Code.</h3>
<p class="text-lg leading-relaxed mb-6" style="color: var(--text-muted);">
Control Dev Proxy directly from your editor. Manage configurations with IntelliSense, use 100+ code snippets, and leverage the built-in MCP server for AI-assisted development&thinsp;&mdash;&thinsp;all without leaving VS&nbsp;Code.
</p>
<a href="https://marketplace.visualstudio.com/items?itemName=garrytrinder.dev-proxy-toolkit" target="_blank" rel="noopener" class="text-purple-400 hover:text-purple-300 font-medium transition-colors">
Install from Marketplace &rarr;
</a>
</div>
<div class="rounded-2xl border p-6 md:p-8 overflow-hidden" style="background: var(--bg-secondary); border-color: var(--border-primary);">
<div class="flex items-center gap-3 mb-6">
<img src={`${import.meta.env.BASE_URL}logos/vscode.svg`} alt="Visual Studio Code" class="w-8 h-8" />
<div>
<p class="font-semibold">Dev Proxy Toolkit</p>
<p class="text-xs" style="color: var(--text-faint);">garrytrinder</p>
</div>
</div>
<div class="space-y-3 font-mono text-sm">
<div class="flex items-center gap-3">
<span class="text-green-400">&#10003;</span>
<span style="color: var(--text-secondary);">Control Dev Proxy from VS Code</span>
</div>
<div class="flex items-center gap-3">
<span class="text-green-400">&#10003;</span>
<span style="color: var(--text-secondary);">IntelliSense for config files</span>
</div>
<div class="flex items-center gap-3">
<span class="text-green-400">&#10003;</span>
<span style="color: var(--text-secondary);">100+ code snippets</span>
</div>
<div class="flex items-center gap-3">
<span class="text-green-400">&#10003;</span>
<span style="color: var(--text-secondary);">Debugger integration</span>
</div>
<div class="flex items-center gap-3">
<span class="text-green-400">&#10003;</span>
<span style="color: var(--text-secondary);">MCP server for AI-assisted development</span>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- .NET Foundation membership -->
<section class="py-24 px-6 sm:px-8">
<div class="max-w-4xl mx-auto text-center">
Expand Down