hoborg/opencode
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

ignore: cloud

Browse Source
This commit is contained in:
Jay V
2025-08-27 16:02:30 -04:00
parent 8381760b27
commit 3359417378
12 changed files with 409 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
cloud/app/src/routes/index.tsx
View File

@@ -1,10 +1,11 @@
import { Title } from "@solidjs/meta"
import { onCleanup, onMount } from "solid-js"
import "./index.css"
import logo from "../asset/logo-ornate-dark.svg"
import IMG_SPLASH from "../asset/screenshot-splash.webp"
import IMG_VSCODE from "../asset/screenshot-vscode.webp"
import IMG_GITHUB from "../asset/screenshot-github.webp"
import logoLight from "../asset/logo-ornate-light.svg"
import logoDark from "../asset/logo-ornate-dark.svg"
import IMG_SPLASH from "../asset/lander/screenshot-splash.png"
import IMG_VSCODE from "../asset/lander/screenshot-vscode.png"
import IMG_GITHUB from "../asset/lander/screenshot-github.png"
import { IconCopy, IconCheck } from "../component/icon"
import { createAsync, query, redirect, RouteDefinition } from "@solidjs/router"
import { getActor, withActor } from "~/context/auth"
@@ -60,7 +61,8 @@ export default function Home() {
<Title>opencode | AI coding agent built for the terminal</Title>
<div data-component="content">
<section data-component="top">
<img data-slot="logo" src={logo} alt="logo" />
<img data-slot="logo light" src={logoLight} alt="opencode logo light" />
<img data-slot="logo dark" src={logoDark} alt="opencode logo dark" />
<h1 data-slot="title">The AI coding agent built for the terminal.</h1>
</section>
@@ -145,24 +147,30 @@ export default function Home() {
</section>
<section data-component="screenshots">
<div data-slot="left">
<div data-component="title">opencode TUI with tokyonight theme</div>
<div data-slot="filler">
<img src={IMG_SPLASH} alt="opencode TUI with tokyonight theme" />
</div>
<div class="left">
<figure>
<figcaption>opencode TUI with the tokyonight theme</figcaption>
<a href="/docs/cli">
<img src={IMG_SPLASH} alt="opencode TUI with tokyonight theme" />
</a>
</figure>
</div>
<div data-slot="right">
<div data-slot="cell">
<div data-component="title">opencode in VS Code</div>
<div data-slot="filler">
<img src={IMG_VSCODE} alt="opencode in VS Code" />
</div>
<div class="right">
<div class="row1">
<figure>
<figcaption>opencode in VS Code</figcaption>
<a href="/docs/ide">
<img src={IMG_VSCODE} alt="opencode in VS Code" />
</a>
</figure>
</div>
<div data-slot="cell">
<div data-component="title">opencode in GitHub</div>
<div data-slot="filler">
<img src={IMG_GITHUB} alt="opencode in GitHub" />
</div>
<div class="row2">
<figure>
<figcaption>opencode in GitHub</figcaption>
<a href="/docs/github">
<img src={IMG_GITHUB} alt="opencode in GitHub" />
</a>
</figure>
</div>
</div>
</section>