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..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, @@ -18,7 +17,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 +78,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 +134,14 @@ function ContributeIndexPage(props: Props) {
    - +
    -

    +

    {categoryHeading}

    -
    -

    +

    +

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

    @@ -150,13 +155,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..ff725ea678 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 VTV 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/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.

    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..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,7 @@ import { faStar, faUser, faArrowRight, - faWaveformLines, + faMicrophoneLines, } from "@fortawesome/pro-solid-svg-icons"; import { Analytics } from "../../../../../../common/Analytics"; import { WebUrl } from "../../../../../../common/WebUrl"; @@ -101,8 +101,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. );