diff options
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/console/app/src/asset/brand/opencode-brand-assets.zip | bin | 0 -> 20531 bytes | |||
| -rw-r--r-- | packages/console/app/src/routes/brand/index.tsx | 28 |
2 files changed, 19 insertions, 9 deletions
diff --git a/packages/console/app/src/asset/brand/opencode-brand-assets.zip b/packages/console/app/src/asset/brand/opencode-brand-assets.zip Binary files differnew file mode 100644 index 000000000..1a145bbe0 --- /dev/null +++ b/packages/console/app/src/asset/brand/opencode-brand-assets.zip diff --git a/packages/console/app/src/routes/brand/index.tsx b/packages/console/app/src/routes/brand/index.tsx index c435bba72..2e17087d9 100644 --- a/packages/console/app/src/routes/brand/index.tsx +++ b/packages/console/app/src/routes/brand/index.tsx @@ -21,6 +21,7 @@ import wordmarkLightSvg from "../../asset/brand/opencode-wordmark-light.svg" import wordmarkDarkSvg from "../../asset/brand/opencode-wordmark-dark.svg" import wordmarkSimpleLightSvg from "../../asset/brand/opencode-wordmark-simple-light.svg" import wordmarkSimpleDarkSvg from "../../asset/brand/opencode-wordmark-simple-dark.svg" +import brandAssets from "../../asset/brand/opencode-brand-assets.zip" export default function Brand() { @@ -43,17 +44,20 @@ export default function Brand() { <div data-component="content"> <section data-component="brand-content"> <h2>Brand guidelines</h2> - <p>Resources and assets to help you work with the OpenCode brand.</p> - <button data-component="download-button"> + <p>Resources and assets to help you work with the OpenCode + brand.</p> + <button data-component="download-button" onClick={() => downloadFile(brandAssets, "opencode-brand-assets.zip")}> Download all assets <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.9583 10.6247L10 14.583L6.04167 10.6247M10 2.08301V13.958M16.25 17.9163H3.75" - stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> + stroke="currentColor" stroke-width="1.5" + stroke-linecap="square"/> </svg> </button> + <div data-component="brand-grid"> <div> <img src={previewLogoLight} alt="OpenCode brand guidelines"/> @@ -65,16 +69,19 @@ export default function Brand() { xmlns="http://www.w3.org/2000/svg"> <path d="M13.9583 10.6247L10 14.583L6.04167 10.6247M10 2.08301V13.958M16.25 17.9163H3.75" - stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> + stroke="currentColor" stroke-width="1.5" + stroke-linecap="square"/> </svg> </button> - <button onClick={() => downloadFile(logoLightSvg, "opencode-logo-light.svg")}> + <button + onClick={() => downloadFile(logoLightSvg, "opencode-logo-light.svg")}> SVG <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.9583 10.6247L10 14.583L6.04167 10.6247M10 2.08301V13.958M16.25 17.9163H3.75" - stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> + stroke="currentColor" stroke-width="1.5" + stroke-linecap="square"/> </svg> </button> </div> @@ -107,7 +114,8 @@ export default function Brand() { </div> </div> <div> - <img src={previewWordmarkLight} alt="OpenCode brand guidelines"/> + <img src={previewWordmarkLight} + alt="OpenCode brand guidelines"/> <div data-component="actions"> <button onClick={() => downloadFile(wordmarkLightPng, "opencode-wordmark-light.png")}> @@ -161,7 +169,8 @@ export default function Brand() { </div> </div> <div> - <img src={previewWordmarkSimpleLight} alt="OpenCode brand guidelines"/> + <img src={previewWordmarkSimpleLight} + alt="OpenCode brand guidelines"/> <div data-component="actions"> <button onClick={() => downloadFile(wordmarkSimpleLightPng, "opencode-wordmark-simple-light.png")}> @@ -188,7 +197,8 @@ export default function Brand() { </div> </div> <div> - <img src={previewWordmarkSimpleDark} alt="OpenCode brand guidelines"/> + <img src={previewWordmarkSimpleDark} + alt="OpenCode brand guidelines"/> <div data-component="actions"> <button onClick={() => downloadFile(wordmarkSimpleDarkPng, "opencode-wordmark-simple-dark.png")}> |