Merge pull request #83 from storytold/bflat-preload-images

bringing back preload images
This commit is contained in:
Brandon Thomas authored and GitHub committed 2022-08-07 22:38:09 -04:00
commit 3efeba0f47
6 files changed
+42 -15

No files matched your search

@@ -24,7 +24,7 @@ function DiscordLink(props: Props) {
);
return (
<a
href="https://discord.gg/H72KFXm"
href="https://discord.gg/fakeyou"
target="_blank"
rel="noopener noreferrer"
>
+29 -3
View File
@@ -20,9 +20,35 @@
href="%PUBLIC_URL%/favicon-16x16.png"
/>
<!-- Preload important images on index so they don't load late. -->
<link
rel="preload"
as="image"
href="%PUBLIC_URL%/fakeyou/FakeYou-Logo.png"
/>
<link
rel="preload"
as="image"
href="%PUBLIC_URL%/mascot/kitsune_pose2.webp"
/>
<!-- Preload images on other pages. -->
<link
rel="preload"
as="image"
href="%PUBLIC_URL%/mascot/kitsune_pose7.webp"
/>
<link
rel="preload"
as="image"
href="%PUBLIC_URL%/mascot/kitsune_pose3.webp"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#209cee" />
<meta name="description" content="FakeYou is a text to speech wonderland where all of your dreams come true." />
<meta
name="description"
content="FakeYou is a text to speech wonderland where all of your dreams come true."
/>
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -70,8 +96,8 @@
</script>
<!-- OLD FakeYou; TODO(echelon): Remove when done. -->
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,300;0,400;1,300&family=Fugaz+One&family=Merriweather:wght@300&family=Fira+Sans:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&display=swap"
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,300;0,400;1,300&family=Fugaz+One&family=Merriweather:wght@300&family=Fira+Sans:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&display=swap"
rel="stylesheet"
/>
+1
View File
@@ -28,6 +28,7 @@ $headings-font-family: "Merriweather", serif;
font-weight: 300; // For Fira Sans
color: $white;
//background gradient
background-color: #120e1a !important;
}
.bg-gradient {
@@ -136,7 +136,7 @@ function NewFooterNavFc(props: Props) {
<Link to="/pricing">{t('coreUi.footerNav.pricing')}</Link>
*/}
&nbsp;|
<Link to="/video">{t('coreUi.footerNav.video')}</Link>
<Link to="/video">{t("coreUi.footerNav.video")}</Link>
&nbsp;|
<div>
<Link to="/contribute">Upload</Link>
@@ -170,7 +170,7 @@ function NewFooterNavFc(props: Props) {
<div className="d-flex justify-content-center gap-4">
<a
className="social-icon"
href="https://discord.gg/H72KFXm"
href="https://discord.gg/fakeyou"
target="_blank"
rel="noopener noreferrer"
>
@@ -118,7 +118,7 @@ function FirehoseEventListFc(props: Props) {
case "user_sign_up":
inner = (
<span>
<FontAwesomeIcon icon={faPenToSquare} />
<FontAwesomeIcon icon={faPenToSquare} className="me-3" />
{gravatar}
&nbsp;
{userLink}
@@ -129,7 +129,7 @@ function FirehoseEventListFc(props: Props) {
case "user_badge_granted":
inner = (
<span>
<FontAwesomeIcon icon={faAward} />
<FontAwesomeIcon icon={faAward} className="me-3" />
{gravatar}
&nbsp;
{userLink}
@@ -228,7 +228,7 @@ function FirehoseEventListFc(props: Props) {
case "twitter_mention":
inner = (
<span>
<FontAwesomeIcon icon={faTwitter} />
<FontAwesomeIcon icon={faTwitter} className="me-3" />
{gravatar}
&nbsp;
{userLink}
@@ -239,7 +239,7 @@ function FirehoseEventListFc(props: Props) {
case "twitter_retweet":
inner = (
<span>
<FontAwesomeIcon icon={faTwitter} />
<FontAwesomeIcon icon={faTwitter} className="me-3" />
{gravatar}
&nbsp;
{userLink}
@@ -250,7 +250,7 @@ function FirehoseEventListFc(props: Props) {
case "discord_join":
inner = (
<span>
<FontAwesomeIcon icon={faDiscord} />
<FontAwesomeIcon icon={faDiscord} className="me-3" />
{gravatar}
&nbsp;
{userLink}
@@ -261,7 +261,7 @@ function FirehoseEventListFc(props: Props) {
case "discord_message":
inner = (
<span>
<FontAwesomeIcon icon={faDiscord} />
<FontAwesomeIcon icon={faDiscord} className="me-3" />
{gravatar}
&nbsp;
{userLink}
@@ -272,7 +272,7 @@ function FirehoseEventListFc(props: Props) {
case "twitch_subscribe":
inner = (
<span>
<FontAwesomeIcon icon={faTwitch} />
<FontAwesomeIcon icon={faTwitch} className="me-3" />
{gravatar}
&nbsp;
{userLink}
@@ -283,7 +283,7 @@ function FirehoseEventListFc(props: Props) {
case "twitch_follow":
inner = (
<span>
<FontAwesomeIcon icon={faTwitch} />
<FontAwesomeIcon icon={faTwitch} className="me-3" />
{gravatar}
&nbsp;
{userLink}
@@ -350,7 +350,7 @@ function TtsModelListPage(props: Props) {
<div className="col-lg-6 px-md-2 px-lg-5 px-xl-2">
<div>
<motion.h1
className="display-3 fw-bold lh-1 mb-3 text-center text-lg-start"
className="display-2 fw-bold lh-1 mb-3 text-center text-lg-start"
variants={item}
>
{t("tts.TtsModelListPage.heroSection.title")}