Files
context-bridge/index.html

211 lines
8.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Context Bridge</title>
<style>
body {
font-family: 'Linux Libertine', Georgia, Times, serif;
font-size: 14px;
line-height: 1.6;
color: #000;
background: #fff;
margin: 0;
padding: 20px;
}
.container {
max-width: 900px;
margin: 0 auto;
}
h1 {
font-family: 'Linux Libertine', Georgia, Times, serif;
font-size: 28px;
font-weight: normal;
border-bottom: 1px solid #a2a9b1;
margin-top: 1em;
margin-bottom: 0.25em;
padding-bottom: 0.17em;
}
h2 {
font-family: 'Linux Libertine', Georgia, Times, serif;
font-size: 21px;
font-weight: normal;
border-bottom: 1px solid #a2a9b1;
margin-top: 1em;
margin-bottom: 0.25em;
}
h3 {
font-family: 'Linux Libertine', Georgia, Times, serif;
font-size: 17px;
font-weight: bold;
margin-top: 0.5em;
}
p {
margin: 0.5em 0;
}
a {
color: #0645ad;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ul {
margin: 0.3em 0 0 1.6em;
padding: 0;
}
li {
margin-bottom: 0.1em;
}
.infobox {
border: 1px solid #a2a9b1;
background: #f8f9fa;
padding: 15px;
margin: 1em 0;
width: 100%;
box-sizing: border-box;
}
.signup-form {
margin: 2em 0;
padding: 20px;
border: 1px solid #a2a9b1;
background: #f8f9fa;
}
input[type="email"] {
font-family: inherit;
font-size: 14px;
padding: 6px;
width: 300px;
border: 1px solid #a2a9b1;
}
button {
font-family: inherit;
font-size: 14px;
padding: 6px 12px;
background: #f8f9fa;
border: 1px solid #a2a9b1;
cursor: pointer;
}
button:hover {
background: #e8e9ea;
}
.footnote {
font-size: 12px;
color: #54595d;
}
</style>
</head>
<body>
<div class="container">
<h1>Context Bridge</h1>
<p><strong>Context Bridge</strong> is a system for maintaining persistent context across multiple AI assistant conversations. It addresses the problem of context loss between sessions when using tools like Claude, ChatGPT, or GitHub Copilot.</p>
<h2>The Problem</h2>
<p>Users of AI assistants frequently encounter the following issues:</p>
<ul>
<li>Each new conversation begins with no knowledge of previous sessions</li>
<li>Users must spend approximately 10 minutes re-explaining their project context at the start of each conversation</li>
<li>Context fragmentation occurs across different AI platforms</li>
<li>Inability to simply continue from where a previous conversation ended</li>
</ul>
<h2>The Solution</h2>
<p>Context Bridge maintains a single, authoritative context document that can be accessed by any AI assistant. The system works as follows:</p>
<ul>
<li>A structured context file is created and maintained</li>
<li>The file is hosted at a publicly accessible URL</li>
<li>Users provide this URL to AI assistants at the beginning of conversations</li>
<li>AI assistants read the context file and immediately understand the current state of work</li>
<li>Updates to the context file propagate to all future conversations</li>
</ul>
<h3>Technical Implementation</h3>
<p>The current implementation uses GitHub Gists as the hosting mechanism, providing version control and public accessibility. A simple update script allows users to refresh the context with a single command.</p>
<h2>Get Started - 100% FREE Forever</h2>
<div class="infobox" style="background: #e8f5e9; border-color: #4caf50;">
<p style="font-size: 18px; margin: 0;"><strong>✅ Status:</strong> Live &amp; Available Now!</p>
<p style="font-size: 18px; margin: 0.5em 0 0 0;"><strong>💰 Pricing:</strong> FREE Forever (No account required)</p>
<p style="font-size: 14px; margin: 0.5em 0 0 0;"><strong>📜 License:</strong> MIT Open Source</p>
</div>
<h3>Quick Install</h3>
<p style="font-size: 16px;"><strong>📦 CLI Tool</strong> (Recommended - Instant Setup):</p>
<pre style="background: #f8f9fa; padding: 15px; border: 2px solid #4caf50; overflow-x: auto; font-size: 15px;">npm install -g @blackroad-os/context-bridge-cli</pre>
<p>Then use:</p>
<pre style="background: #f8f9fa; padding: 10px; border: 1px solid #a2a9b1; overflow-x: auto;">context init developer
context view
context update</pre>
<p style="margin-top: 1.5em; font-size: 16px;"><strong>🌐 Browser Extension</strong> (Coming Soon to Chrome Web Store):</p>
<ul>
<li><a href="https://github.com/BlackRoad-OS/context-bridge">Install from Source</a> (Chrome, Edge, Firefox)</li>
<li>Chrome Web Store: Under Review</li>
<li>Firefox Add-ons: Coming Soon</li>
</ul>
<p style="background: #fff3cd; padding: 10px; border: 1px solid #ffc107; margin-top: 1em;">
<strong>💡 Tip:</strong> The CLI is the fastest way to get started. Install it now and you'll be up and running in 30 seconds!
</p>
<h2>Resources</h2>
<ul>
<li><a href="https://www.npmjs.com/package/@blackroad-os/context-bridge-cli">npm Package</a> - Official CLI on npm</li>
<li><a href="https://github.com/BlackRoad-OS/context-bridge">GitHub Repository</a> - Source code &amp; documentation</li>
<li><a href="https://gist.github.com/blackboxprogramming/8bb9904096b3203ee52bfc976dfafb3e">Example Context File</a> - See it in action</li>
</ul>
<h2>Community</h2>
<p>Context Bridge is built by <a href="https://blackroad.io">BlackRoad OS</a> and maintained by the open source community.</p>
<ul>
<li><strong>Support:</strong> <a href="https://github.com/BlackRoad-OS/context-bridge/issues">GitHub Issues</a></li>
<li><strong>Twitter:</strong> <a href="https://twitter.com/BlackRoadOS">@BlackRoadOS</a></li>
<li><strong>Contributing:</strong> Pull requests welcome!</li>
</ul>
<hr style="margin-top: 2em; border: 0; border-top: 1px solid #a2a9b1;">
<p class="footnote">This page was last modified on 14 February 2026. Context Bridge is free software released under the MIT License.</p>
</div>
<script>
document.getElementById('signup-form').addEventListener('submit', async (e) => {
e.preventDefault();
const email = document.getElementById('email').value;
const messageDiv = document.getElementById('message');
try {
const response = await fetch('https://formspree.io/f/xanyoewe', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ email })
});
if (response.ok) {
messageDiv.textContent = 'Thanks! You\'ll hear from us on February 14th.';
messageDiv.style.display = 'block';
document.getElementById('email').value = '';
} else {
throw new Error('Failed');
}
} catch (error) {
messageDiv.textContent = 'Something went wrong. Please try again.';
messageDiv.style.background = '#f8d7da';
messageDiv.style.borderColor = '#f5c6cb';
messageDiv.style.display = 'block';
}
});
</script>
</body>
</html>