From 8b748bc8a22916c86b00bfe85cdfb63f1d52c251 Mon Sep 17 00:00:00 2001 From: BFlat Date: Thu, 18 May 2023 11:54:12 +0700 Subject: [PATCH 1/5] upload visibility --- .../fakeyou.com/src/scss/site-refresh.scss | 14 +++--- .../fakeyou.com/src/v2/view/nav/FooterNav.tsx | 4 +- .../fakeyou.com/src/v2/view/nav/TopNav.tsx | 17 ++++++- .../pages/contribute/ContributeIndexPage.tsx | 38 ++++++++------- .../src/v2/view/pages/landing/LandingPage.tsx | 47 +++++++++++++++++-- .../vc/vc_model_list/VcModelListPage.tsx | 7 ++- .../vc_model_list/components/VcPageHero.tsx | 7 ++- 7 files changed, 102 insertions(+), 32 deletions(-) diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss index 9107aa085f..39869d3a4d 100644 --- a/packages/fakeyou.com/src/scss/site-refresh.scss +++ b/packages/fakeyou.com/src/scss/site-refresh.scss @@ -1265,6 +1265,10 @@ styles with important tags: .fs-14 { font-size: 14px; } + + .alert-info { + font-size: 14px; + } } select { @@ -1334,12 +1338,6 @@ textarea { color: $white !important; } -// input { -// background-color: $input !important; -// border-color: $input !important; -// color: $white !important; -// } - .img-product { &.img-tts { margin-top: -82px; @@ -1428,6 +1426,10 @@ textarea { padding-top: 7rem; padding-bottom: 7rem; } + + .alert-info { + font-size: 16px; + } } } diff --git a/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx b/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx index 3452c7578e..01a66eea64 100644 --- a/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx +++ b/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx @@ -170,7 +170,7 @@ function FooterNav(props: Props) {
  • - Voice Conversion + Voice to Voice
  • @@ -181,7 +181,7 @@ function FooterNav(props: Props) {

    Community

  • - Upload + Upload Models
  • diff --git a/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx b/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx index 8fe00683c1..ba68a9442a 100644 --- a/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx +++ b/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx @@ -39,6 +39,7 @@ import "tippy.js/animations/shift-away.css"; import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPartyLinks"; import { Analytics } from "../../../common/Analytics"; import { + faFileArrowUp, faMicrophoneLines, faWaveformLines, } from "@fortawesome/pro-solid-svg-icons"; @@ -390,7 +391,7 @@ function TopNav(props: Props) { className="me-2" /> {" "} - Voice Conversion + Voice to Voice
  • @@ -399,6 +400,20 @@ function TopNav(props: Props) { {t("nav.TopNav.main.videoOption")}
    • +
    +
  • + + + Upload Models + +
    • diff --git a/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx b/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx index a9af29913f..238c299aaa 100644 --- a/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx @@ -18,7 +18,10 @@ import { motion } from "framer-motion"; import { container, item, panel } from "../../../../data/animation"; import { usePrefixedDocumentTitle } from "../../../../common/UsePrefixedDocumentTitle"; import { PageHeader } from "../../_common/PageHeader"; -import { faHandHoldingHeart } from "@fortawesome/pro-solid-svg-icons"; +import { + faFileArrowUp, + faHandHoldingHeart, +} from "@fortawesome/pro-solid-svg-icons"; import { faMicrophoneStand } from "@fortawesome/pro-duotone-svg-icons"; import { faWaveformLines } from "@fortawesome/pro-regular-svg-icons"; @@ -76,14 +79,14 @@ function ContributeIndexPage(props: Props) { titleIcon={titleIcon} /> - -
    -

    - + +
    +

    + {t("pages.contributeIndex.headingUploadModels")}

    -
    -

    +

    +

    Create new voices and video templates for FakeYou.

    - + - Upload Voice Conversion Model + Upload Voice to Voice Model
    @@ -129,14 +135,14 @@ function ContributeIndexPage(props: Props) {
    - +
    -

    +

    {categoryHeading}

    -
    -

    +

    +

    {t("pages.contributeIndex.describeSuggest")}

    @@ -150,13 +156,13 @@ function ContributeIndexPage(props: Props) {
    -
    +
    -

    +

    {t("pages.contributeIndex.headingMore")}

    -
    +

    Want to contribute code, design, or data science? diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx index 50bdd4b439..628c769847 100644 --- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx @@ -13,7 +13,7 @@ import { } from "@fortawesome/free-solid-svg-icons"; import { faDiscord, faTwitter } from "@fortawesome/free-brands-svg-icons"; import { WebUrl } from "../../../../common/WebUrl"; -import { faMoneyBill } from "@fortawesome/pro-solid-svg-icons"; +import { faFileArrowUp, faMoneyBill } from "@fortawesome/pro-solid-svg-icons"; // import { // faFileArrowUp, // faMicrophone, @@ -31,6 +31,7 @@ function LandingPage(props: Props) { let viewPricingButton = <>; let upgradeButton = <>; let myProfileButton = <>; + let uploadModelSection = <>; if (!props.sessionWrapper.isLoggedIn()) { signUpButton = ( @@ -82,6 +83,41 @@ function LandingPage(props: Props) { ); + + uploadModelSection = ( + <> +

    Upload Models

    +
    +
    +
    + + + + Upload TTS Model + + +
    +
    + + + + Upload V2V Model + + +
    +
    + + + + Upload W2L Model + + +
    +
    +
    + + ); + if (!props.sessionSubscriptionsWrapper.hasPaidFeatures()) { upgradeButton = ( <> @@ -116,13 +152,16 @@ function LandingPage(props: Props) {
    {/* Community Commissions Alert */} -
    +
    Get rewarded from our $15k prize pool for creating Voice to Voice models! - + See details
    @@ -297,6 +336,8 @@ function LandingPage(props: Props) { className="dots-left-bottom" />
    + + {uploadModelSection}
    diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx index eadae9e138..025856689c 100644 --- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx @@ -184,13 +184,16 @@ function VcModelListPage(props: Props) { /> -
    +
    Get rewarded from our $15k prize pool for creating Voice to Voice models! - + See details
    diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx index 83b68c1270..39da48aed0 100644 --- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx @@ -9,6 +9,7 @@ import { faUser, faArrowRight, faWaveformLines, + faMicrophoneLines, } from "@fortawesome/pro-solid-svg-icons"; import { Analytics } from "../../../../../../common/Analytics"; import { WebUrl } from "../../../../../../common/WebUrl"; @@ -101,8 +102,10 @@ export function VcPageHero(props: Props) { } } - const titleIcon = ; - const title = <>Voice Conversion; + const titleIcon = ( + + ); + const title = <>Voice to Voice; const subText = ( <>Use this tool to change your voice into your favorite characters. ); From 10bcc73047ca202929ca024d8e10000680c4016f Mon Sep 17 00:00:00 2001 From: BFlat Date: Thu, 18 May 2023 11:55:09 +0700 Subject: [PATCH 2/5] VTV text --- packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx index 628c769847..ff725ea678 100644 --- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx @@ -101,7 +101,7 @@ function LandingPage(props: Props) { - Upload V2V Model + Upload VTV Model
    From 7219be86a86d08689e46feed1bcd34a22d9a7b1d Mon Sep 17 00:00:00 2001 From: BFlat Date: Thu, 18 May 2023 11:55:40 +0700 Subject: [PATCH 3/5] removed unused imports --- .../src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx index 39da48aed0..0c4c890783 100644 --- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/VcPageHero.tsx @@ -8,7 +8,6 @@ import { faStar, faUser, faArrowRight, - faWaveformLines, faMicrophoneLines, } from "@fortawesome/pro-solid-svg-icons"; import { Analytics } from "../../../../../../common/Analytics"; From 6dc1580dc9e1331d1d34b868a35bb794ac0f9326 Mon Sep 17 00:00:00 2001 From: BFlat Date: Thu, 18 May 2023 11:56:05 +0700 Subject: [PATCH 4/5] removed unused imports --- .../src/v2/view/pages/contribute/ContributeIndexPage.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx b/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx index 238c299aaa..76bad95911 100644 --- a/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx @@ -9,7 +9,6 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faVolumeHigh, faVideo, - faUpload, faImage, faTags, faHandsHelping, From 6d56be19330d40577776fc64b6c11ef55176c218 Mon Sep 17 00:00:00 2001 From: BFlat Date: Thu, 18 May 2023 11:58:45 +0700 Subject: [PATCH 5/5] renamed to voice to voice --- .../view/pages/upload/UploadVoiceConversionModel.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/fakeyou.com/src/v2/view/pages/upload/UploadVoiceConversionModel.tsx b/packages/fakeyou.com/src/v2/view/pages/upload/UploadVoiceConversionModel.tsx index 80865d406a..f7e81ab889 100644 --- a/packages/fakeyou.com/src/v2/view/pages/upload/UploadVoiceConversionModel.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/upload/UploadVoiceConversionModel.tsx @@ -89,14 +89,14 @@ function UploadVoiceConversionModel(props: Props) { return ( -
    +
    - Upload Voice Conversion Model - {" "} - + Upload Voice to Voice Model - Transform your voice into another! + + Transform your voice into another! +

    - Once your voice conversion model is successfully uploaded, you'll be + Once your voice conversion model is successfully uploaded, you'll be able to use it from the main page. Others will be able to use it too, and you'll get credited.