diff --git a/packages/www/src/layouts/SiteLayout.astro b/packages/www/src/layouts/SiteLayout.astro deleted file mode 100644 index a9519f4de24..00000000000 --- a/packages/www/src/layouts/SiteLayout.astro +++ /dev/null @@ -1,26 +0,0 @@ ---- -import "../styles/site.css" - -interface Props { - title?: string - description?: string -} - -const title = Astro.props.title ?? "OpenCode" -const description = Astro.props.description ?? "The open source AI coding agent." ---- - - - - - - - - - - {title} - - - - - diff --git a/packages/www/src/pages/index.astro b/packages/www/src/pages/index.astro index 04bc929666d..56727278f82 100644 --- a/packages/www/src/pages/index.astro +++ b/packages/www/src/pages/index.astro @@ -1,27 +1,17 @@ --- -import SiteLayout from "../layouts/SiteLayout.astro" - export const prerender = true +const destination = `${import.meta.env.BASE_URL}docs` --- - -
- - OpenCode - - -
-
-

OpenCode 2

-

The open source AI coding agent.

-

Build with it in your terminal, connect over the API, or embed the complete agent stack.

-
- Read the docs - View on GitHub -
- 
curl -fsSL https://opencode.ai{import.meta.env.BASE_URL}install | bash
-
- + + + + + + + OpenCode Docs + + + Continue to the OpenCode docs + + diff --git a/packages/www/src/styles/site.css b/packages/www/src/styles/site.css deleted file mode 100644 index 69aba5408b8..00000000000 --- a/packages/www/src/styles/site.css +++ /dev/null @@ -1,107 +0,0 @@ -:root { - color-scheme: dark; - background: #000; - color: #ededed; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; -} - -* { - box-sizing: border-box; -} - -body { - margin: 0; -} - -a { - color: inherit; - text-decoration: none; -} - -a:hover { - text-decoration: underline; -} - -.site-header { - display: flex; - width: min(100% - 2rem, 72rem); - height: 4rem; - margin-inline: auto; - border-bottom: 1px solid #303030; - align-items: center; - justify-content: space-between; -} - -.site-header img { - display: block; - width: 8rem; -} - -.site-header nav { - display: flex; - gap: 1.5rem; - font-size: 0.875rem; - font-weight: 700; -} - -main { - width: min(100% - 2rem, 72rem); - margin-inline: auto; - padding-block: clamp(5rem, 14vw, 10rem); -} - -.eyebrow { - margin: 0 0 1.5rem; - color: #929292; - font-size: 0.875rem; - font-weight: 700; - text-transform: uppercase; -} - -h1 { - max-width: 12ch; - margin: 0; - font-size: clamp(3rem, 9vw, 7.5rem); - line-height: 0.95; - letter-spacing: -0.07em; -} - -.lede { - max-width: 40rem; - margin: 2rem 0 0; - color: #b8b8b8; - font-size: clamp(1rem, 2vw, 1.25rem); - line-height: 1.6; -} - -.actions { - display: flex; - margin-top: 2.5rem; - align-items: center; - gap: 1.5rem; - font-size: 0.875rem; - font-weight: 700; -} - -.actions .primary { - padding: 0.75rem 1rem; - background: #ededed; - color: #000; -} - -pre { - width: fit-content; - max-width: 100%; - margin: 5rem 0 0; - padding: 1rem; - border: 1px solid #303030; - font: inherit; - overflow-x: auto; -} - -@media (max-width: 36rem) { - .actions { - align-items: flex-start; - flex-direction: column; - } -}