diff --git a/site/decodal-site/src/pages/index.astro b/site/decodal-site/src/pages/index.astro index 5d6c6bf..bb00e7f 100644 --- a/site/decodal-site/src/pages/index.astro +++ b/site/decodal-site/src/pages/index.astro @@ -27,36 +27,18 @@ Production = Server & {

Official packages

- + + Rust crate + crates.io/crates/decodal + +
diff --git a/site/decodal-site/src/style.css b/site/decodal-site/src/style.css index d11adec..1c5df28 100644 --- a/site/decodal-site/src/style.css +++ b/site/decodal-site/src/style.css @@ -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; }