Skip to content

Commit ecfc064

Browse files
bguidolimbguidolim
committed
Replace registry section with Browse Tech Packs button
- Remove standalone registry section with example packs - Add "Browse Tech Packs" button linking to techpacks.mcs-cli.dev in Tech Packs section - Add "Why MCS" nav link for the problem section - Match tech pack description font size to other sections
1 parent d81c99b commit ecfc064

2 files changed

Lines changed: 6 additions & 15 deletions

File tree

‎css/style.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -116,7 +116,7 @@ section+section{border-top:1px solid var(--border)}
116116
.techpack-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:start;margin-top:2.5rem}
117117
@media(max-width:860px){.techpack-layout{grid-template-columns:1fr}}
118118
.techpack-explainer h3{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}
119-
.techpack-explainer p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem}
119+
.techpack-explainer p{font-size:clamp(.95rem,.85rem + .5vw,1.1rem);color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem}
120120
.pack-examples{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}
121121
.pack-example{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);transition:all var(--transition);text-decoration:none}
122122
.pack-example:hover{border-color:var(--border-bright);background:var(--bg-card)}

‎index.html‎

Lines changed: 5 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
</script>
4848
</head>
4949
<body>
50-
<nav class="nav"><div class="nav-inner"><a href="/" class="nav-brand"><svg width="36" height="24" viewBox="0 0 54 38" fill="none"><defs><linearGradient id="nav-gv" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#a855f7"/><stop offset="100%" stop-color="#2dd4bf"/></linearGradient><linearGradient id="nav-gh" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="#a855f7"/><stop offset="100%" stop-color="#2dd4bf"/></linearGradient></defs><rect x="0" y="2" width="22" height="8" rx="4" fill="#a855f7"/><rect x="0" y="15" width="22" height="8" rx="4" fill="#8b5cf6" opacity="0.8"/><rect x="0" y="29" width="22" height="8" rx="4" fill="#2dd4bf" opacity="0.6"/><path d="M26 5 C33 5,35 14,43 19 C35 24,33 33,26 33" fill="none" stroke="url(#nav-gh)" stroke-width="2.5" stroke-linecap="round"/><circle cx="48" cy="19" r="5.5" fill="url(#nav-gv)"/></svg>mcs</a><div class="nav-links"><a href="#features">Features</a><a href="#techpack">Tech Packs</a><a href="#quickstart">Get Started</a><a href="https://github.com/mcs-cli/mcs/tree/main/docs" target="_blank" rel="noopener">Docs</a><a href="https://github.com/mcs-cli/mcs" target="_blank" rel="noopener" class="nav-gh"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg></a></div></div></nav>
50+
<nav class="nav"><div class="nav-inner"><a href="/" class="nav-brand"><svg width="36" height="24" viewBox="0 0 54 38" fill="none"><defs><linearGradient id="nav-gv" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#a855f7"/><stop offset="100%" stop-color="#2dd4bf"/></linearGradient><linearGradient id="nav-gh" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="#a855f7"/><stop offset="100%" stop-color="#2dd4bf"/></linearGradient></defs><rect x="0" y="2" width="22" height="8" rx="4" fill="#a855f7"/><rect x="0" y="15" width="22" height="8" rx="4" fill="#8b5cf6" opacity="0.8"/><rect x="0" y="29" width="22" height="8" rx="4" fill="#2dd4bf" opacity="0.6"/><path d="M26 5 C33 5,35 14,43 19 C35 24,33 33,26 33" fill="none" stroke="url(#nav-gh)" stroke-width="2.5" stroke-linecap="round"/><circle cx="48" cy="19" r="5.5" fill="url(#nav-gv)"/></svg>mcs</a><div class="nav-links"><a href="#problem">Why MCS</a><a href="#features">Features</a><a href="#techpack">Tech Packs</a><a href="#quickstart">Get Started</a><a href="https://github.com/mcs-cli/mcs/tree/main/docs" target="_blank" rel="noopener">Docs</a><a href="https://github.com/mcs-cli/mcs" target="_blank" rel="noopener" class="nav-gh"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg></a></div></div></nav>
5151

5252
<section class="hero"><div class="container"><div class="hero-grid"><div class="hero-text">
5353
<div class="hero-logo fade-in"><svg width="72" height="48" viewBox="0 0 54 38" fill="none"><defs><linearGradient id="hero-gv" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#a855f7"/><stop offset="100%" stop-color="#2dd4bf"/></linearGradient><linearGradient id="hero-gh" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="#a855f7"/><stop offset="100%" stop-color="#2dd4bf"/></linearGradient></defs><rect x="0" y="2" width="22" height="8" rx="4" fill="#a855f7"/><rect x="0" y="15" width="22" height="8" rx="4" fill="#8b5cf6" opacity="0.8"/><rect x="0" y="29" width="22" height="8" rx="4" fill="#2dd4bf" opacity="0.6"/><path d="M26 5 C33 5,35 14,43 19 C35 24,33 33,26 33" fill="none" stroke="url(#hero-gh)" stroke-width="2.5" stroke-linecap="round"/><circle cx="48" cy="19" r="5.5" fill="url(#hero-gv)"/></svg></div>
@@ -121,13 +121,10 @@ <h2 class="section-title fade-in">A Git repo.<br>A YAML manifest. That's it.</h2
121121
<div class="techpack-layout">
122122
<div class="techpack-explainer fade-in">
123123
<p>A tech pack is a Git repository containing a <code style="font-family:var(--mono);font-size:.88em;color:var(--text-primary)">techpack.yaml</code> manifest. It can bundle MCP servers, plugins, hooks, skills, commands, agents, settings, templates, and doctor checks.</p>
124-
<p>Packs are modular — mix and match what you need instead of one monolithic config.</p>
125-
<h3>Example Packs</h3>
126-
<div class="pack-examples">
127-
<a href="https://github.com/mcs-cli/memory" target="_blank" rel="noopener" class="pack-example"><span class="pack-dot pack-dot--teal"></span><span class="pack-name">Memory</span><span class="pack-desc">Persistent memory across sessions</span></a>
128-
<a href="https://github.com/mcs-cli/dev" target="_blank" rel="noopener" class="pack-example"><span class="pack-dot pack-dot--purple"></span><span class="pack-name">Dev</span><span class="pack-desc">Settings, git workflows, code nav</span></a>
129-
<a href="https://github.com/mcs-cli/ios" target="_blank" rel="noopener" class="pack-example"><span class="pack-dot pack-dot--blue"></span><span class="pack-name">iOS</span><span class="pack-desc">Xcode, simulators, Apple docs</span></a>
130-
</div></div>
124+
<p>Packs are modular — mix and match what you need instead of one monolithic config. Install globally for your machine or scope to individual projects.</p>
125+
<p>Share your setup with the community or discover packs others have built. One command to add, one command to sync.</p>
126+
<div style="margin-top:1.5rem"><a href="https://techpacks.mcs-cli.dev" class="btn-primary"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>Browse Tech Packs</a></div>
127+
</div>
131128
<div class="yaml-block fade-in fade-in-delay-2"><div class="yaml-header"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>techpack.yaml</div>
132129
<div class="yaml-body"><span class="y-key">identifier:</span> <span class="y-str">"my-team-pack"</span> <span class="y-annotation y-annotation--purple">Unique identifier</span>
133130
<span class="y-key">displayName:</span> <span class="y-str">"My Team Pack"</span>
@@ -177,12 +174,6 @@ <h2 class="section-title fade-in">Designed to be<br>non-destructive.</h2>
177174
</div>
178175
</div></section>
179176

180-
<section id="registry"><div class="container">
181-
<div class="section-label fade-in">Coming Soon</div>
182-
<h2 class="section-title fade-in">The Tech Pack Registry.</h2>
183-
<div class="coming-soon-banner fade-in fade-in-delay-1"><h3>Discover, search, and share tech packs</h3><p>A public registry is in the works — browse community packs, find the right setup for your stack, and publish your own. Stay tuned.</p></div>
184-
</div></section>
185-
186177
<footer class="site-footer"><div class="container"><div class="footer-inner">
187178
<div class="footer-left"><div class="footer-links"><a href="https://github.com/mcs-cli/mcs" target="_blank" rel="noopener">GitHub</a><a href="https://github.com/mcs-cli/mcs/tree/main/docs" target="_blank" rel="noopener">Docs</a><a href="https://github.com/sponsors/bguidolim" target="_blank" rel="noopener">Sponsor</a></div></div>
188179
<div class="footer-right">MIT License · Made by <a href="https://github.com/bguidolim" target="_blank" rel="noopener">Bruno Guidolim</a></div>

0 commit comments

Comments
 (0)