Skip to content

site: drop dead install/social CTAs, fold closing buttons into last section #170

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
AkashGoenka merged 1 commit into from
Sep 13, 2026
Merged

site: drop dead install/social CTAs, fold closing buttons into last section #170

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
24 changes: 4 additions & 20 deletions site-astro/src/pages/how-it-works/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -185,27 +185,11 @@ const jsonLd = {
reachable by the same lookup that finds the file. A note filed under a topic or a similarity
score is something you'd have to go and search for separately — and an agent mid-task won't.
</div>
</div>
</section>

<!-- ===================== CLOSE ===================== -->
<section class="how-close">
<div class="wrap">
<div class="rv">
<h2>Both layers install in one command.</h2>
<p>
<code>init</code> writes the agent guidance, wires your client, and builds the index. The
notebook starts empty and fills itself as agents work.
</p>
<div class="how-cmds has-copy">
<button type="button" class="copy-btn" data-copy="npm install -g @cstart/coldstart&#10;coldstart init" aria-label="Copy install commands">Copy</button>
npm install -g @cstart/coldstart<br><span>coldstart init</span>
</div>
<div class="how-next">
<a class="primary" href="/docs/">Read the docs</a>
<a class="ghost" href="/vs/vector-rag/">coldstart vs vector RAG →</a>
<a class="ghost" href="/blog/">Engineering blog →</a>
</div>
<div class="how-next rv">
<a class="primary" href="/docs/">Read the docs</a>
<a class="ghost" href="/vs/vector-rag/">coldstart vs vector RAG →</a>
<a class="ghost" href="/blog/">Engineering blog →</a>
</div>
</div>
</section>
Expand Down
19 changes: 3 additions & 16 deletions site-astro/src/pages/how-it-works/navigation.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -194,23 +194,10 @@ const jsonLd = {
nothing to keep in sync by hand.
</p>
</div>
</div>
</section>

<!-- ===================== CLOSE ===================== -->
<section class="how-close">
<div class="wrap">
<div class="rv">
<h2>It works from the first lookup.</h2>
<p>
Unlike memory, navigation needs no warm-up — the map is built at install and useful
immediately.
</p>
<div class="how-cmds">npm install -g @cstart/coldstart<br><span>coldstart init</span></div>
<div class="how-next">
<a class="primary" href="/docs/">Read the docs</a>
<a class="ghost" href="/how-it-works/notebook/">How the notebook works →</a>
</div>
<div class="how-next rv">
<a class="primary" href="/docs/">Read the docs</a>
<a class="ghost" href="/how-it-works/notebook/">How the notebook works →</a>
</div>
</div>
</section>
Expand Down
19 changes: 3 additions & 16 deletions site-astro/src/pages/how-it-works/notebook.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -314,23 +314,10 @@ const jsonLd = {
Private by default; sharing is opt-in.
</p>
</div>
</div>
</section>

<!-- ===================== CLOSE ===================== -->
<section class="how-close">
<div class="wrap">
<div class="rv">
<h2>It starts empty and warms with use.</h2>
<p>
The first few real tasks seed the notes. Nothing to import, nothing to write by hand — two
commands and the loop starts turning.
</p>
<div class="how-cmds">npm install -g @cstart/coldstart<br><span>coldstart init</span></div>
<div class="how-next">
<a class="primary" href="/docs/">Read the docs</a>
<a class="ghost" href="/how-it-works/navigation/">How the navigation layer works →</a>
</div>
<div class="how-next rv">
<a class="primary" href="/docs/">Read the docs</a>
<a class="ghost" href="/how-it-works/navigation/">How the navigation layer works →</a>
</div>
</div>
</section>
Expand Down
8 changes: 0 additions & 8 deletions site-astro/src/pages/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -263,14 +263,6 @@ const faqJsonLd = {
))}
</div>
<div class="faq-close rise">
<div class="faq-close-links">
<a class="btn btn-ghost btn-icon" href="https://github.com/AkashGoenka/coldstart" aria-label="GitHub">
<svg width="17" height="17" viewBox="0 0 16 16" aria-hidden="true"><path fill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
</a>
<a class="btn btn-ghost btn-icon" href="https://www.npmjs.com/package/@cstart/coldstart" aria-label="npm">
<svg width="46" height="15" viewBox="0 0 780 250" aria-hidden="true"><path fill="currentColor" d="M0 0v200h100V50h50v150h50V0H0zM240 0v250h100v-50h100V0H240zm150 50h50v100h-50V50zM480 0v200h100V50h50v150h50V50h50v150h50V0H480z"/></svg>
</a>
</div>
<p class="install-langs">20+ languages via Tree-sitter — TypeScript, Python, Go, Rust, Java, Ruby, PHP, C#, C++, and more.</p>
</div>
</div>
Expand Down
5 changes: 3 additions & 2 deletions site-astro/src/styles/how.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,7 @@ body.how-page {
/* ---------- section frame ---------- */
.how-sec { padding: 58px 0; border-top: 1px solid var(--line); margin-top: 34px; }
.how-sec:first-of-type { margin-top: 30px; }
.how-sec:has(+ .how-close) { border-top: 0; }
.how-sec-head { max-width: 680px; margin-bottom: 44px; }
.how-sec-head:last-child { margin-bottom: 0; }
.how-sec-head h2 {
Expand Down Expand Up @@ -369,7 +370,7 @@ body.how-page {
}

/* ---------- closing CTA ---------- */
.how-close { padding: 66px 0 90px; border-top: 1px solid var(--line); margin-top: 34px; }
.how-close { padding: 66px 0 90px; margin-top: 34px; }
.how-close p, .how-close .how-cmds { max-width: 680px; }
.how-close h2 { font-family: var(--display); font-weight: 400; font-size: clamp(26px, 3.4vw, 34px); margin-bottom: 14px; letter-spacing: -.015em; }
.how-close p { color: var(--text); font-size: 16.5px; margin-bottom: 28px; }
Expand All @@ -392,7 +393,7 @@ body.how-page {
.how-page .copy-btn:hover { color: #eef3fb; background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .16); }
.how-page .copy-btn.copied { color: #4fd18b; border-color: rgba(79, 209, 139, .4); background: rgba(79, 209, 139, .08); }

.how-next { display: flex; gap: 12px; flex-wrap: wrap; }
.how-next { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 34px; }
.how-next a {
font-family: var(--mono); font-size: 13.5px; padding: 11px 20px; border-radius: 8px;
text-decoration: none; transition: opacity .15s, border-color .15s, color .15s;
Expand Down
Loading