diff options
Diffstat (limited to 'docs/components')
19 files changed, 172 insertions, 193 deletions
diff --git a/docs/components/Authors.tsx b/docs/components/Authors.tsx index 634bd90..0623440 100644 --- a/docs/components/Authors.tsx +++ b/docs/components/Authors.tsx @@ -1,10 +1,10 @@ import { Avatar } from "./Avatar"; import cn from "classnames"; -import TURBO_TEAM from "../content/team"; +import HYDROROLL_TEAM from "../content/team"; import type { Author } from "../content/team"; export function Authors({ authors }: { authors: Array<Author> }) { - const validAuthors = authors.filter((author) => TURBO_TEAM[author]); + const validAuthors = authors.filter((author) => HYDROROLL_TEAM[author]); return ( <div className="w-full border-b border-gray-400 authors border-opacity-20"> <div @@ -14,7 +14,7 @@ export function Authors({ authors }: { authors: Array<Author> }) { )} > {validAuthors.map((username) => ( - <Avatar key={username} {...TURBO_TEAM[username]} /> + <Avatar key={username} {...HYDROROLL_TEAM[username]} /> ))} </div> </div> diff --git a/docs/components/Avatar.tsx b/docs/components/Avatar.tsx index 8826daf..8914269 100644 --- a/docs/components/Avatar.tsx +++ b/docs/components/Avatar.tsx @@ -1,7 +1,7 @@ import Image from "next/image"; import type { AuthorDetails } from "../content/team"; -export const Avatar = ({ name, picture, twitterUsername }: AuthorDetails) => ( +export const Avatar = ({ name, picture, GithubUsername }: AuthorDetails) => ( <div className="flex items-center flex-shrink-0 md:justify-start"> <div className="w-[32px] h-[32px]"> <Image @@ -17,17 +17,17 @@ export const Avatar = ({ name, picture, twitterUsername }: AuthorDetails) => ( <dl className="ml-2 text-sm font-medium leading-4 text-left whitespace-no-wrap"> <dt className="sr-only">Name</dt> <dd className="text-gray-900 dark:text-white">{name}</dd> - {twitterUsername && ( + {GithubUsername && ( <> - <dt className="sr-only">Twitter</dt> + <dt className="sr-only">Github</dt> <dd> <a - href={`https://twitter.com/${twitterUsername}`} + href={`https://github.com/${GithubUsername}`} className="text-xs text-blue-500 no-underline betterhover:hover:text-blue-600 betterhover:hover:underline" target="_blank" rel="noopener noreferrer" > - {`@${twitterUsername}`} + {`@${GithubUsername}`} </a> </dd> </> diff --git a/docs/components/Footer.tsx b/docs/components/Footer.tsx index 360cf94..9a3bf23 100644 --- a/docs/components/Footer.tsx +++ b/docs/components/Footer.tsx @@ -30,43 +30,45 @@ function FooterHeader({ children }: { children: ReactNode }) { const navigation = { general: [ { name: "Blog", href: "/blog" }, - { name: "Releases", href: "https://github.com/retrofor/HydroRoll/releases" }, + { name: "Releases", href: "https://github.com/HydroRoll-Team/HydroRoll/releases" }, ], AI: [ - { name: "Documentation", href: "/AI/docs" }, + { name: "文档", href: "/AI/docs" }, { name: "FAQ", href: "/AI/docs/faq" }, ], TRPG: [ - { name: "Documentation", href: "/TRPG/docs" }, - { name: "Features", href: "/TRPG/docs/features" }, + { name: "文档", href: "/TRPG/docs" }, + { name: "特性", href: "/TRPG/docs/features" }, ], support: [ { name: "GitHub", - href: "https://github.com/retrofor/HydroRoll", + href: "https://github.com/HydroRoll-Team/support", }, { name: "Discord", href: "https://hydroroll.retrofor.space/discord", }, ], - company: (site: TurboSite) => [ - { name: "Vercel", href: "https://vercel.com" }, + links: (site: TurboSite) => [ + { name: "Dice!", href: "https://forum.kokona.tech" }, { - name: "Open Source Software", - href: "https://vercel.com/oss?utm_source=turbo.build&utm_medium=referral&utm_campaign=footer-ossLink", + name: "OlivOS", + href: "https://forum.olivos.run", }, - { - name: "Contact Sales", - href: `https://vercel.com/${ - site === "AI" ? "solutions/HydroRollAI" : "contact/sales" - }?utm_source=turbo.build&utm_medium=referral&utm_campaign=footer-enterpriseLink`, - }, - { name: "Twitter", href: "https://twitter.com/vercel" }, + // { name: "Dicex骰子屋", href: "https://forum.dicex.link" }, + // { name: "SealDice", href: "https://dice.weizaima.com/"}, + { name: "HuggingFace", href: "https://huggingface.co " } + // { + // name: "", + // href: `https://vercel.com/${ + // site === "AI" ? "solutions/HydroRollAI" : "contact/sales" + // }?utm_source=turbo.build&utm_medium=referral&utm_campaign=footer-enterpriseLink`, + // }, ], legal: [ - { name: "Privacy Policy", href: "/privacy" }, - { name: "Terms of Service", href: "/terms" }, + { name: "隐私政策", href: "/privacy" }, + // { name: "Terms of Service", href: "/terms" }, ], }; @@ -92,7 +94,7 @@ export function FooterContent() { </ul> </div> <div className="mt-12 md:!mt-0"> - <FooterHeader>TRPG</FooterHeader> + <FooterHeader>AI Model</FooterHeader> <ul role="list" className="mt-4 space-y-1.5 list-none ml-0"> {navigation.AI.map((item) => ( <li key={item.name}> @@ -102,7 +104,7 @@ export function FooterContent() { </ul> </div> <div className="mt-12 md:!mt-0"> - <FooterHeader>AI</FooterHeader> + <FooterHeader>TRPG</FooterHeader> <ul role="list" className="mt-4 space-y-1.5 list-none ml-0"> {navigation.TRPG.map((item) => ( <li key={item.name}> @@ -112,9 +114,9 @@ export function FooterContent() { </ul> </div> <div className="mt-12 md:!mt-0"> - <FooterHeader>Company</FooterHeader> + <FooterHeader>Links</FooterHeader> <ul role="list" className="mt-4 space-y-1.5 list-none ml-0"> - {navigation.company(site).map((item) => ( + {navigation.links(site).map((item) => ( <li key={item.name}> <FooterLink href={item.href}>{item.name}</FooterLink> </li> @@ -144,9 +146,9 @@ export function FooterContent() { </div> </div> <div className="mt-12 xl:!mt-0"> - <FooterHeader>Subscribe to HydroRoll newsletter</FooterHeader> + <FooterHeader>Subscribe to HydroRoll newsletter</FooterHeader> <p className="mt-4 text-sm text-gray-600 dark:text-[#888888]"> - 订阅 水系 最新的blog与release内容，抑或是插件与模型的更新。 + 订阅水系最新的blog与release内容，抑或是插件与模型的更新。 </p> <SubmitForm /> </div> @@ -159,12 +161,12 @@ export function FooterContent() { target="_blank" rel="noopener noreferrer" title="retrofor.space homepage" - href="https://hydroroll.retrofor.space/background_or_logo.png" + href="https://hydroroll.retrofor.space/" > <HydroRolllogo /> </a> <p className="mt-4 text-xs text-gray-500 dark:text-[#888888]"> - © {new Date().getFullYear()} HydroRoll. All rights + © {new Date().getFullYear()} HydroRoll-Team. All rights reserved. </p> </div> diff --git a/docs/components/logos/RepoLogo.tsx b/docs/components/logos/AILogo.tsx index 2751733..f1bc02a 100644 --- a/docs/components/logos/RepoLogo.tsx +++ b/docs/components/logos/AILogo.tsx @@ -1,7 +1,7 @@ const RepoLogo = (props) => ( <svg {...props} viewBox="0 0 506 50" xmlns="http://www.w3.org/2000/svg"> - <title>Turborepo logo</title> - <path d="M53.7187 12.0038V1.05332H0.945312V12.0038H20.8673V48.4175H33.7968V12.0038H53.7187Z" /> + <title>HydroRollAI logo</title> + {/* <path d="M53.7187 12.0038V1.05332H0.945312V12.0038H20.8673V48.4175H33.7968V12.0038H53.7187Z" /> <path d="M83.5362 49.1431C99.764 49.1431 108.67 40.8972 108.67 27.3081V1.05332H95.7401V26.0547C95.7401 33.6409 91.7821 37.9287 83.5362 37.9287C75.2904 37.9287 71.3324 33.6409 71.3324 26.0547V1.05332H58.4029V27.3081C58.4029 40.8972 67.3084 49.1431 83.5362 49.1431Z" /> <path d="M128.462 32.7174H141.325L151.484 48.4175H166.327L154.848 31.3321C161.313 29.0232 165.271 23.8778 165.271 16.8853C165.271 6.72646 157.685 1.05332 146.141 1.05332H115.532V48.4175H128.462V32.7174ZM128.462 22.4925V11.8719H145.481C150.033 11.8719 152.54 13.8509 152.54 17.2152C152.54 20.3816 150.033 22.4925 145.481 22.4925H128.462Z" /> <path d="M171.287 48.4175H205.128C215.683 48.4175 221.752 43.404 221.752 35.0262C221.752 29.419 218.189 25.593 213.967 23.8778C216.87 22.4925 220.432 19.1942 220.432 13.9828C220.432 5.60502 214.495 1.05332 204.006 1.05332H171.287V48.4175ZM183.689 19.59V11.542H202.687C206.249 11.542 208.228 12.9273 208.228 15.566C208.228 18.2047 206.249 19.59 202.687 19.59H183.689ZM183.689 29.2871H203.875C207.371 29.2871 209.284 31.0022 209.284 33.5749C209.284 36.1476 207.371 37.8628 203.875 37.8628H183.689V29.2871Z" /> @@ -9,7 +9,8 @@ const RepoLogo = (props) => ( <path d="M300.429 32.7174H313.292L323.451 48.4175H338.294L326.815 31.3321C333.28 29.0232 337.238 23.8778 337.238 16.8853C337.238 6.72646 329.652 1.05332 318.108 1.05332H287.499V48.4175H300.429V32.7174ZM300.429 22.4925V11.8719H317.448C322 11.8719 324.507 13.8509 324.507 17.2152C324.507 20.3816 322 22.4925 317.448 22.4925H300.429Z" /> <path d="M343.254 1.05332V48.4175H389.299V37.467H355.92V29.7489H385.539V19.0622H355.92V12.0038H389.299V1.05332H343.254Z" /> <path d="M408.46 33.3111H425.677C437.221 33.3111 444.807 27.7699 444.807 17.2152C444.807 6.59453 437.221 1.05332 425.677 1.05332H395.53V48.4175H408.46V33.3111ZM408.46 22.5585V11.8719H424.951C429.569 11.8719 432.076 13.8509 432.076 17.2152C432.076 20.5135 429.569 22.5585 424.951 22.5585H408.46Z" /> - <path d="M476.899 0.261719C460.341 0.261719 448.401 10.6185 448.401 24.7354C448.401 38.8523 460.341 49.2091 476.899 49.2091C493.456 49.2091 505.33 38.8523 505.33 24.7354C505.33 10.6185 493.456 0.261719 476.899 0.261719ZM476.899 11.4761C485.606 11.4761 492.137 16.6215 492.137 24.7354C492.137 32.8493 485.606 37.9947 476.899 37.9947C468.191 37.9947 461.66 32.8493 461.66 24.7354C461.66 16.6215 468.191 11.4761 476.899 11.4761Z" /> + <path d="M476.899 0.261719C460.341 0.261719 448.401 10.6185 448.401 24.7354C448.401 38.8523 460.341 49.2091 476.899 49.2091C493.456 49.2091 505.33 38.8523 505.33 24.7354C505.33 10.6185 493.456 0.261719 476.899 0.261719ZM476.899 11.4761C485.606 11.4761 492.137 16.6215 492.137 24.7354C492.137 32.8493 485.606 37.9947 476.899 37.9947C468.191 37.9947 461.66 32.8493 461.66 24.7354C461.66 16.6215 468.191 11.4761 476.899 11.4761Z" /> */} + <a>HydrRollAI</a> </svg> ); diff --git a/docs/components/logos/PackLogo.tsx b/docs/components/logos/TRPGLogo.tsx index ddb1d36..8bb4785 100644 --- a/docs/components/logos/PackLogo.tsx +++ b/docs/components/logos/TRPGLogo.tsx @@ -1,7 +1,7 @@ const PackLogo = (props) => ( <svg {...props} viewBox="0 0 485 49" xmlns="http://www.w3.org/2000/svg"> - <title>Turbopack logo</title> - <path d="M51.1928 12.1277V1.56075H0.267822V12.1277H19.492V47.2659H31.9686V12.1277H51.1928Z" /> + <title>HydroRollTRPG logo</title> + {/* <path d="M51.1928 12.1277V1.56075H0.267822V12.1277H19.492V47.2659H31.9686V12.1277H51.1928Z" /> <path d="M79.966 47.9662C95.6254 47.9662 104.219 40.0091 104.219 26.8959V1.56075H91.7424V25.6865C91.7424 33.0069 87.923 37.1446 79.966 37.1446C72.0089 37.1446 68.1895 33.0069 68.1895 25.6865V1.56075H55.7129V26.8959C55.7129 40.0091 64.3065 47.9662 79.966 47.9662Z" /> <path d="M123.318 32.1157H135.731L145.534 47.2659H159.857L148.78 30.779C155.019 28.551 158.838 23.5858 158.838 16.8382C158.838 7.03519 151.518 1.56075 140.378 1.56075H110.841V47.2659H123.318V32.1157ZM123.318 22.249V12.0004H139.741C144.133 12.0004 146.552 13.9101 146.552 17.1565C146.552 20.212 144.133 22.249 139.741 22.249H123.318Z" /> <path d="M164.643 47.2659H197.299C207.484 47.2659 213.34 42.4281 213.34 34.3437C213.34 28.9329 209.903 25.2409 205.829 23.5858C208.63 22.249 212.067 19.0662 212.067 14.0374C212.067 5.95303 206.338 1.56075 196.217 1.56075H164.643V47.2659ZM176.611 19.4482V11.6821H194.944C198.381 11.6821 200.291 13.0189 200.291 15.5651C200.291 18.1114 198.381 19.4482 194.944 19.4482H176.611ZM176.611 28.8056H196.089C199.463 28.8056 201.309 30.4607 201.309 32.9433C201.309 35.4259 199.463 37.0809 196.089 37.0809H176.611V28.8056Z" /> @@ -9,7 +9,7 @@ const PackLogo = (props) => ( <path d="M289.262 32.6887H305.876C317.016 32.6887 324.336 27.3415 324.336 17.1565C324.336 6.90788 317.016 1.56075 305.876 1.56075H276.785V47.2659H289.262V32.6887ZM289.262 22.3127V12.0004H305.176C309.632 12.0004 312.051 13.9101 312.051 17.1565C312.051 20.3393 309.632 22.3127 305.176 22.3127H289.262Z" /> <path d="M341.036 1.56075L318.565 47.2659H331.806L335.943 38.6723H359.942L364.079 47.2659H377.765L355.358 1.56075H341.036ZM348.038 13.7827L355.167 28.6783H340.845L348.038 13.7827Z" /> <path d="M375.141 24.4133C375.141 38.0358 386.535 48.0298 402.45 48.0298C415.181 48.0298 424.029 42.3007 427.53 33.0706L416.136 27.9781C414.353 33.3252 409.706 37.2083 402.45 37.2083C394.302 37.2083 387.872 32.2431 387.872 24.4133C387.872 16.5836 394.302 11.6184 402.45 11.6184C409.706 11.6184 414.353 15.5015 416.136 20.8486L427.53 15.7561C424.029 6.52594 415.181 0.796875 402.45 0.796875C386.535 0.796875 375.141 10.7909 375.141 24.4133Z" /> - <path d="M444.513 1.56075H432.037V47.2659H444.513V35.8715L452.661 28.551L468.512 47.2659H484.362L461.637 20.5303L482.771 1.56075H465.775L444.513 20.8486V1.56075Z" /> + <path d="M444.513 1.56075H432.037V47.2659H444.513V35.8715L452.661 28.551L468.512 47.2659H484.362L461.637 20.5303L482.771 1.56075H465.775L444.513 20.8486V1.56075Z" /> */} </svg> ); diff --git a/docs/components/logos/Turbo.tsx b/docs/components/logos/Turbo.tsx index f1e86fe..306880a 100644 --- a/docs/components/logos/Turbo.tsx +++ b/docs/components/logos/Turbo.tsx @@ -12,7 +12,7 @@ const Turbo = ({ height = 32, className = "" }: LogoProps) => ( fill="none" xmlns="http://www.w3.org/2000/svg" > - <title>AI</title> + <title>HydroRoll</title> <path d="M48.2623 11.2944V8.24418H33.5623V11.2944H39.1115V21.4374H42.713V11.2944H48.2623Z" className="dark:fill-white fill-black" diff --git a/docs/components/pages/AI-home/AIFeatures.tsx b/docs/components/pages/AI-home/AIFeatures.tsx index 466c0ae..aa8c236 100644 --- a/docs/components/pages/AI-home/AIFeatures.tsx +++ b/docs/components/pages/AI-home/AIFeatures.tsx @@ -6,8 +6,8 @@ export function AIFeatures() { return ( <FadeIn className="py-16 md:py-24 lg:py-32"> <FeaturesBento - header="Why AI?" - body="AI balabala..." + header="为什么使用模型?" + body="模型, 一种可以用来预测未来的工具." features={REPO_HOME_FEATURES} /> </FadeIn> diff --git a/docs/components/pages/AI-home/AIHero.tsx b/docs/components/pages/AI-home/AIHero.tsx index 5636cc2..be2ea40 100644 --- a/docs/components/pages/AI-home/AIHero.tsx +++ b/docs/components/pages/AI-home/AIHero.tsx @@ -6,7 +6,7 @@ import { HeroText, SectionSubtext } from "../home-shared/Headings"; import { Gradient } from "../home-shared/Gradient"; import { FadeIn } from "../home-shared/FadeIn"; import { CTAButton } from "../home-shared/CTAButton"; -import RepoLogo from "../../logos/RepoLogo"; +import RepoLogo from "../../logos/AILogo"; export function AIHero() { return ( @@ -76,10 +76,9 @@ export function AIHero() { width="200" className="w-[160px] md:w-[200px] fill-black dark:fill-white" /> - <HeroText h1>The build system that makes ship happen</HeroText> + <HeroText h1>Artificial Intelligence MODEL</HeroText> <SectionSubtext hero> - Turborepo is a high-performance build system for JavaScript and - TypeScript codebases. + 简单易用的人工智能模型，尤其用于各种NLP场景，如文本分类、文本生成、文本匹配、命名实体识别、关系抽取等。 </SectionSubtext> </FadeIn> <FadeIn @@ -89,7 +88,7 @@ export function AIHero() { <div className="flex flex-col w-full gap-3 md:!flex-row"> <CTAButton> <Link href="/AI/docs" className="block py-3"> - Get Started + 快速开始 </Link> </CTAButton> <CTAButton outline> @@ -99,11 +98,11 @@ export function AIHero() { href="https://github.com/retrofor/HydroRoll" className="block py-3" > - GitHub + 查看源码 </a> </CTAButton> </div> - <p className="text-sm text-[#666666]">License: MPL-2.0</p> + <p className="text-sm text-[#666666]">License: GPL-3.0</p> </FadeIn> <FadeIn delay={0.5} className="relative w-full"> <div className="absolute bottom-0 w-full dark:from-black from-white to-transparent h-72 bg-gradient-to-t" /> diff --git a/docs/components/pages/AI-home/AILetter.tsx b/docs/components/pages/AI-home/AILetter.tsx index a92f9dd..8b9b405 100644 --- a/docs/components/pages/AI-home/AILetter.tsx +++ b/docs/components/pages/AI-home/AILetter.tsx @@ -12,46 +12,34 @@ export function AILetter() { <section className="relative flex flex-col items-center px-6 py-16 font-sans md:py-24 lg:py-32 gap-14"> <FadeIn> <HeroText className="lg:text-[65px]"> - Scaling your Codebase + 优化完善你的骰子系统 <br /> - shouldn't be so difficult + 不再那么死板繁琐 </HeroText> </FadeIn> <div className="flex flex-col max-w-xl leading-6 md:text-lg lg:text-lg"> <FadeIn className="opacity-70"> <p> - The bigger your project grows, the slower it gets. Tasks like - linting, testing, and building begin to take enormous amounts of - time. + 当你的骰子系统越来越大，跑的团也越来越多且趋于复杂时，你会发现你的骰子系统越来越难以维护，越来越难以使用。 + HydroRollAI提供了很多工具，帮助你优化你的骰子系统，比如文本分析，自动化生成，自动化测试等等。 </p> <br /> <p> - If you're serving multiple applications, you might reach for a - monorepo. They're incredible for productivity, especially on - the frontend, but the tooling can be a nightmare. There's a lot - of stuff to do (and things to mess up). Nothing “just - works.” It's become completely normal to waste entire - days or weeks on plumbing—tweaking configs, writing one-off scripts, - and stitching stuff together. + 你可以写一整套完整的自动化流程，也可以只使用其中的一部分，HydroRollAI会按照你的流程自动去测试你的骰子系统，找出其中的问题。 + 同时，HydroRollAI也会帮助你生成文档，让你的骰子系统更加易于使用。 + 整个流程是并行的，你可以在任何时候停止，或者在任何时候加入新的流程。 </p> <br /> - <p>We need something else.</p> + <p>我们还需要点其他的什么东西。</p> <br></br> <p> - A fresh take on the whole setup. Designed to glue everything - together. A toolchain that works for you and not against you. With - sensible defaults, but even better escape hatches. Built with the - same techniques used by the big guys, but in a way that doesn't - require PhD to learn or a staff to maintain. + 一种新颖的骰子系统，可以让你的骰子系统更加灵活，更加易于使用。 </p> <br /> - <p>With Turborepo, we're doing just that.</p> + <p>通过HydroRollAI，处理骰子系统就是那么简单处理。</p> <br /> <p> - We're building a build system that can keep up with your team. - You'll see your CI get faster, duplicated work get cut, and - your NPM scripts get simpler. You'll get a world-class - development environment, without the maintenance burden. + 你可以在HydroRollAI的文档中找到更多关于HydroRollAI的信息，或者你可以直接开始使用HydroRollAI。 </p> </FadeIn> <FadeIn noVertical viewTriggerOffset className="relative h-2 md:h-12"> @@ -70,14 +58,14 @@ export function AILetter() { <div className="w-24 h-24 min-w-[96px] min-h-[96px] rounded-full border dark:border-white/10 border-black/10 flex items-center justify-center "> <Image alt="Image of Jared Palmer" - src="/images/people/jaredpalmer.jpeg" + src="/images/people/Stardust.jpg" width={64} height={64} className="rounded-full grayscale" /> </div> <div className="flex flex-col"> - <Image + {/* <Image alt="Jared Palmer's hand written signature" src="/images/docs/AI/jared-signature-light.svg" width={190} @@ -90,10 +78,10 @@ export function AILetter() { width={209} height={116} className="hidden -mt-2 dark:block" - /> + /> */} <div className="flex gap-2 flex-wrap text-sm leading-none text-[#888888] max-w-[156px] md:max-w-xl lg:max-w-xl"> - <p className="font-bold">Jared Palmer</p> - <p>Founder of Turborepo</p> + <p className="font-bold">Stardust·减(Stardust)</p> + <p>水系模型训练者之一</p> </div> </div> </FadeIn> @@ -102,7 +90,7 @@ export function AILetter() { <div className="max-w-[180px] w-full"> <CTAButton> <Link href="/AI/docs" className="block py-3 font-sans"> - Start Building + 开始训练 </Link> </CTAButton> </div> diff --git a/docs/components/pages/TRPG-home/PackBenchmarkTabs.tsx b/docs/components/pages/TRPG-home/PackBenchmarkTabs.tsx index f771fb1..e79b820 100644 --- a/docs/components/pages/TRPG-home/PackBenchmarkTabs.tsx +++ b/docs/components/pages/TRPG-home/PackBenchmarkTabs.tsx @@ -12,25 +12,25 @@ const TABS: { }[] = [ { id: "cold", - title: "Cold Start", + title: "冷加载", soon: false, tooltip: "First run", }, { id: "file_change", - title: "File Change", + title: "热加载", soon: false, tooltip: "Hot Reload (HMR)", }, { id: "code_build", - title: "Code Build", + title: "核心构建", soon: true, tooltip: "First Build", }, { id: "build_from_cache", - title: "Build from Cache", + title: "使用缓存构建", soon: true, tooltip: "Second Build", }, diff --git a/docs/components/pages/TRPG-home/PackBenchmarks.tsx b/docs/components/pages/TRPG-home/PackBenchmarks.tsx index 9bd1db8..0d3322c 100644 --- a/docs/components/pages/TRPG-home/PackBenchmarks.tsx +++ b/docs/components/pages/TRPG-home/PackBenchmarks.tsx @@ -1,4 +1,4 @@ -import { useState } from "react"; +import { useState } from "react"; import { FadeIn } from "../home-shared/FadeIn"; import { SectionHeader, SectionSubtext } from "../home-shared/Headings"; import { BenchmarksGraph } from "./PackBenchmarksGraph"; @@ -13,57 +13,57 @@ export type BenchmarkCategory = | "code_build" | "build_from_cache"; export interface BenchmarkData { - next13: number; - next12: number; - vite: number; - next11: number; + HydroRoll: number; + Shiki: number; + OlivOS: number; + SealDice: number; } export interface BenchmarkBar { label: string; key: keyof BenchmarkData; - turbo?: true; + core?: true; swc?: true; } export const DEFAULT_BARS: BenchmarkBar[] = [ { - key: "next13", - label: "Next.js 13", - turbo: true, + key: "HydroRoll", + label: "HydroRoll水系", + core: true, }, { - key: "next12", - label: "Next.js 12", + key: "Shiki", + label: "溯洄Shiki", }, { - key: "vite", - label: "Vite", + key: "OlivOS", + label: "OlivOS青果", swc: true, }, { - key: "next11", - label: "Next.js 11", + key: "SealDice", + label: "SealDice海豹", }, ]; export const HMR_BARS: BenchmarkBar[] = [ { - key: "next13", - label: "Next.js 13", - turbo: true, + key: "HydroRoll", + label: "HydroRoll水系", + core: true, }, { - key: "vite", - label: "Vite", - swc: true, + key: "Shiki", + label: "溯洄Shiki", }, { - key: "next12", - label: "Next.js 12", + key: "OlivOS", + label: "OlivOS青果", + swc: true, }, { - key: "next11", - label: "Next.js 11", + key: "SealDice", + label: "SealDice海豹", }, ]; @@ -75,10 +75,10 @@ export function PackBenchmarks() { return ( <FadeIn className="relative flex flex-col items-center justify-center w-full gap-10 py-16 font-sans md:py-24 lg:py-32"> <div className="flex flex-col items-center gap-5 md:gap-6"> - <SectionHeader>Faster Than Fast</SectionHeader> + <SectionHeader>速度不止于此</SectionHeader> <SectionSubtext> - Crafted by the creators of Webpack, Turbopack delivers unparalleled - performance at scale. + 快速加载，模块化设计，fastapi、aiohttp、flask等高效率支持库， + 为核心提速。 </SectionSubtext> </div> <div className="flex flex-col items-center w-full"> diff --git a/docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx b/docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx index f3107b0..489553a 100644 --- a/docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx +++ b/docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx @@ -17,6 +17,7 @@ import { BenchmarkData, BenchmarkNumberOfModules, } from "./PackBenchmarks"; +import HydroRoll from "../../logos/HydroRoll"; interface BenchmarksGraphProps { category: BenchmarkCategory; @@ -56,9 +57,9 @@ export function BenchmarksGraph({ return ( <GraphBar key={bar.key} - turbo={bar.turbo} + core={bar.core} Label={ - <GraphLabel label={bar.label} turbo={bar.turbo} swc={bar.swc} /> + <GraphLabel label={bar.label} core={bar.core} swc={bar.swc} /> } duration={data[bar.key] * 1000} longestTime={longestTimeWithPadding} @@ -93,14 +94,14 @@ const graphBarWrapperVariants = { }; function GraphBar({ - turbo, + core, duration, longestTime, inView, Label, pinTime, }: { - turbo?: boolean; + core?: boolean; duration: number; longestTime: number; Label: JSX.Element; @@ -191,8 +192,8 @@ function GraphBar({ <motion.div className={cn( "h-12 rounded w-0 relative", - turbo ? gradients.benchmarkTurbo : gradients.benchmark, - { [gradients.barBorder]: !turbo } + core ? gradients.benchmarkTurbo : gradients.benchmark, + { [gradients.barBorder]: !core } )} variants={graphBarVariants} animate={controls} @@ -206,7 +207,7 @@ function GraphBar({ transition={{ duration: 0.1 }} > <GraphTimer - turbo={turbo} + core={core} timer={pinTime ? duration : timer} duration={duration} /> @@ -217,17 +218,17 @@ function GraphBar({ } const GraphTimer = ({ - turbo, + core, timer, duration, }: { - turbo: boolean; + core: boolean; timer: number; duration: number; }) => { return ( <div className={`flex flex-row gap-2 w-24 justify-end items-center z-10`}> - {turbo && ( + {core && ( <div className="relative flex w-6 h-6"> <Image alt="HydroRollTRPG" @@ -292,13 +293,13 @@ const Time = ({ function GraphLabel({ label, - turbo, + core, swc, mobileOnly, esbuild, }: { label: string; - turbo?: boolean; + core?: boolean; swc?: boolean; mobileOnly?: boolean; esbuild?: boolean; @@ -310,19 +311,19 @@ function GraphLabel({ }`} > <p>{label}</p> - {turbo && ( + {core && ( <p className={cn( "font-space-grotesk m-0", gradients.benchmarkTurboLabel )} > - turbo + 水系核心 </p> )} {swc && ( <p className="font-space-grotesk m-0 font-light text-[#666666]"> - with SWC + 青果核 </p> )} {esbuild && ( diff --git a/docs/components/pages/TRPG-home/PackBenchmarksPicker.tsx b/docs/components/pages/TRPG-home/PackBenchmarksPicker.tsx index 33e5bfd..8f0e83e 100644 --- a/docs/components/pages/TRPG-home/PackBenchmarksPicker.tsx +++ b/docs/components/pages/TRPG-home/PackBenchmarksPicker.tsx @@ -8,9 +8,9 @@ export function PackBenchmarksPicker(props: { <div className="flex items-center gap-3"> <a className="dark:text-[#888888] hover:underline underline-offset-4 text-[#666666] text-sm" - href="https://github.com/retrofor/HydroRoll/blob/main/docs/components/pages/pack-home/benchmark-data" + href="https://github.com/HydroRoll-Team/HydroRoll/blob/main/docs/components/pages/pack-home/benchmark-data" > - React Components + 本体文件大小 </a> <PackDropdown onOptionSelected={(value) => props.setNumberOfModules(value)} diff --git a/docs/components/pages/TRPG-home/PackFeatures.tsx b/docs/components/pages/TRPG-home/PackFeatures.tsx index 40fda95..7abbb96 100644 --- a/docs/components/pages/TRPG-home/PackFeatures.tsx +++ b/docs/components/pages/TRPG-home/PackFeatures.tsx @@ -4,8 +4,8 @@ import { FeaturesBento } from "../home-shared/FeaturesBento"; export function PackFeatures() { return ( <FeaturesBento - header="Why TRPG?" - body="With incremental behavior and adaptable bundling strategies, Turbopack provides a fast and flexible development experience for apps of any size." + header="为什么选择水系核心?" + body="水系核心基于规则包运行，可自定义程度高，且运行速率快。" features={PACK_HOME_FEATURES} /> ); diff --git a/docs/components/pages/TRPG-home/PackHero.tsx b/docs/components/pages/TRPG-home/PackHero.tsx index 38c773b..33052db 100644 --- a/docs/components/pages/TRPG-home/PackHero.tsx +++ b/docs/components/pages/TRPG-home/PackHero.tsx @@ -8,7 +8,7 @@ import { HeroText, SectionSubtext } from "../home-shared/Headings"; import { Gradient } from "../home-shared/Gradient"; import { FadeIn } from "../home-shared/FadeIn"; import { CTAButton } from "../home-shared/CTAButton"; -import PackLogo from "../../logos/PackLogo"; +import PackLogo from "../../logos/TRPGLogo"; export function PackHero() { return ( @@ -21,14 +21,14 @@ export function PackHero() { <div className="absolute min-w-[614px] min-h-[614px]"> <Image alt="HydroRollTRPG" - src="/images/docs/TRPG/turbopack-hero-hexagons-dark.svg" + src="/images/docs/AI/repo-hero-circles-dark.svg" width={614} height={614} className="hidden dark:block" /> <Image alt="HydroRollTRPG" - src="/images/docs/TRPG/turbopack-hero-hexagons-light.svg" + src="/images/docs/AI/repo-hero-circles-dark.svg" width={614} height={614} className="block dark:hidden" @@ -47,14 +47,14 @@ export function PackHero() { <div className="w-[120px] z-50 mt-[-8.075px] mb-[-8.075px]"> <Image alt="" - src={`/images/docs/TRPG/turbopack-hero-logo-dark.svg`} + src={`/images/docs/AI/repo-hero-logo-dark.svg`} width={120} height={136.15} className="hidden dark:block" /> <Image alt="" - src={`/images/docs/TRPG/turbopack-hero-logo-light.svg`} + src={`/images/docs/AI/repo-hero-logo-dark.svg`} width={120} height={136.15} className="block dark:hidden" @@ -77,9 +77,9 @@ export function PackHero() { width="200" className="w-[160px] md:w-[200px] fill-black dark:fill-white" /> - <HeroText h1>跑团</HeroText> + <HeroText h1>Tabletop Role-Playing Game</HeroText> <SectionSubtext hero> - TRPG 模块是 水系 的另一个重要组成部分 + TRPG 模块是水系的另一个重要组成部分，它提供了一套完整的 TRPG 架构，包括骰子、角色卡、战斗、技能、物品、地图、音乐等等。 </SectionSubtext> </FadeIn> <FadeIn @@ -89,21 +89,21 @@ export function PackHero() { <div className="flex flex-col w-full gap-3 md:!flex-row"> <CTAButton> <Link href="/TRPG/docs" className="block py-3"> - Get Started + 快速开始 </Link> </CTAButton> <CTAButton outline> <a target="_blank" rel="noreferrer" - href="https://github.com/retrofor/HydroRoll" + href="https://github.com/HydroRoll-Team/HydroRoll" className="block py-3" > - GitHub + 查看源码 </a> </CTAButton> </div> - <p className="text-sm text-[#666666]">License: MPL-2.0</p> + <p className="text-sm text-[#666666]">License: GPL-3.0</p> </FadeIn> <FadeIn delay={0.5} className="relative w-full"> <div className="absolute bottom-0 w-full dark:from-black from-white to-transparent h-72 bg-gradient-to-t" /> diff --git a/docs/components/pages/TRPG-home/PackLetter.tsx b/docs/components/pages/TRPG-home/PackLetter.tsx index 46477d7..df58116 100644 --- a/docs/components/pages/TRPG-home/PackLetter.tsx +++ b/docs/components/pages/TRPG-home/PackLetter.tsx @@ -12,36 +12,26 @@ export function PackLetter() { <section className="relative flex flex-col items-center px-6 py-16 font-sans md:py-24 lg:py-32 gap-14"> <FadeIn> <HeroText> - Let's move + 究竟什么才是真正的 <br /> - the web forward + 水系? </HeroText> </FadeIn> <div className="flex flex-col max-w-xl leading-6 md:text-lg lg:text-lg"> <FadeIn className="opacity-70"> <p> - It's time for a new beginning in compiler infrastructure for - the entire web ecosystem. Webpack has been downloaded over 3 billion - times. It's become an integral part of building for the web. - But just like Babel and Terser, it's time to go all-in on - native. I joined Vercel and assembled a team of world class - engineers to build the web's next generation bundler. + 当水系公测后，我接触TRPG已经有两年多了，我希望能够在这里分享一些我对TRPG的理解。 + TRPG，是一种游戏，也是一种文化，它的核心是“故事”。究竟要怎么讲好一个故事呢？我认为，一个好的故事，应该是有趣的，有趣的故事，才能吸引人，才能让人愿意去听，去看，去玩。 </p> <br /> <p> - This team has taken lessons from 10 years of Webpack, combined with - the innovations in incremental computation from Turborepo and - Google's Bazel, and invented an architecture ready to withstand - the next 10 years. + 但是，有趣的故事，不是随随便便就能讲好的，它需要有一个好的故事背景，需要有一个好的故事情节，需要有一个好的故事结局。这些，都是一个好的故事所必须具备的。 + 水系其实是站在规则书作者的角度去设计的，它的第一服务对象永远是世界主，再是kp与pl们。所以，水系的设计，是为了让世界主们能够更好的描绘自己所想象的那个世界。 </p> <br /> <p> - With that, we're excited to introduce Turbopack, our - Rust-powered successor to Webpack. It will harness the power of our - build system, Turborepo, for massive performance improvements. - Turbopack is the new foundation of high-performance bare-metal - tooling and is now open source—we're excited to share it with - you. + 水系是自由的，这主要表现在规则书是以热插拔规则包的形式存在的，世界主们可以根据自己的需要，自由的编写自己想要的规则包，来丰富自己的世界。水系是开放的，这主要表现在规则书的开源，世界主们可以根据自己的需要，自由的修改规则书，来丰富自己的世界。 + 总之，水系是为世界主们服务的，水系的目的，就是让世界主们能够更好的讲好自己的故事，构建好自己的世界。让更多冷门世界观与规则书得到更多人的关注，让更多人能够参与到TRPG的世界中来。 </p> </FadeIn> <FadeIn @@ -64,7 +54,7 @@ export function PackLetter() { <div className="w-24 h-24 min-w-[96px] min-h-[96px] rounded-full border dark:border-white/10 border-black/10 flex items-center justify-center "> <Image alt="Image of Tobias Koopers" - src="/images/people/tobiaskoppers.jpg" + src="/images/people/HsiangNianian.jpg" width={64} height={64} className="rounded-full" @@ -79,17 +69,17 @@ export function PackLetter() { height={91 + 16} className="block -mb-3 -ml-3 dark:hidden" /> - <Image + {/* <Image alt="Tobias Koppers hand written signature" src="/images/docs/TRPG/tobias-signature-dark.svg" // 16 px added and offset to account for the glow width={173 + 16} height={91 + 16} className="hidden -mb-3 -ml-3 dark:block" - /> + /> */} <div className="flex gap-2 flex-wrap text-sm leading-none text-[#888888] max-w-[156px] md:max-w-xl lg:max-w-xl"> - <p className="font-bold">Tobias Koppers</p> - <p>Creator of Webpack</p> + <p className="font-bold">简律纯(HsiangNianian)</p> + <p>Creator of HydroRoll</p> </div> </div> </FadeIn> @@ -98,7 +88,7 @@ export function PackLetter() { <div className="max-w-[180px] w-full"> <CTAButton> <Link href="/TRPG/docs" className="block py-3 font-sans"> - Start Building + 开始搭建 </Link> </CTAButton> </div> diff --git a/docs/components/pages/home-shared/gradients.module.css b/docs/components/pages/home-shared/gradients.module.css index b9c50a9..3f94e39 100644 --- a/docs/components/pages/home-shared/gradients.module.css +++ b/docs/components/pages/home-shared/gradients.module.css @@ -1,12 +1,12 @@ .benchmarkTurbo { - background: linear-gradient(288.43deg, #ff1e56 28.29%, #9c51a1 78.78%); - box-shadow: 0px 0px 16px #f02662; + background: linear-gradient(288.43deg, #651eff 28.29%, #518ca1 78.78%); + box-shadow: 0px 0px 16px #5f26f0; :global(.light) & { background: linear-gradient( 268.86deg, - #ff1e56 -5.68%, - #d67fdc 107.63%, - #9c51a1 107.64% + #1ebcff -5.68%, + #7fdcd4 107.63%, + #51a181 107.64% ); box-shadow: none; } @@ -49,17 +49,17 @@ } .benchmarkTurboLabel { - background: linear-gradient(288.43deg, #ff1e56 28.29%, #9c51a1 78.78%); + background: linear-gradient(288.43deg, #651eff 28.29%, #518ca1 78.78%); color: transparent; background-clip: text; :global(.light) & { background: linear-gradient( 268.86deg, - #ff1e56 -5.68%, - #d67fdc 107.63%, - #9c51a1 107.64% + #1ebcff -5.68%, + #7fdcd4 107.63%, + #51a181 107.64% ), - linear-gradient(288.43deg, #ff1e56 28.29%, #9c51a1 78.78%); + linear-gradient(288.43deg, #5f26f0 28.29%, #518ca1 78.78%); color: transparent; background-clip: text; } @@ -89,7 +89,7 @@ } } .translatingGlow { - background: linear-gradient(32deg, #2a8af6 0%, #a853ba 50%, #e92a67 100%); + background: linear-gradient(32deg, #2a8af6 0%, #a853ba 50%, #518ca1 100%); background-size: 200% 200%; animation: translateGlow 7s linear infinite; will-change: filter; @@ -177,15 +177,15 @@ } .glowPink { - background: linear-gradient(180deg, #ff3358 0%, #ff4fd8 100%); + background: linear-gradient(180deg, #518ca1 0%, #5f26f0 100%); } .glowConic { background: conic-gradient( from 180deg at 50% 50%, - #2a8af6 0deg, - #a853ba 180deg, - #e92a67 360deg + #1ebcff 0deg, + #7fdcd4 180deg, + #51a181 360deg ); } @@ -220,12 +220,12 @@ height: var(--height); right: var(--gradient-x-offset); top: var(--gradient-y-offset); - background: linear-gradient(180deg, #ff3358 0%, #ff4fd8 100%); + background: linear-gradient(180deg, #5f26f0 0%, #518ca1 100%); border-radius: 100%; mix-blend-mode: normal; filter: blur(50px); } .gradientSectionBorderDivider { - background: linear-gradient(90deg, #288cf9 0%, #e32c6b 100%); + background: linear-gradient(90deg, #288cf9 0%, #5f26f0 100%); } diff --git a/docs/components/pages/landing/index.module.css b/docs/components/pages/landing/index.module.css index ac18d80..a492233 100644 --- a/docs/components/pages/landing/index.module.css +++ b/docs/components/pages/landing/index.module.css @@ -49,8 +49,8 @@ top: calc(50% - 900px / 2 + 151px); background-image: linear-gradient( 180deg, - rgba(236, 151, 207, 0.4) 0%, - rgba(233, 42, 103, 1) 100% + rgba(53, 25, 92, 0.4) 0%, + rgb(99, 42, 233) 100% ); filter: blur(125px); transform: rotate(15deg); @@ -76,8 +76,8 @@ background: linear-gradient( 180deg, - rgba(236, 151, 207, 0.4) 0%, - rgba(233, 42, 103, 1) 100% + rgba(151, 164, 236, 0.4) 0%, + rgb(115, 42, 233) 100% ); transform: matrix(-1, 0, 0, 1, 0, 0); filter: blur(125px); @@ -91,7 +91,7 @@ --padding: 1px; --border-bg: conic-gradient( from 180deg at 50% 50%, - #e92a67 0deg, + #2a2ae9 0deg, #a853ba 112.5deg, #2a8af6 228.75deg, rgba(42, 138, 246, 0) 360deg @@ -176,7 +176,7 @@ height: 404px; left: calc(50% - 387px / 2 + 81px); bottom: -32px; - background: linear-gradient(180deg, #ff3358 0%, #ff4fd8 100%); + background: linear-gradient(180deg, #3333ff 0%, #4fdfff 100%); mix-blend-mode: normal; opacity: 0.15; filter: blur(50px); diff --git a/docs/components/pages/landing/index.tsx b/docs/components/pages/landing/index.tsx index fba4a3c..0cf3ea3 100644 --- a/docs/components/pages/landing/index.tsx +++ b/docs/components/pages/landing/index.tsx @@ -11,8 +11,8 @@ 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/PackLogo"; -import RepoLogo from "../../logos/RepoLogo"; +import PackLogo from "../../logos/TRPGLogo"; +import RepoLogo from "../../logos/AILogo"; function Background() { return ( @@ -162,9 +162,7 @@ function Teams() { "Vercel", "AWS", "Microsoft", - // "Adobe", - // "Disney", - // "Netflix", + "Adobe" ]} staticWidth /> |