Merge pull request #330 from PR0M3TH3AN/enable-claude-cli-landing-5126113247218075584

Enable Claude Code CLI on landing page
This commit is contained in:
thePR0M3TH3AN authored and GitHub committed 2026-02-19 15:17:00 -05:00
commit 2d2c18f6c3
1 file changed
+33 -8
+33 -8
View File
@@ -793,15 +793,15 @@
<h2 class="mb-8 text-text-strong" style="font-size: 2rem;">Choose Your Agent</h2>
<div class="agent-selector">
<a href="https://jules.google/" target="_blank" class="agent-card active">
<div id="card-jules" onclick="selectAgent('jules')" class="agent-card active" style="cursor: pointer;">
<div class="agent-header">
<span class="agent-name">Jules</span>
<span class="agent-status">Active</span>
</div>
<p class="agent-desc">Optimized for Google's latest coding agent. Click to learn more.</p>
</a>
<p class="agent-desc">Optimized for Google's latest coding agent. <a href="https://jules.google/" target="_blank" onclick="event.stopPropagation()">Learn more</a>.</p>
</div>
<div class="agent-card disabled">
<div id="card-codex" class="agent-card disabled">
<div class="agent-header">
<span class="agent-name">Codex</span>
<span class="agent-status">Coming Soon</span>
@@ -809,12 +809,12 @@
<p class="agent-desc">Advanced reasoning for complex tasks.</p>
</div>
<div class="agent-card disabled">
<div id="card-claude" onclick="selectAgent('claude')" class="agent-card" style="cursor: pointer;">
<div class="agent-header">
<span class="agent-name">Claude</span>
<span class="agent-status">Coming Soon</span>
<span class="agent-name">Claude Code CLI</span>
<span class="agent-status">Active</span>
</div>
<p class="agent-desc">Long-context understanding and safety.</p>
<p class="agent-desc">Long-context understanding and safety. (CLI Required)</p>
</div>
</div>
@@ -1355,6 +1355,31 @@ npm install https://github.com/PR0M3TH3AN/TORCH/archive/refs/heads/main.tar.gz &
.replace(/"/g, "&quot;")
.replace(/'/g, "&#039;");
}
function selectAgent(agent) {
// Remove active class from all cards
document.querySelectorAll('.agent-card').forEach(card => card.classList.remove('active'));
// Add active class to selected card
const selectedCard = document.getElementById('card-' + agent);
if (selectedCard) {
selectedCard.classList.add('active');
}
// Update prompt text
const installCmd = document.getElementById('install-cmd');
let promptText = '';
if (agent === 'jules') {
promptText = "Hey Jules, can you install and setup TORCH into this repo? Here is the install command:\n\nnpm install https://github.com/PR0M3TH3AN/TORCH/archive/refs/heads/main.tar.gz && npx torch-lock init";
} else if (agent === 'claude') {
promptText = "Hey Claude, can you install and setup TORCH into this repo? Here is the install command:\n\nnpm install https://github.com/PR0M3TH3AN/TORCH/archive/refs/heads/main.tar.gz && npx torch-lock init";
}
if (installCmd) {
installCmd.textContent = promptText;
}
}
</script>
</body>
</html>