feat(landing): add memory instructions and fix mobile layout

- Add "Hook memory into your existing agents" section to landing page.
- Fix mobile display issues for agent cards by reducing grid min-width to 280px and adjusting padding.
- Add copy button for memory instructions.

Co-authored-by: PR0M3TH3AN <[email protected]>
This commit is contained in:
google-labs-jules[bot]andPR0M3TH3AN committed 2026-02-25 16:07:19 +00:00
1 parent cdda3ae0f4
commit 8e015459a3
1 file changed
+23 -2
+23 -2
View File
@@ -164,7 +164,7 @@
}
@media (max-width: 640px) {
.meta-prompts {
.meta-prompts, .agent-showcase {
padding: 0 1rem;
}
}
@@ -667,7 +667,7 @@
.functional-agent-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
}
@@ -1016,6 +1016,27 @@ npm install https://github.com/PR0M3TH3AN/TORCH/archive/refs/heads/main.tar.gz &
</div>
</section>
<section class="hook-memory scroll-reveal" style="max-width: 800px; margin: 4rem auto; padding: 0 2rem; text-align: center;">
<h2 style="font-size: 2rem; margin-bottom: 1.5rem; color: var(--text-strong);">Hook memory into your existing agents</h2>
<p style="font-size: 1.1rem; color: var(--muted); margin-bottom: 2rem; line-height: 1.6;">
Add these instructions to your agent's system prompt (e.g. in <code>AGENTS.md</code> or <code>CLAUDE.md</code>) to enable the TORCH memory system.
</p>
<div class="install-code-wrapper multiline" style="margin: 0 auto; text-align: left;">
<code id="memory-hook-code">## TORCH Memory Integration
You have access to the TORCH memory system.
1. READ: Check `.scheduler-memory/latest/${cadence}/memories.md` for past learnings.
2. WRITE: Before exiting, save new insights to `memory-update.md` so future runs can learn from this session.</code>
<button class="copy-install-btn" onclick="copyToClipboard('memory-hook-code', this)">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
</svg>
Copy
</button>
</div>
</section>
<section class="meta-prompts scroll-reveal">
<h2>Scheduler Meta Prompts</h2>
<div class="prompts-grid">