Hare/Decodal
1
0
Fork 0
Code Issues Pull Requests Packages Releases Activity

Compact package links on landing page

Browse Source
This commit is contained in:
Hare
2026-07-09 20:36:57 +09:00
parent a95afe0463
commit 44b6041e60
2 changed files with 37 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/decodal-site/src/pages/index.astro
+12 -30
View File
@@ -27,36 +27,18 @@ Production = Server & {
<section class="home-packages" aria-label="Official packages">
<h2>Official packages</h2>
<div class="package-links">
<a href="https://crates.io/crates/decodal">
<span>Rust crate</span>
<strong>crates.io/crates/decodal</strong>
</a>
<a href="https://www.npmjs.com/package/decodal-wasm">
<span>npm package</span>
<strong>npmjs.com/package/decodal-wasm</strong>
</a>
<a href="https://jsr.io/@hare/decodal-wasm@0.1.2">
<span>JSR package</span>
<strong>jsr.io/@hare/decodal-wasm</strong>
</a>
<a href="https://www.npmjs.com/package/decodal-language-tools">
<span>Language tools package</span>
<strong>npmjs.com/package/decodal-language-tools</strong>
</a>
<a href="https://jsr.io/@hare/decodal-language-tools@0.1.2">
<span>Language tools on JSR</span>
<strong>jsr.io/@hare/decodal-language-tools</strong>
</a>
<a href="https://www.npmjs.com/package/decodal-codemirror">
<span>CodeMirror package</span>
<strong>npmjs.com/package/decodal-codemirror</strong>
</a>
<a href="https://jsr.io/@hare/decodal-codemirror@0.1.3">
<span>CodeMirror on JSR</span>
<strong>jsr.io/@hare/decodal-codemirror</strong>
</a>
</div>
<a class="primary-package" href="https://crates.io/crates/decodal">
<span>Rust crate</span>
<strong>crates.io/crates/decodal</strong>
</a>
<ul class="package-list">
<li><a href="https://www.npmjs.com/package/decodal-wasm">decodal-wasm on npm</a></li>
<li><a href="https://jsr.io/@hare/decodal-wasm@0.1.2">@hare/decodal-wasm on JSR</a></li>
<li><a href="https://www.npmjs.com/package/decodal-language-tools">decodal-language-tools on npm</a></li>
<li><a href="https://jsr.io/@hare/decodal-language-tools@0.1.2">@hare/decodal-language-tools on JSR</a></li>
<li><a href="https://www.npmjs.com/package/decodal-codemirror">decodal-codemirror on npm</a></li>
<li><a href="https://jsr.io/@hare/decodal-codemirror@0.1.3">@hare/decodal-codemirror on JSR</a></li>
</ul>
</section>
<section class="home-grid" aria-label="Decodal overview">
site/decodal-site/src/style.css
+25 -17
View File
@@ -542,41 +542,47 @@ button:disabled {
border: 1px solid var(--border);
border-radius: 18px;
margin-bottom: 1.5rem;
padding: 1.4rem;
padding: 1.2rem 1.4rem;
}
.home-packages h2 {
margin-top: 0;
margin: 0 0 0.9rem;
}
.package-links {
display: grid;
gap: 0.75rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.package-links a {
.primary-package {
border: 1px solid var(--border);
border-radius: 14px;
display: block;
padding: 1rem;
display: inline-block;
margin-bottom: 0.9rem;
padding: 0.9rem 1rem;
text-decoration: none;
}
.package-links span {
.primary-package span {
color: var(--muted);
display: block;
font-size: 0.9rem;
margin-bottom: 0.3rem;
margin-bottom: 0.25rem;
}
.package-links strong {
.primary-package strong {
color: var(--text);
display: block;
font-size: 0.95rem;
font-size: 1.15rem;
overflow-wrap: anywhere;
}
.package-list {
columns: 2;
margin: 0;
padding-left: 1.2rem;
}
.package-list li {
break-inside: avoid;
margin: 0.25rem 0;
}
.home-grid {
display: grid;
gap: 1rem;
@@ -623,10 +629,12 @@ button:disabled {
}
.playground-shell,
.home-grid,
.home-example,
.package-links {
.home-example {
grid-template-columns: 1fr;
}
.package-list {
columns: 1;
}
.hero {
padding-top: 3rem;
}