Generate more stories from images

2023-01-26 20:15:02 -08:00
parent 4638afcc7a
commit 647685627d
5 changed files with 109 additions and 0 deletions
@@ -0,0 +1,16 @@
+import { Canvas, Meta, Story } from '@storybook/addon-docs';
+import { Image, ImageRow } from './ImageAsset';
+
+<Meta title="owncast/Assets/Images" />
+
+# Images
+
+    <ImageRow images={[
+    		{src: "img/fediverse-black.png", name: "fediverse-black.png"},
+    		{src: "img/fediverse-color.png", name: "fediverse-color.png"},
+    		{src: "img/follow.svg", name: "follow.svg"},
+    		{src: "img/indieauth.png", name: "indieauth.png"},
+    		{src: "img/like.svg", name: "like.svg"},
+    		{src: "img/repost.svg", name: "repost.svg"},
+    ]}/>
+
@@ -0,0 +1,41 @@
+import { Canvas, Meta, Story } from '@storybook/addon-docs';
+import { Image, ImageRow } from './ImageAsset';
+
+<Meta title="owncast/Assets/Social Platform Images" />
+
+# Social Platform Images
+
+    <ImageRow images={[
+    		{src: "img/platformlogos/bandcamp.svg", name: "bandcamp.svg"},
+    		{src: "img/platformlogos/default.svg", name: "default.svg"},
+    		{src: "img/platformlogos/discord.svg", name: "discord.svg"},
+    		{src: "img/platformlogos/donate.svg", name: "donate.svg"},
+    		{src: "img/platformlogos/facebook.svg", name: "facebook.svg"},
+    		{src: "img/platformlogos/fediverse.svg", name: "fediverse.svg"},
+    		{src: "img/platformlogos/follow.svg", name: "follow.svg"},
+    		{src: "img/platformlogos/github.svg", name: "github.svg"},
+    		{src: "img/platformlogos/gitlab.svg", name: "gitlab.svg"},
+    		{src: "img/platformlogos/google.svg", name: "google.svg"},
+    		{src: "img/platformlogos/instagram.svg", name: "instagram.svg"},
+    		{src: "img/platformlogos/keyoxide.png", name: "keyoxide.png"},
+    		{src: "img/platformlogos/ko-fi.svg", name: "ko-fi.svg"},
+    		{src: "img/platformlogos/lbry.svg", name: "lbry.svg"},
+    		{src: "img/platformlogos/liberapay.svg", name: "liberapay.svg"},
+    		{src: "img/platformlogos/link.svg", name: "link.svg"},
+    		{src: "img/platformlogos/linkedin.svg", name: "linkedin.svg"},
+    		{src: "img/platformlogos/mastodon.svg", name: "mastodon.svg"},
+    		{src: "img/platformlogos/matrix.svg", name: "matrix.svg"},
+    		{src: "img/platformlogos/odysee.svg", name: "odysee.svg"},
+    		{src: "img/platformlogos/patreon.svg", name: "patreon.svg"},
+    		{src: "img/platformlogos/paypal.svg", name: "paypal.svg"},
+    		{src: "img/platformlogos/snapchat.svg", name: "snapchat.svg"},
+    		{src: "img/platformlogos/soundcloud.svg", name: "soundcloud.svg"},
+    		{src: "img/platformlogos/spotify.svg", name: "spotify.svg"},
+    		{src: "img/platformlogos/steam.svg", name: "steam.svg"},
+    		{src: "img/platformlogos/tiktok.svg", name: "tiktok.svg"},
+    		{src: "img/platformlogos/twitch.svg", name: "twitch.svg"},
+    		{src: "img/platformlogos/twitter.svg", name: "twitter.svg"},
+    		{src: "img/platformlogos/xmpp.svg", name: "xmpp.svg"},
+    		{src: "img/platformlogos/youtube.svg", name: "youtube.svg"},
+    ]}/>
+