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

Merge pull request #250 from storytold/bflat-fy-june-changes

Browse Source 
revert to product illustrations
This commit is contained in:
Brandon Thomas authored and GitHub committed 2023-06-09 02:46:27 -04:00
2 parents caee93803a f79f2c6532
commit 4fa3a883bd
2 files changed
+60 -75
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
+11 -14
View File
@@ -1268,6 +1268,7 @@ styles with important tags:
transition: 0.2s all;
border-radius: 0.5rem !important;
border-width: 2px !important;
height: 280px;
overflow: hidden;
z-index: 2;
@@ -1381,22 +1382,18 @@ textarea {
color: $white !important;
}
.product-icon {
font-size: 2.8rem;
.img-product {
&.img-tts {
margin-top: -82px;
max-height: 240px;
}
&.img-channels {
margin-top: -82px;
max-height: 240px;
}
}
// .img-product {
// &.img-tts {
// margin-top: -82px;
// max-height: 240px;
// }
// &.img-channels {
// margin-top: -82px;
// max-height: 240px;
// }
// }
.index-title {
line-height: 5;
}
packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx
+49 -61
View File
@@ -13,12 +13,7 @@ import {
} from "@fortawesome/free-solid-svg-icons";
import { faDiscord, faTwitter } from "@fortawesome/free-brands-svg-icons";
import { WebUrl } from "../../../../common/WebUrl";
import {
faFileArrowUp,
faMessageDots,
faMicrophoneStand,
faVideo,
} from "@fortawesome/pro-solid-svg-icons";
import { faFileArrowUp } from "@fortawesome/pro-solid-svg-icons";
// import {
// faFileArrowUp,
// faMicrophone,
@@ -247,7 +242,7 @@ function LandingPage(props: Props) {
</div>
</div> */}
<div className="container pt-2 pb-3 px-md-5 px-xl-3">
<div className="container pb-4 px-md-5 px-xl-3">
<h2 className="fw-bold mb-4">AI Tools</h2>
<div className="row g-4 position-relative">
<div className="col-12 col-md-4">
@@ -255,27 +250,23 @@ function LandingPage(props: Props) {
to="/tts"
className="panel panel-select d-flex flex-column align-items-center"
>
<div className="d-flex p-4 align-items-center w-100">
<div className="d-flex px-4 pt-4 align-items-center w-100">
<div className="flex-grow-1">
<FontAwesomeIcon
icon={faMessageDots}
className="text-white product-icon mb-3"
/>
<div className="d-flex align-items-center">
<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">
<FontAwesomeIcon icon={faArrowRight} />
</Link>
</div>
<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">
<FontAwesomeIcon icon={faArrowRight} />
</Link>
</div>
<img
className="img-fluid"
src="/images/landing/select-tts.webp"
alt="Text to speech"
/>
</Link>
</div>
<div className="col-12 col-md-4">
@@ -283,27 +274,23 @@ function LandingPage(props: Props) {
to="/voice-conversion"
className="panel panel-select d-flex flex-column align-items-center"
>
<div className="d-flex p-4 align-items-center w-100">
<div className="d-flex px-4 pt-4 align-items-center w-100">
<div className="flex-grow-1">
<FontAwesomeIcon
icon={faMicrophoneStand}
className="text-white product-icon mb-3"
/>
<div className="d-flex align-items-center">
<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">
<FontAwesomeIcon icon={faArrowRight} />
</Link>
</div>
<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">
<FontAwesomeIcon icon={faArrowRight} />
</Link>
</div>
<img
className="img-fluid"
src="/images/landing/select-vc.webp"
alt="Voice Conversion"
/>
</Link>
</div>
<div className="col-12 col-md-4">
@@ -311,27 +298,23 @@ function LandingPage(props: Props) {
to="/video"
className="panel panel-select d-flex flex-column align-items-center"
>
<div className="d-flex p-4 align-items-center w-100">
<div className="d-flex px-4 pt-4 align-items-center w-100">
<div className="flex-grow-1">
<FontAwesomeIcon
icon={faVideo}
className="text-white product-icon mb-3"
/>
<div className="d-flex align-items-center">
<div className="flex-grow-1">
<h3 className="fw-bold text-white mb-1">
Video Lip Sync
</h3>
<h6 className="fw-normal opacity-75 text-white">
Lip sync video to audio
</h6>
</div>
<Link to="/video" className="btn btn-square">
<FontAwesomeIcon icon={faArrowRight} />
</Link>
</div>
<h3 className="fw-bold text-white mb-1">Video Lip Sync</h3>
<h6 className="fw-normal opacity-75 text-white">
Lip sync video to audio
</h6>
</div>
<Link to="/video" className="btn btn-square">
<FontAwesomeIcon icon={faArrowRight} />
</Link>
</div>
<img
className="img-fluid"
src="/images/landing/select-w2l.webp"
alt="Video Lip Sync"
/>
</Link>
</div>
<img
@@ -339,6 +322,11 @@ function LandingPage(props: Props) {
alt="background dots"
className="dots-right-top"
/>
<img
src="/images/landing/bg-dots.webp"
alt="background dots"
className="dots-left-bottom"
/>
</div>
{uploadModelSection}