diff --git a/packages/power.stream/public/android-chrome-192x192.png b/packages/power.stream/public/android-chrome-192x192.png new file mode 100644 index 0000000000..5012fb5b32 Binary files /dev/null and b/packages/power.stream/public/android-chrome-192x192.png differ diff --git a/packages/power.stream/public/android-chrome-512x512.png b/packages/power.stream/public/android-chrome-512x512.png new file mode 100644 index 0000000000..ca9fab527a Binary files /dev/null and b/packages/power.stream/public/android-chrome-512x512.png differ diff --git a/packages/power.stream/public/apple-touch-icon.png b/packages/power.stream/public/apple-touch-icon.png new file mode 100644 index 0000000000..1adfe32697 Binary files /dev/null and b/packages/power.stream/public/apple-touch-icon.png differ diff --git a/packages/power.stream/public/browserconfig.xml b/packages/power.stream/public/browserconfig.xml new file mode 100644 index 0000000000..b3930d0f04 --- /dev/null +++ b/packages/power.stream/public/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #da532c + + + diff --git a/packages/power.stream/public/favicon-16x16.png b/packages/power.stream/public/favicon-16x16.png new file mode 100644 index 0000000000..cb64005ecd Binary files /dev/null and b/packages/power.stream/public/favicon-16x16.png differ diff --git a/packages/power.stream/public/favicon-32x32.png b/packages/power.stream/public/favicon-32x32.png new file mode 100644 index 0000000000..7a4ec4546a Binary files /dev/null and b/packages/power.stream/public/favicon-32x32.png differ diff --git a/packages/power.stream/public/favicon.ico b/packages/power.stream/public/favicon.ico index a11777cc47..5f84a16186 100644 Binary files a/packages/power.stream/public/favicon.ico and b/packages/power.stream/public/favicon.ico differ diff --git a/packages/power.stream/public/index.html b/packages/power.stream/public/index.html index 451613e776..2277508c22 100644 --- a/packages/power.stream/public/index.html +++ b/packages/power.stream/public/index.html @@ -23,7 +23,7 @@ - + - PowerStream - Stream TTS + PowerStream - AI Power for Your Stream diff --git a/packages/power.stream/public/mstile-150x150.png b/packages/power.stream/public/mstile-150x150.png new file mode 100644 index 0000000000..1c0c5c8f4d Binary files /dev/null and b/packages/power.stream/public/mstile-150x150.png differ diff --git a/packages/power.stream/public/safari-pinned-tab.svg b/packages/power.stream/public/safari-pinned-tab.svg new file mode 100644 index 0000000000..27e2232857 --- /dev/null +++ b/packages/power.stream/public/safari-pinned-tab.svg @@ -0,0 +1,30 @@ + + + + +Created by potrace 1.14, written by Peter Selinger 2001-2017 + + + + + + diff --git a/packages/power.stream/public/site.webmanifest b/packages/power.stream/public/site.webmanifest new file mode 100644 index 0000000000..9c0cbad73a --- /dev/null +++ b/packages/power.stream/public/site.webmanifest @@ -0,0 +1,19 @@ +{ + "name": "PowerStream", + "short_name": "PowerStream", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#209cee", + "background_color": "#2f2f4a", + "display": "standalone" +} diff --git a/packages/power.stream/src/App.scss b/packages/power.stream/src/App.scss index 3d6d22b0bb..4d8ca624c5 100644 --- a/packages/power.stream/src/App.scss +++ b/packages/power.stream/src/App.scss @@ -656,6 +656,15 @@ span.word:after { box-shadow: 0 0 0 0.1rem #fc6b68; } +footer { + background-color: transparent; + + li { + text-decoration: none; + list-style: none; + } +} + .footer-link { color: #fc6b68; font-weight: 400; diff --git a/packages/power.stream/src/App.tsx b/packages/power.stream/src/App.tsx index e3d9ad8241..cd2e73f1fb 100644 --- a/packages/power.stream/src/App.tsx +++ b/packages/power.stream/src/App.tsx @@ -3,7 +3,6 @@ import "./App.scss"; import React from "react"; import { BrowserRouter, Route, Switch } from "react-router-dom"; -import { GitSha } from "@storyteller/components/src/elements/GitSha"; import { ListTtsModels, TtsModelListItem, @@ -28,6 +27,7 @@ import { TtsConfigsDeleteRulePage } from "./pages/tts_configs/TtsConfigsDeleteRu import { TtsConfigsEditRulePage } from "./pages/tts_configs/TtsConfigsEditRulePage"; import { TtsConfigsReorderPage } from "./pages/tts_configs/TtsConfigsReorderPage"; import { ObsConfigsPage } from "./pages/obs_configs/ObsConfigsPage"; +import { FooterNav } from "./layout/FooterNav"; i18n .use(initReactI18next) // passes i18n down to react-i18next @@ -186,11 +186,7 @@ class App extends React.Component { -
-
-
- - */} + + diff --git a/packages/power.stream/src/layout/FooterNav.tsx b/packages/power.stream/src/layout/FooterNav.tsx new file mode 100644 index 0000000000..c5241a8306 --- /dev/null +++ b/packages/power.stream/src/layout/FooterNav.tsx @@ -0,0 +1,136 @@ +import { GitSha } from "@storyteller/components/src/elements/GitSha"; +import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper"; +import { Link } from "react-router-dom"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { + faTwitch, + faDiscord, + faTwitter, + faTiktok, +} from "@fortawesome/free-brands-svg-icons"; +import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPartyLinks"; + +interface Props {} + +function FooterNav(props: Props) { + return ( +
+ +
+ ); +} + +export { FooterNav }; diff --git a/packages/power.stream/src/pages/index/IndexPage.tsx b/packages/power.stream/src/pages/index/IndexPage.tsx index 7a153b39c8..e43784ec36 100644 --- a/packages/power.stream/src/pages/index/IndexPage.tsx +++ b/packages/power.stream/src/pages/index/IndexPage.tsx @@ -28,7 +28,7 @@ function IndexPage(props: Props) {

- Power for
+ AI Power for
Your Stream

@@ -110,8 +110,10 @@ function IndexPage(props: Props) { />

Channel Points

- Morbi dapibus commodo porta. Sed faucibus tristique orci in - tristique. Praesent quam nunc, fermentum eu feugiat sit. + Your viewers can use their hard-earned channel points to + donate and have their messages read aloud. This adds a fun + new way for your community to engage with your streams and + show their support.

Sign up now @@ -129,8 +131,9 @@ function IndexPage(props: Props) { />

Over 2000 voices!

- Morbi dapibus commodo porta. Sed faucibus tristique orci in - tristique. Praesent quam nunc, fermentum eu feugiat sit. + We're proud to offer over 2000 text-to-speech voices for you + to choose from. Whether you're looking for something funny, + serious, or somewhere in between, we've got you covered.

See all the voices on FakeYou @@ -148,8 +151,11 @@ function IndexPage(props: Props) { />

Bits

- Morbi dapibus commodo porta. Sed faucibus tristique orci in - tristique. Praesent quam nunc, fermentum eu feugiat sit. + Your viewers can use Twitch Bits to donate and have their + messages read aloud. This makes it easy for anyone to get + involved and support your stream. +
+

Sign up now @@ -206,27 +212,27 @@ function IndexPage(props: Props) { src="assets/title-shape.png" alt="" /> -
Statistics
+
It's Obvious

- Our Insights + Better Streams Grow

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do - eiusmod tempor incididunt ut labore et dolore magna aliqua. + We empower streamers to make incredible content. Use the power + of AI to do the hard work so you can focus on what matters.

-

+2000

-

TTS Voices in the library (and growing)

+

2000+

+

AI models and features to enrich your stream.

-

+10K

-

Daily generated TTS or something

+

40%

+

Revenue boost by engaging your audience.

-

+1.1M

-

Some kind of statistic here

+

1+

+

human centuries of content we’ve helped enrich.

- What is Storyteller TTS? + PowerStream TTS?
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation - ullamco laboris nisi ut aliquip ex ea commodo consequat. - Duis aute irure dolor in reprehenderit in voluptate velit - esse cillum dolore eu fugiat nulla pariatur. + PowerStream TTS lets your audience inject AI TTS sound into + your stream. You can engage with them directly and earn + money from every use.
@@ -303,7 +306,7 @@ function IndexPage(props: Props) { aria-expanded="false" aria-controls="collapseTwo" > - How do I use Storyteller TTS? + PowerStream Autopilot?
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation - ullamco laboris nisi ut aliquip ex ea commodo consequat. - Duis aute irure dolor in reprehenderit in voluptate velit - esse cillum dolore eu fugiat nulla pariatur. + Coming soon. Use our advanced AI body double to run your + stream while you’re away. It can fill in for bathroom + breaks, or run 24/7, directly engaging your audience with + custom-tailored content and your own unique personality.
@@ -332,7 +333,7 @@ function IndexPage(props: Props) { aria-expanded="false" aria-controls="collapseThree" > - What is this question? + PowerStream Transformer?
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed - do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation - ullamco laboris nisi ut aliquip ex ea commodo consequat. - Duis aute irure dolor in reprehenderit in voluptate velit - esse cillum dolore eu fugiat nulla pariatur. + Coming soon. Your community can donate to change your face + and voice to that of popular characters and celebrities.
diff --git a/packages/power.stream/src/pages/index/wsConfig.ts b/packages/power.stream/src/pages/index/wsConfig.ts index 8825e7e7f7..7fe936eea8 100644 --- a/packages/power.stream/src/pages/index/wsConfig.ts +++ b/packages/power.stream/src/pages/index/wsConfig.ts @@ -15,36 +15,36 @@ export let wavesurferConfigs = [ filename: "/assets/preview/monokuma.wav", title: "Monokuma", }, - { - filename: "/assets/preview/monokuma.wav", - title: "Monokuma", - }, - { - filename: "/assets/preview/monokuma.wav", - title: "Monokuma", - }, - { - filename: "/assets/preview/monokuma.wav", - title: "Monokuma", - }, - { - filename: "/assets/preview/monokuma.wav", - title: "Monokuma", - }, - { - filename: "/assets/preview/monokuma.wav", - title: "Monokuma", - }, - { - filename: "/assets/preview/monokuma.wav", - title: "Monokuma", - }, - { - filename: "/assets/preview/monokuma.wav", - title: "Monokuma", - }, - { - filename: "/assets/preview/monokuma.wav", - title: "Monokuma", - }, + // { + // filename: "/assets/preview/monokuma.wav", + // title: "Monokuma", + // }, + // { + // filename: "/assets/preview/monokuma.wav", + // title: "Monokuma", + // }, + // { + // filename: "/assets/preview/monokuma.wav", + // title: "Monokuma", + // }, + // { + // filename: "/assets/preview/monokuma.wav", + // title: "Monokuma", + // }, + // { + // filename: "/assets/preview/monokuma.wav", + // title: "Monokuma", + // }, + // { + // filename: "/assets/preview/monokuma.wav", + // title: "Monokuma", + // }, + // { + // filename: "/assets/preview/monokuma.wav", + // title: "Monokuma", + // }, + // { + // filename: "/assets/preview/monokuma.wav", + // title: "Monokuma", + // }, ];