diff --git a/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx b/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx
index 01a66eea64..5c3dc1863b 100644
--- a/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx
+++ b/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx
@@ -76,6 +76,13 @@ function FooterNav(props: Props) {
return () => clearInterval(interval);
}, [pendingTtsJobs]);
+ let myDataLink = WebUrl.signupPage();
+
+ if (props.sessionWrapper.isLoggedIn()) {
+ let username = props.sessionWrapper.getUsername() as string; // NB: Should be present if logged in
+ myDataLink = WebUrl.userProfilePage(username);
+ }
+
let moderationLink = ;
if (props.sessionWrapper.canBanUsers()) {
@@ -176,12 +183,22 @@ function FooterNav(props: Props) {
Video Lipsync
+
+
+ Upload Models
+
Community
- Upload Models
+
+ Discord
+
@@ -189,7 +206,11 @@ function FooterNav(props: Props) {
- Feed
+ Guide
+
+
+
+ My Data
diff --git a/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx b/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx
index ba68a9442a..c30ad77a57 100644
--- a/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx
+++ b/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx
@@ -8,13 +8,9 @@ import {
faPlus,
faUsers,
faVideo,
- faList,
faTrophy,
- faUpload,
faUser,
faSignOutAlt,
- faComputer,
- faLaptop,
faBook,
faStar,
} from "@fortawesome/free-solid-svg-icons";
@@ -26,14 +22,6 @@ import {
GetPendingTtsJobCountIsOk,
GetPendingTtsJobCountSuccessResponse,
} from "@storyteller/components/src/api/tts/GetPendingTtsJobCount";
-import {
- container,
- item,
- panel,
- image,
- sessionItem,
-} from "../../../data/animation";
-import Tippy from "@tippyjs/react";
import "tippy.js/dist/tippy.css";
import "tippy.js/animations/shift-away.css";
import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPartyLinks";
@@ -56,17 +44,6 @@ interface Props {
}
function TopNav(props: Props) {
- // const defaultColourView = window.localStorage.getItem("darkMode");
- const defaultLowSpecView = window.localStorage.getItem("lowSpec");
-
- // const [darkModes, toggleDarkModes] = useState(
- // defaultColourView === "false" ? true : false
- // );
-
- const [lowSpecView, toggleLowSpecs] = useState(
- defaultLowSpecView === "false" ? true : false
- );
-
let history = useHistory();
let myDataLink = WebUrl.signupPage();
@@ -109,52 +86,6 @@ function TopNav(props: Props) {
return () => clearInterval(interval);
}, [pendingTtsJobs]);
- // const toggleDarkMode = () => {
- // window.localStorage.setItem("darkMode", darkModes ? "true" : "false");
-
- // toggleDarkModes(!darkModes);
- // };
-
- const toggleLowSpec = () => {
- window.localStorage.setItem("lowSpec", lowSpecView ? "true" : "false");
-
- toggleLowSpecs(!lowSpecView);
-
- if (lowSpecView === false) {
- image.hidden.opacity = 1;
- image.hidden.x = 0;
- panel.hidden.y = 0;
- item.hidden.y = 0;
- sessionItem.hidden.x = 0;
- panel.hidden.opacity = 1;
- item.hidden.opacity = 1;
- container.hidden.opacity = 1;
- sessionItem.hidden.opacity = 1;
- Analytics.uiTurnOnAnimations();
- } else {
- image.hidden.opacity = 0;
- image.hidden.x = 15;
- panel.hidden.y = 15;
- item.hidden.y = 15;
- sessionItem.hidden.x = 15;
- panel.hidden.opacity = 0;
- item.hidden.opacity = 0;
- container.hidden.opacity = 0;
- sessionItem.hidden.opacity = 0;
- Analytics.uiTurnOffAnimations();
- }
- };
-
- useEffect(() => {
- // Logic for dark mode toggle
- // if (darkModes) document.getElementById("main")!.classList.add("dark-mode");
- // else document.getElementById("main")!.classList.remove("dark-mode");
-
- // Logic for the animation toggle
- if (lowSpecView) document.getElementById("main")!.classList.add("low-spec");
- else document.getElementById("main")!.classList.remove("low-spec");
- });
-
const logoutHandler = async () => {
await Logout();
props.querySessionCallback();
@@ -332,19 +263,6 @@ function TopNav(props: Props) {
-
- {
- Analytics.topbarClickPricing();
- }}
- className="nav-link"
- >
-
- {t("nav.TopNav.main.pricingLink")}
-
-
-
{/*
- {t("nav.TopNav.main.createDropdown")}
+ {/* {t("nav.TopNav.main.createDropdown")} */}
+ AI Tools
-
-
-
- {t("nav.TopNav.main.contributeOption")}
-
-
-
-
-
- {t("nav.TopNav.main.leaderboardOption")}
-
-
+
+
+
+
+ {t("nav.TopNav.main.leaderboardOption")}
+
+
+
-
-
-
- {t("nav.TopNav.main.feedOption")}
-
-
+
+
+ {
+ Analytics.topbarClickPricing();
+ }}
+ className="nav-link"
+ >
+
+ {t("nav.TopNav.main.pricingLink")}
+
+
+
-
-
-
-
- {t("nav.TopNav.topbar.options")}:
-
- {/*
- toggleDarkMode()}
- >
-
-
- */}
-
- toggleLowSpec()}
- >
-
-
-
-
-
-
-
-
-
{userOrLoginButton}
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 2b98fd3a6b..02e6d073f8 100644
--- a/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
@@ -161,7 +161,8 @@ function LandingPage(props: Props) {
@@ -353,7 +354,7 @@ function LandingPage(props: Props) {
-
Make your favorite characters talk
+
Speak as your favorite characters
Our AI-powered text-to-speech and voice conversion tools let you
convert your text or voice into your favorite character's voice.
@@ -410,7 +411,7 @@ function LandingPage(props: Props) {
*/}
-
+ {/*
*/}
-
+
Join the Community
@@ -508,7 +509,7 @@ function LandingPage(props: Props) {