Skip to content

Commit 462e065

Browse files
iamdavidhilliamdavidhill
committed
Custom favicon and social image per page
1 parent 3ab67d2 commit 462e065

5 files changed

Lines changed: 124 additions & 147 deletions

File tree

‎packages/console/app/public/favicon-zen.svg‎

Lines changed: 23 additions & 0 deletions
Loading

‎packages/console/app/public/favicon.svg‎

Lines changed: 2 additions & 2 deletions
Loading

‎packages/console/app/public/social-share-zen.png‎

21.4 KB
Loading

‎packages/console/app/src/routes/index.tsx‎

Lines changed: 45 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import "./index.css"
2-
import { Title } from "@solidjs/meta"
2+
import { Title, Meta, Link } from "@solidjs/meta"
33
import { HttpHeader } from "@solidjs/start"
44
import video from "../asset/lander/opencode-min.mp4"
55
import videoPoster from "../asset/lander/opencode-poster.png"
@@ -56,6 +56,9 @@ export default function Home() {
5656
<main data-page="opencode">
5757
<HttpHeader name="Cache-Control" value="public, max-age=1, s-maxage=3600, stale-while-revalidate=86400" />
5858
<Title>OpenCode | The AI coding agent built for the terminal</Title>
59+
<Link rel="icon" type="image/svg+xml" href="/favicon.svg" />
60+
<Meta property="og:image" content="/social-share.png" />
61+
<Meta name="twitter:image" content="/social-share.png" />
5962
<div data-component="container">
6063
<Header />
6164

@@ -71,14 +74,12 @@ export default function Home() {
7174
</a>
7275
<strong>The AI coding agent built for the terminal</strong>
7376
<p>
74-
OpenCode is fully open source, giving you control and freedom to
75-
use any provider, any model, and any
77+
OpenCode is fully open source, giving you control and freedom to use any provider, any model, and any
7678
editor.
7779
</p>
7880
<A href="/docs">
7981
<span>Read docs </span>
80-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
81-
xmlns="http://www.w3.org/2000/svg">
82+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8283
<path
8384
d="M6.5 12L17 12M13 16.5L17.5 12L13 7.5"
8485
stroke="currentColor"
@@ -113,59 +114,54 @@ export default function Home() {
113114
<Tabs.Trigger value="paru" data-slot="tab">
114115
paru
115116
</Tabs.Trigger>
116-
<Tabs.Indicator/>
117+
<Tabs.Indicator />
117118
</Tabs.List>
118119
<div data-slot="panels">
119120
<Tabs.Content as="pre" data-slot="panel" value="curl">
120-
<button data-copy data-slot="command"
121-
onClick={handleCopyClick}>
122-
<span data-slot="command-script">
123-
<span>curl -fsSL </span>
124-
<span data-slot="protocol">https://</span>
125-
<span data-slot="highlight">opencode.ai/install</span>
126-
<span> | bash</span>
127-
</span>
128-
<CopyStatus/>
121+
<button data-copy data-slot="command" onClick={handleCopyClick}>
122+
<span data-slot="command-script">
123+
<span>curl -fsSL </span>
124+
<span data-slot="protocol">https://</span>
125+
<span data-slot="highlight">opencode.ai/install</span>
126+
<span> | bash</span>
127+
</span>
128+
<CopyStatus />
129129
</button>
130130
</Tabs.Content>
131131
<Tabs.Content as="pre" data-slot="panel" value="npm">
132-
<button data-copy data-slot="command"
133-
onClick={handleCopyClick}>
134-
<span>
135-
<span data-slot="protocol">npm i -g </span>
136-
<span data-slot="highlight">opencode</span>
137-
</span>
138-
<CopyStatus/>
132+
<button data-copy data-slot="command" onClick={handleCopyClick}>
133+
<span>
134+
<span data-slot="protocol">npm i -g </span>
135+
<span data-slot="highlight">opencode</span>
136+
</span>
137+
<CopyStatus />
139138
</button>
140139
</Tabs.Content>
141140
<Tabs.Content as="pre" data-slot="panel" value="bun">
142-
<button data-copy data-slot="command"
143-
onClick={handleCopyClick}>
144-
<span>
145-
<span data-slot="protocol">bun add -g </span>
146-
<span data-slot="highlight">opencode</span>
147-
</span>
148-
<CopyStatus/>
141+
<button data-copy data-slot="command" onClick={handleCopyClick}>
142+
<span>
143+
<span data-slot="protocol">bun add -g </span>
144+
<span data-slot="highlight">opencode</span>
145+
</span>
146+
<CopyStatus />
149147
</button>
150148
</Tabs.Content>
151149
<Tabs.Content as="pre" data-slot="panel" value="brew">
152-
<button data-copy data-slot="command"
153-
onClick={handleCopyClick}>
154-
<span>
155-
<span data-slot="protocol">brew install </span>
156-
<span data-slot="highlight">opencode</span>
157-
</span>
158-
<CopyStatus/>
150+
<button data-copy data-slot="command" onClick={handleCopyClick}>
151+
<span>
152+
<span data-slot="protocol">brew install </span>
153+
<span data-slot="highlight">opencode</span>
154+
</span>
155+
<CopyStatus />
159156
</button>
160157
</Tabs.Content>
161158
<Tabs.Content as="pre" data-slot="panel" value="paru">
162-
<button data-copy data-slot="command"
163-
onClick={handleCopyClick}>
164-
<span>
165-
<span data-slot="protocol">paru -S </span>
166-
<span data-slot="highlight">opencode</span>
167-
</span>
168-
<CopyStatus/>
159+
<button data-copy data-slot="command" onClick={handleCopyClick}>
160+
<span>
161+
<span data-slot="protocol">paru -S </span>
162+
<span data-slot="highlight">opencode</span>
163+
</span>
164+
<CopyStatus />
169165
</button>
170166
</Tabs.Content>
171167
</div>
@@ -174,42 +170,37 @@ export default function Home() {
174170
</section>
175171

176172
<section data-component="video">
177-
<video src={video} autoplay playsinline loop muted preload="auto"
178-
poster={videoPoster}>
173+
<video src={video} autoplay playsinline loop muted preload="auto" poster={videoPoster}>
179174
Your browser does not support the video tag.
180175
</video>
181176
</section>
182177

183178
<section data-component="what">
184179
<div data-slot="section-title">
185180
<h3>What is OpenCode?</h3>
186-
<p>OpenCode is an open source agent that helps you write and run
187-
code directly from the terminal.</p>
181+
<p>OpenCode is an open source agent that helps you write and run code directly from the terminal.</p>
188182
</div>
189183
<ul>
190184
<li>
191185
<span>[*]</span>
192186
<div>
193-
<strong>Native TUI</strong> A responsive, native, themeable
194-
terminal UI
187+
<strong>Native TUI</strong> A responsive, native, themeable terminal UI
195188
</div>
196189
</li>
197190
<li>
198191
<span>[*]</span>
199192
<div>
200-
<strong>LSP enabled</strong> Automatically loads the right
201-
LSPs for the LLM
193+
<strong>LSP enabled</strong> Automatically loads the right LSPs for the LLM
202194
</div>
203195
</li>
204196
<li>
205197
<span>[*]</span>
206198
<div>
207-
<strong>Multi-session</strong> Start multiple agents in
208-
parallel on the same project
199+
<strong>Multi-session</strong> Start multiple agents in parallel on the same project
209200
</div>
210201
</li>
211202
<li>
212-
<span>[*]</span>
203+
<span>[*]</span>
213204
<div>
214205
<strong>Share links</strong> Share a link to any session for reference or to debug
215206
</div>

0 commit comments

Comments
 (0)