diff options
| author | 2023-11-03 21:13:33 +0800 | |
|---|---|---|
| committer | 2023-11-03 21:13:33 +0800 | |
| commit | 9f0d43fe099a95ab1516ae951dcb60a89e76a5a5 (patch) | |
| tree | 51614fe47bff8bb11028a07d4a35c34c9ff6594a /docs/components/pages/landing/index.tsx | |
| parent | 8f135707d069c900e055dae71e69909d6b9a41bb (diff) | |
| download | HydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.tar.gz HydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.zip | |
chore: delete useless codes
Diffstat (limited to 'docs/components/pages/landing/index.tsx')
| -rw-r--r-- | docs/components/pages/landing/index.tsx | 197 |
1 files changed, 0 insertions, 197 deletions
diff --git a/docs/components/pages/landing/index.tsx b/docs/components/pages/landing/index.tsx deleted file mode 100644 index 0cf3ea3..0000000 --- a/docs/components/pages/landing/index.tsx +++ /dev/null @@ -1,197 +0,0 @@ -import React from "react"; -import Head from "next/head"; -import cn from "classnames"; -import Link from "next/link"; -import { motion } from "framer-motion"; -import { Clients } from "../../clients/Clients"; -import { Marquee } from "../../clients/Marquee"; -import { TurboheroBackground } from "./TurboHeroBackground"; -import { HydroRollAI } from "./HydroRollAI"; -import { HydroRollTRPG } from "./HydroRollTRPG"; -import { FadeIn } from "../home-shared/FadeIn"; -import { LandingPageGlobalStyles } from "../home-shared/GlobalStyles"; -import styles from "./index.module.css"; -import PackLogo from "../../logos/TRPGLogo"; -import RepoLogo from "../../logos/AILogo"; - -function Background() { - return ( - <div className="absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none"> - <div - className={cn( - "z-[-1] absolute w-full h-full [--gradient-stop-1:60%] [--gradient-stop-2:85%] lg:[--gradient-stop-1:50%] lg:[--gradient-stop-2:90%]", - "[--gradient-color-1=rgba(0,0,0,1)] [--gradient-color-2=rgba(0,0,0,0.8)] [--gradient-color-3=rgba(0,0,0,0)]", - "dark:[--gradient-color-1=rgba(255,255,255,1)] dark:[--gradient-color-2=rgba(255,255,255,0.8)] dark:[--gradient-color-3=rgba(255,255,255,0)]" - )} - style={{ - background: - "linear-gradient(180deg, var(--gradient-color-1) 0%, var(--gradient-color-2) var(--gradient-stop-1), var(--gradient-color-3) var(--gradient-stop-2), 100% transparent)", - }} - /> - <span className={cn(styles.leftLights, "opacity-50 dark:opacity-100")} /> - <span className={cn(styles.rightLights, "opacity-50 dark:opacity-100")} /> - <span className="absolute bottom-0 left-0 w-full h-48 bg-gradient-to-t dark:from-black from-white to-transparent" /> - <span className="bg-gradient-to-b dark:from-black from-white to-transparent absolute top-[20vh] left-0 w-full h-[50vh]" /> - <TurboheroBackground /> - </div> - ); -} - -export function CardBadge({ children }: { children: React.ReactNode }) { - return ( - <div className="font-mono font-bold text-xs text-black/50 dark:text-white/50 px-[6px] py-[3.25px] tracking-[-0.01em] rounded-[6px] uppercase flex justify-center items-center bg-black/5 dark:bg-white/[0.15] border border-black/[0.1] dark:border-white/[0.1]"> - {children} - </div> - ); -} - -const variants = { - hidden: { opacity: 0 }, - active: { opacity: 1 }, -}; - -function Card({ - alt, - href, - title, - icon: Icon, - className, - children, -}: { - href: string; - icon: React.ElementType; - title: "AI" | "TRPG"; - alt?: string; - className?: string; - children: React.ReactNode; -}) { - const [hovering, setHovering] = React.useState(false); - return ( - <Link - href={href} - className={cn( - styles["counter-border"], - "w-[calc(100%_-_0px)] h-[304]px sm:!w-[488px] sm:h-[352px]" - )} - onMouseEnter={() => setHovering(true)} - onMouseLeave={() => setHovering(false)} - > - <motion.i - initial="hidden" - animate={hovering ? "active" : "hidden"} - variants={variants} - aria-hidden="true" - ></motion.i> - <div - className={cn( - "relative w-full h-full max-w-full !pb-12 pt-8 md:!pb-4 md:!pt-4 p-3 rounded-xl overflow-hidden flex flex-col items-center justify-center border border-[rgba(255,255,255,0.05)]", - className - )} - > - <div className="flex items-center justify-center flex-1 mb-7 md:mb-0"> - <Icon /> - </div> - - <div className="flex flex-col items-center flex-1"> - {title == "TRPG" ? ( - <PackLogo - alt={alt} - className="w-[160px] md:w-[220px] mb-3 fill-black dark:fill-white" - /> - ) : ( - <RepoLogo - alt={alt} - className="w-[160px] md:w-[220px] mb-3 fill-black dark:fill-white" - /> - )} - {children} - </div> - </div> - </Link> - ); -} - -function SiteCards() { - return ( - <div className="flex w-full container items-center justify-center gap-6 px-6 sm:mx-0 mt-8 md:!mt-14 lg:!mt-15 md:mb-0 flex-col lg:!flex-row z-10 lg:!translate-y-0"> - <FadeIn delay={0.1}> - <Card - title="AI" - alt="HydroRollAI" - icon={HydroRollAI} - href="/AI" - className="turborepoCardBg" - > - <p className="text-lg !w-[280px] md:!w-[340px] font-space-grotesk text-center opacity-50 dark:opacity-70"> - 水系核心——AI模块 - </p> - </Card> - </FadeIn> - <FadeIn delay={0.2}> - <Card - title="TRPG" - alt="HydroRollTRPG" - icon={HydroRollTRPG} - href="/TRPG" - className="turbopackCardBg" - > - <div className="absolute top-3 left-3"> - <CardBadge>alpha</CardBadge> - </div> - <p className="text-lg !w-[280px] md:!w-[340px] font-space-grotesk text-center opacity-50 dark:opacity-70 "> - 阅读水系TRPG模块文档 - </p> - </Card> - </FadeIn> - </div> - ); -} - -function Teams() { - return ( - <div className="mx-auto "> - <p className="bg-contain mb-2 md:!mb-4 text-sm font-semibold tracking-wide text-center text-[#666666] dark:text-[#888888] uppercase"> - Thx by teams from - <br className="inline md:hidden" /> around the world - <br></br> - 感谢以下来自世界各地的团队或组织的贡献 - </p> - <div className="z-50 grid grid-flow-col grid-rows-6 sm:grid-rows-3 md:grid-rows-2 lg:grid-rows-1"> - <Clients - companyList={[ - "Vercel", - "AWS", - "Microsoft", - "Adobe" - ]} - staticWidth - /> - </div> - </div> - ); -} - -function LandingPage() { - return ( - <> - <LandingPageGlobalStyles /> - <main className="relative flex flex-col items-center justify-center w-full h-full overflow-hidden [--geist-foreground:#fff] dark:[--geist-foreground:#000] [--gradient-stop-1:0px] [--gradient-stop-2:120px] sm:[--gradient-stop-1:0px] sm:[--gradient-stop-2:120px]"> - <Background /> - <FadeIn className="z-10 flex flex-col items-center justify-center w-full h-full"> - <h1 className="mt-12 lg:!mt-20 mx-6 w-[300px] md:!w-full font-extrabold text-5xl lg:text-6xl leading-tight text-center mb-4 bg-clip-text text-transparent bg-gradient-to-b from-black/80 to-black dark:from-white dark:to-[#AAAAAA]"> - Make it Happen - </h1> - <p className="mx-6 text-xl max-h-[112px] md:max-h-[96px] w-[315px] md:w-[660px] md:text-2xl font-space-grotesk text-center text-[#666666] dark:text-[#888888]"> - HydroRoll'水系 是一个基于nlp多任务模型的跨平台骰系,尽管只是作为深度学习框架iamai的插件并且借鉴了大量其它骰系较好的机制,但它仍然有自己的创新之处与标准遵循。 - </p> - </FadeIn> - <SiteCards /> - <FadeIn delay={0.3} className="z-10 py-16"> - <Teams /> - </FadeIn> - </main> - </> - ); -} - -export default LandingPage; |
