Merge branch 'master' into bflat-fy-v2v-model-page

download_locales.ps1

@@ -0,0 +1,7 @@
+# Download and sync locize for Windows PowerShell
+
+# Download from Locize
+locize download `
+  --api-key f918942b-4a56-49cc-af58-05fc83a9bd75 `
+  --project-id 7a6e6c67-300c-4707-8d98-6efd1abce3c4 `
+  --path packages/fakeyou.com/public/locales

download_locales.sh

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+# Download from Locize
+locize download \
+  --api-key f918942b-4a56-49cc-af58-05fc83a9bd75 \
+  --project-id 7a6e6c67-300c-4707-8d98-6efd1abce3c4 \
+  --path packages/fakeyou.com/public/locales

packages/fakeyou.com/public/locales/bn/LandingPage.json

@@ -17,7 +17,7 @@
   "heroButtonUpgradePlan": "আপগ্রেড পরিকল্পনা",
   "heroText": "আপনি যা চান তা বলে আপনার প্রিয় চরিত্রের অডিও বা ভিডিও তৈরি করতে FakeYou এর ডিপফেক প্রযুক্তি ব্যবহার করুন।",
   "heroTitle": "এআই মিউজিক, টেক্সট টু স্পিচ এবং ভয়েস টু ভয়েস",
-  "productFaceAnimatorText": "অডিও দিয়ে মুখগুলোকে অ্যানিমেট করুন",
+  "productFaceAnimatorText": "অডিওর সাথে মুখগুলিকে অ্যানিমেট করুন",
   "productFaceAnimatorTitle": "ফেস অ্যানিমেটর",
   "productNewTag": "নতুন",
   "productTtsText": "পাঠ্য থেকে অডিও তৈরি করুন",

packages/fakeyou.com/src/scss/site-refresh.scss

@@ -680,10 +680,10 @@ styles with important tags:
     font-weight: 600;
     font-size: 12px;
     padding: 2px 6px;
+    margin-top: -1px !important;
     border: none;
     border-radius: 0.3rem;
     opacity: 0.85;
-    max-height: 18px;
     background-color: #fff3d0;
     color: #833c00;
   }

packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx

@@ -214,7 +214,7 @@ function FooterNav(props: Props) {
               </li>
 
               <li>
-                <Link to="/video">{t("productVideo")}</Link>
+                <Link to="/face-animation">{t("productFaceAnimator")}</Link>
               </li>
 
               <li>

packages/fakeyou.com/src/v2/view/nav/TopNav.tsx

@@ -7,7 +7,6 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   faPlus,
   faUsers,
-  faVideo,
   faTrophy,
   faUser,
   faSignOutAlt,
@@ -27,6 +26,7 @@ import "tippy.js/animations/shift-away.css";
 import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPartyLinks";
 import { Analytics } from "../../../common/Analytics";
 import {
+  faFaceViewfinder,
   faFileArrowUp,
   faMessageDots,
   faMicrophoneStand,
@@ -245,9 +245,12 @@ function TopNav(props: Props) {
                       </Link>
                     </li>
                     <li data-bs-toggle="offcanvas">
-                      <Link className="dropdown-item" to="/video">
-                        <FontAwesomeIcon icon={faVideo} className="me-2" />
-                        {t("productVideo")}
+                      <Link className="dropdown-item" to="/face-animation">
+                        <FontAwesomeIcon
+                          icon={faFaceViewfinder}
+                          className="me-2"
+                        />
+                        {t("productFaceAnimator")}
                       </Link>
                     </li>
                     <hr className="my-2" />

packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx

@@ -299,15 +299,19 @@ function LandingPage(props: Props) {
             >
               <div className="d-flex px-4 pt-4 align-items-start w-100">
                 <div className="flex-grow-1">
-                  <h4 className="fw-bold text-white mb-1 d-flex align-items-center text-nowrap">
-                    <span className="badge-new mt-0 me-2">
+                  <div className="mb-1">
+                    <span className="badge-new d-inline-flex align-items-center mb-2 me-2">
                       <FontAwesomeIcon icon={faSparkles} className="me-1" />
-                      NEW
+                      {t("productNewTag")}
                     </span>
-                    Face Animation
-                  </h4>
+
+                    <h4 className="fw-bold text-white d-inline-flex align-items-center mb-0">
+                      <span>{t("productFaceAnimatorTitle")}</span>
+                    </h4>
+                  </div>
+
                   <h6 className="fw-normal opacity-75 text-white">
-                    Create videos from audio
+                    {t("productFaceAnimatorText")}
                   </h6>
                 </div>
                 <Link to="/face-animation" className="btn btn-square mt-1">

sync_locales.ps1

@@ -0,0 +1,7 @@
+# Download and sync locize for Windows PowerShell
+
+# Sync with Locize
+locize sync `
+  --api-key f918942b-4a56-49cc-af58-05fc83a9bd75 `
+  --project-id 7a6e6c67-300c-4707-8d98-6efd1abce3c4 `
+  --path packages/fakeyou.com/public/locales

sync_locales.sh

@@ -1,11 +1,7 @@
 #!/bin/bash
 
-# These secrets aren't dangerous to include here (except if stolen,
-# possible to generate charges against our account).
-# Ultimately, translations are generated by engineering PRs and
-# suspicous/dubious changes should be watched for by engineers.
+# Sync with Locize
 locize sync \
   --api-key f918942b-4a56-49cc-af58-05fc83a9bd75 \
   --project-id 7a6e6c67-300c-4707-8d98-6efd1abce3c4 \
-  --path packages/fakeyou.com/public/locales
-
+  --path packages/fakeyou.com/public/locales