chore: add additional project assets

This commit is contained in:
Gabe Kangas
2025-04-27 17:55:36 -07:00
parent 496209bd03
commit a624d86e22
18 changed files with 1893 additions and 14 deletions
@@ -1,5 +1,6 @@
import React from 'react';
import { FC } from 'react';
import { background } from 'storybook/internal/theming';
export type ImageAssetProps = {
name: string;
@@ -18,6 +19,7 @@ export const ImageAsset: FC<ImageAssetProps> = ({ name, src }) => {
borderColor: 'lightgray',
overflow: 'hidden',
margin: '0.3vw',
backgroundColor: 'lightgray',
};
const colorDescriptionStyle = {
@@ -1,20 +1,35 @@
import { Canvas, Meta, Story } from '@storybook/addon-docs';
import { Image, ImageRow } from './ImageAsset';
<Meta title="owncast/Project Assets/Logos &amp; Graphics" parameters={{chromatic: { disableSnapshot: true }}} />
<Meta
title="owncast/Project Assets/Logos &amp; Graphics"
parameters={{ chromatic: { disableSnapshot: true } }}
/>
# Logos &amp; Graphics
<ImageRow images={[
{src: "project/header.png", name: "header.png"},
{src: "project/kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png", name: "kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png"},
{src: "project/logo-glare-outlined.png", name: "logo-glare-outlined.png"},
{src: "project/logo-glare-vector.svg", name: "logo-glare-vector.svg"},
{src: "project/logo-noglare-vector.svg", name: "logo-noglare-vector.svg"},
{src: "project/logo-translucent-grey.svg", name: "logo-translucent-grey.svg"},
{src: "project/logo-white.svg", name: "logo-white.svg"},
{src: "project/owncast-background.png", name: "owncast-background.png"},
{src: "project/owncast-browser-mobile.png", name: "owncast-browser-mobile.png"},
{src: "project/sticker-bigtech-alt.png", name: "sticker-bigtech-alt.png"},
]}/>
<ImageRow images={[
{src: "project/header.png", name: "header.png"},
{src: "project/logo-glare-outlined.png", name: "logo-glare-outlined.png"},
{src: "project/logo-glare-vector.svg", name: "logo-glare-vector.svg"},
{src: "project/logo-noglare-vector.svg", name: "logo-noglare-vector.svg"},
{src: "project/logo-white.svg", name: "logo-white.svg"},
{src: "project/logo-black.svg", name: "logo-black.svg"},
{src: "project/logo-translucent-grey.svg", name: "logo-translucent-grey.svg"},
{src: "project/logo-semisimple-black.svg", name: "logo-semisimple-black.svg"},
{src: "project/logo-semisimple-white.svg", name: "logo-semisimple-white.svg"},
{src: "project/logo-simple-black.svg", name: "logo-simple-black.svg"},
{src: "project/logo-simple-white.svg", name: "logo-simple-white.svg"},
{src: "project/logo-semisimple-black-outlined.svg", name: "logo-semisimple-black-outlined.svg"},
{src: "project/logo-semisimple-white-outlined.svg", name: "logo-semisimple-white-outlined.svg"},
{src: "project/owncast-background.png", name: "owncast-background.png"},
{src: "project/owncast-browser-mobile.png", name: "owncast-browser-mobile.png"},
{src: "project/sticker-bigtech-alt.png", name: "sticker-bigtech-alt.png"},
{src: "project/apps-logo.png", name: "apps-logo.png"},
{src: "project/owncast-directory.png", name: "owncast-directory.png"},
{src: "project/tv-apps-icon.png", name: "tv-apps-icon.png"},
]}/>