daniel543x/artcraft
1
0 Fork 0
mirror of https://github.com/storytold/artcraft.git synced 2026-11-05 01:38:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

added badge and updated sub title

Browse Source
This commit is contained in:
BFlat committed 2023-09-22 20:38:52 +07:00
1 parent fd12a79104
commit 3a5dea5265
2 files changed
+28 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/fakeyou.com/src/scss/site-refresh.scss
+12
View File
@@ -689,6 +689,18 @@ styles with important tags:
}
}
.badge-new {
font-weight: 600;
font-size: 12px;
padding: 2px 6px;
border: none;
border-radius: 0.3rem;
opacity: 0.85;
max-height: 18px;
background-color: #fff3d0;
color: #833c00;
}
.rounded-circle {
border-radius: 50px;
}
packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
+16 -10
View File
@@ -11,7 +11,7 @@ import {
} from "@fortawesome/free-solid-svg-icons";
import { faDiscord, faTwitter } from "@fortawesome/free-brands-svg-icons";
import { WebUrl } from "../../../../common/WebUrl";
import { faFileArrowUp } from "@fortawesome/pro-solid-svg-icons";
import { faFileArrowUp, faSparkles } from "@fortawesome/pro-solid-svg-icons";
import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient";
// import {
// faFileArrowUp,
@@ -250,14 +250,14 @@ function LandingPage(props: Props) {
to="/tts"
className="panel panel-select d-flex flex-column align-items-center"
>
<div className="d-flex px-4 pt-4 align-items-center w-100">
<div className="d-flex px-4 pt-4 align-items-start w-100">
<div className="flex-grow-1">
<h3 className="fw-bold text-white mb-1">Text to Speech</h3>
<h6 className="fw-normal opacity-75 text-white">
Generate audio from text
</h6>
</div>
<Link to="/tts" className="btn btn-square">
<Link to="/tts" className="btn btn-square mt-1">
<FontAwesomeIcon icon={faArrowRight} />
</Link>
</div>
@@ -274,14 +274,14 @@ function LandingPage(props: Props) {
to="/voice-conversion"
className="panel panel-select d-flex flex-column align-items-center"
>
<div className="d-flex px-4 pt-4 align-items-center w-100">
<div className="d-flex px-4 pt-4 align-items-start w-100">
<div className="flex-grow-1">
<h3 className="fw-bold text-white mb-1">Voice to Voice</h3>
<h6 className="fw-normal opacity-75 text-white">
Speak as someone else
</h6>
</div>
<Link to="/voice-conversion" className="btn btn-square">
<Link to="/voice-conversion" className="btn btn-square mt-1">
<FontAwesomeIcon icon={faArrowRight} />
</Link>
</div>
@@ -298,14 +298,20 @@ function LandingPage(props: Props) {
to="/face-animation"
className="panel panel-select d-flex flex-column align-items-center"
>
<div className="d-flex px-4 pt-4 align-items-center w-100">
<div className="d-flex px-4 pt-4 align-items-start w-100">
<div className="flex-grow-1">
<h3 className="fw-bold text-white mb-1">Face Animation</h3>
<h4 className="fw-bold text-white mb-1 d-flex align-items-center text-nowrap">
<span className="badge-new mt-0 me-2">
<FontAwesomeIcon icon={faSparkles} className="me-1" />
NEW
</span>
Face Animation
</h4>
<h6 className="fw-normal opacity-75 text-white">
Create talking head videos
Create videos from audio
</h6>
</div>
<Link to="/face-animation" className="btn btn-square">
<Link to="/face-animation" className="btn btn-square mt-1">
<FontAwesomeIcon icon={faArrowRight} />
</Link>
</div>
@@ -329,7 +335,7 @@ function LandingPage(props: Props) {
Lip sync video to audio
</h6>
</div>
<Link to="/video" className="btn btn-square">
<Link to="/video" className="btn btn-square mt-1">
<FontAwesomeIcon icon={faArrowRight} />
</Link>
</div>