warehack.ing/spicebook
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move docs link to hero CTA row for visibility

Browse Source 
Docs link was buried in the reference links section. Promoted to
a hero-level button alongside New Notebook and Browse Notebooks,
with a blue hover accent to distinguish it.
This commit is contained in:
Ryan Malloy 2026-03-06 12:01:56 -07:00
parent ad7e80c722
commit 3e68a355c3
1 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/pages/index.astro
View File

@ -40,7 +40,7 @@ try {
<p class="mt-4 text-lg text-slate-400 max-w-xl leading-relaxed">
Write SPICE netlists, simulate with ngspice or LTspice, and visualize waveforms in a single document.
</p>
<div class="flex items-center gap-3 mt-8">
<div class="flex flex-wrap items-center gap-3 mt-8">
<a
href="/notebook/new"
class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-blue-600 hover:bg-blue-500 text-white font-medium transition-colors text-sm"
@ -48,6 +48,15 @@ try {
<Icon name="lucide:plus" class="w-4 h-4" />
New Notebook
</a>
<a
href="https://spicebook-docs.warehack.ing"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg border border-slate-700 text-slate-300 hover:border-blue-500/50 hover:text-slate-100 font-medium transition-colors text-sm"
>
<Icon name="lucide:book-open" class="w-4 h-4" />
Docs
</a>
<a
href="#notebooks"
class="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg border border-slate-700 text-slate-300 hover:border-slate-500 hover:text-slate-100 font-medium transition-colors text-sm"
@ -133,20 +142,6 @@ try {
<Icon name="lucide:chevron-right" class="w-4 h-4 text-slate-600 group-hover:text-slate-400 transition-colors" />
</a>
<a href="https://spicebook-docs.warehack.ing" target="_blank" rel="noopener noreferrer"
class="inline-flex items-center gap-4 px-5 py-3 rounded-lg border border-slate-700
hover:border-slate-500 hover:bg-slate-800/40 transition-colors group">
<Icon name="lucide:book-open" class="w-8 h-8 text-blue-400/60 flex-shrink-0" />
<div>
<span class="text-sm font-semibold text-slate-200 group-hover:text-slate-100">
Docs
</span>
<span class="block text-xs text-slate-500">
Guides, API reference, embedding
</span>
</div>
<Icon name="lucide:chevron-right" class="w-4 h-4 text-slate-600 group-hover:text-slate-400 transition-colors" />
</a>
</div>
</section>