From 9f0d43fe099a95ab1516ae951dcb60a89e76a5a5 Mon Sep 17 00:00:00 2001 From: 简律纯 Date: Fri, 3 Nov 2023 21:13:33 +0800 Subject: chore: delete useless codes --- docs/components/pages/AI-home/AIFeatures.tsx | 15 - docs/components/pages/AI-home/AIHero.tsx | 113 ------- docs/components/pages/AI-home/AILetter.tsx | 106 ------- docs/components/pages/AI-home/index.tsx | 22 -- .../pages/TRPG-home/DocsBenchmarkStat.tsx | 53 ---- .../pages/TRPG-home/DocsBenchmarksGraph.tsx | 31 -- .../pages/TRPG-home/PackBenchmarkTabs.tsx | 149 --------- docs/components/pages/TRPG-home/PackBenchmarks.tsx | 97 ------ .../pages/TRPG-home/PackBenchmarksGraph.tsx | 334 --------------------- .../pages/TRPG-home/PackBenchmarksPicker.tsx | 20 -- docs/components/pages/TRPG-home/PackDropdown.tsx | 117 -------- docs/components/pages/TRPG-home/PackFeatures.tsx | 12 - docs/components/pages/TRPG-home/PackHero.tsx | 114 ------- docs/components/pages/TRPG-home/PackLetter.tsx | 104 ------- .../pages/TRPG-home/benchmark-data/README.md | 7 - .../pages/TRPG-home/benchmark-data/data.json | 54 ---- docs/components/pages/TRPG-home/index.tsx | 24 -- docs/components/pages/confirm.tsx | 36 --- docs/components/pages/home-shared/CTAButton.tsx | 43 --- docs/components/pages/home-shared/FadeIn.tsx | 50 --- docs/components/pages/home-shared/FeatureBox.tsx | 42 --- .../components/pages/home-shared/FeaturesBento.tsx | 38 --- docs/components/pages/home-shared/GlobalStyles.tsx | 20 -- docs/components/pages/home-shared/Gradient.tsx | 47 --- .../pages/home-shared/GradientSectionBorder.tsx | 37 --- docs/components/pages/home-shared/Headings.tsx | 56 ---- .../pages/home-shared/gradients.module.css | 231 -------------- docs/components/pages/landing/HydroRollAI.tsx | 27 -- docs/components/pages/landing/HydroRollTRPG.tsx | 27 -- .../pages/landing/TurboHeroBackground.tsx | 33 -- docs/components/pages/landing/index.module.css | 184 ------------ docs/components/pages/landing/index.tsx | 197 ------------ .../pages/landing/turbohero-background.module.css | 108 ------- docs/components/pages/showcase.tsx | 47 --- 34 files changed, 2595 deletions(-) delete mode 100644 docs/components/pages/AI-home/AIFeatures.tsx delete mode 100644 docs/components/pages/AI-home/AIHero.tsx delete mode 100644 docs/components/pages/AI-home/AILetter.tsx delete mode 100644 docs/components/pages/AI-home/index.tsx delete mode 100644 docs/components/pages/TRPG-home/DocsBenchmarkStat.tsx delete mode 100644 docs/components/pages/TRPG-home/DocsBenchmarksGraph.tsx delete mode 100644 docs/components/pages/TRPG-home/PackBenchmarkTabs.tsx delete mode 100644 docs/components/pages/TRPG-home/PackBenchmarks.tsx delete mode 100644 docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx delete mode 100644 docs/components/pages/TRPG-home/PackBenchmarksPicker.tsx delete mode 100644 docs/components/pages/TRPG-home/PackDropdown.tsx delete mode 100644 docs/components/pages/TRPG-home/PackFeatures.tsx delete mode 100644 docs/components/pages/TRPG-home/PackHero.tsx delete mode 100644 docs/components/pages/TRPG-home/PackLetter.tsx delete mode 100644 docs/components/pages/TRPG-home/benchmark-data/README.md delete mode 100644 docs/components/pages/TRPG-home/benchmark-data/data.json delete mode 100644 docs/components/pages/TRPG-home/index.tsx delete mode 100644 docs/components/pages/confirm.tsx delete mode 100644 docs/components/pages/home-shared/CTAButton.tsx delete mode 100644 docs/components/pages/home-shared/FadeIn.tsx delete mode 100644 docs/components/pages/home-shared/FeatureBox.tsx delete mode 100644 docs/components/pages/home-shared/FeaturesBento.tsx delete mode 100644 docs/components/pages/home-shared/GlobalStyles.tsx delete mode 100644 docs/components/pages/home-shared/Gradient.tsx delete mode 100644 docs/components/pages/home-shared/GradientSectionBorder.tsx delete mode 100644 docs/components/pages/home-shared/Headings.tsx delete mode 100644 docs/components/pages/home-shared/gradients.module.css delete mode 100644 docs/components/pages/landing/HydroRollAI.tsx delete mode 100644 docs/components/pages/landing/HydroRollTRPG.tsx delete mode 100644 docs/components/pages/landing/TurboHeroBackground.tsx delete mode 100644 docs/components/pages/landing/index.module.css delete mode 100644 docs/components/pages/landing/index.tsx delete mode 100644 docs/components/pages/landing/turbohero-background.module.css delete mode 100644 docs/components/pages/showcase.tsx (limited to 'docs/components/pages') diff --git a/docs/components/pages/AI-home/AIFeatures.tsx b/docs/components/pages/AI-home/AIFeatures.tsx deleted file mode 100644 index aa8c236..0000000 --- a/docs/components/pages/AI-home/AIFeatures.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { REPO_HOME_FEATURES } from "../../../content/features"; -import { FadeIn } from "../home-shared/FadeIn"; -import { FeaturesBento } from "../home-shared/FeaturesBento"; - -export function AIFeatures() { - return ( - - - - ); -} diff --git a/docs/components/pages/AI-home/AIHero.tsx b/docs/components/pages/AI-home/AIHero.tsx deleted file mode 100644 index be2ea40..0000000 --- a/docs/components/pages/AI-home/AIHero.tsx +++ /dev/null @@ -1,113 +0,0 @@ -import cn from "classnames"; -import Image from "next/image"; -import Link from "next/link"; -import gradients from "../home-shared/gradients.module.css"; -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/AILogo"; - -export function AIHero() { - return ( - <> - - -
- {/* TODO: On dark mode, there should be a "breathing" gradient inside the inner circle */} - AI - AI -
-
- -
- -
- - -
- - -
- - - Artificial Intelligence MODEL - - 简单易用的人工智能模型，尤其用于各种NLP场景，如文本分类、文本生成、文本匹配、命名实体识别、关系抽取等。 - - - -
- - - 快速开始 - - - - - 查看源码 - - -
-

License: GPL-3.0

- - -
- - - - ); -} diff --git a/docs/components/pages/AI-home/AILetter.tsx b/docs/components/pages/AI-home/AILetter.tsx deleted file mode 100644 index 8b9b405..0000000 --- a/docs/components/pages/AI-home/AILetter.tsx +++ /dev/null @@ -1,106 +0,0 @@ -import { HeroText } from "../home-shared/Headings"; -import Image from "next/image"; -import cn from "classnames"; -import gradients from "../home-shared/gradients.module.css"; -import { FadeIn } from "../home-shared/FadeIn"; -import { CTAButton } from "../home-shared/CTAButton"; -import Link from "next/link"; -import { Gradient } from "../home-shared/Gradient"; - -export function AILetter() { - return ( -
- - - 优化完善你的骰子系统 -
- 不再那么死板繁琐 - - -
- -

- 当你的骰子系统越来越大，跑的团也越来越多且趋于复杂时，你会发现你的骰子系统越来越难以维护，越来越难以使用。 - HydroRollAI提供了很多工具，帮助你优化你的骰子系统，比如文本分析，自动化生成，自动化测试等等。 -

-
-

- 你可以写一整套完整的自动化流程，也可以只使用其中的一部分，HydroRollAI会按照你的流程自动去测试你的骰子系统，找出其中的问题。 - 同时，HydroRollAI也会帮助你生成文档，让你的骰子系统更加易于使用。 - 整个流程是并行的，你可以在任何时候停止，或者在任何时候加入新的流程。 -

-
-

我们还需要点其他的什么东西。

-

-

- 一种新颖的骰子系统，可以让你的骰子系统更加灵活，更加易于使用。 -

-
-

通过HydroRollAI，处理骰子系统就是那么简单处理。

-
-

- 你可以在HydroRollAI的文档中找到更多关于HydroRollAI的信息，或者你可以直接开始使用HydroRollAI。 -

- - - - - -
- Image of Jared Palmer -
-
- {/* Jared Palmer's hand written signature - Jared Palmer's hand written signature */} -
-

Stardust·减(Stardust)

-

水系模型训练者之一

-
-
- -
- -
- - - 开始训练 - - -
- - -
- ); -} diff --git a/docs/components/pages/AI-home/index.tsx b/docs/components/pages/AI-home/index.tsx deleted file mode 100644 index b65040c..0000000 --- a/docs/components/pages/AI-home/index.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import { AIHero } from "./AIHero"; -import { AIFeatures } from "./AIFeatures"; -import { AILetter } from "./AILetter"; -import { GradientSectionBorder } from "../home-shared/GradientSectionBorder"; -import { LandingPageGlobalStyles } from "../home-shared/GlobalStyles"; - -export default function HydroRollAIHome() { - return ( - <> - -
- - - - - - - -
- - ); -} diff --git a/docs/components/pages/TRPG-home/DocsBenchmarkStat.tsx b/docs/components/pages/TRPG-home/DocsBenchmarkStat.tsx deleted file mode 100644 index 5b8dcf6..0000000 --- a/docs/components/pages/TRPG-home/DocsBenchmarkStat.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import benchmarkData from "./benchmark-data/data.json"; - -type StatFunc = (data: typeof benchmarkData) => string; - -/** - * Replace with satisfies keyword when TS 4.9 drops - */ -const satisfies = - () => - (t: U) => - t; - -const formatToSeconds = (seconds: number) => `${seconds.toFixed(1)}s`; -const formatPercentage = (percentage: number) => `${percentage.toFixed(1)}x`; - -const stats = satisfies>()({ - "next12-cold-1000": (data) => formatToSeconds(data.cold[1000].next12), - "turbopack-cold-1000": (data) => formatToSeconds(data.cold[1000].next13), - "turbopack-cold-vs-next12": (data) => - formatPercentage(data.cold[1000].next12 / data.cold[1000].next13), - "turbopack-cold-vs-next12-30000": (data) => - formatPercentage(data.cold[30000].next12 / data.cold[30000].next13), - "turbopack-update-vs-next12": (data) => - formatPercentage( - data.file_change[1000].next12 / data.file_change[1000].next13 - ), - "turbopack-update-vs-next12-30000": (data) => - formatPercentage( - data.file_change[30000].next12 / data.file_change[30000].next13 - ), - "vite-cold-1000": (data) => formatToSeconds(data.cold[1000].vite), - "turbopack-cold-vs-vite": (data) => - formatPercentage(data.cold[1000].vite / data.cold[1000].next13), - "turbopack-cold-vs-vite-30000": (data) => - formatPercentage(data.cold[30000].vite / data.cold[30000].next13), - "turbopack-update-vs-vite": (data) => - formatPercentage( - data.file_change[1000].vite / data.file_change[1000].next13 - ), - "turbopack-update-vs-vite-30000": (data) => - formatPercentage( - data.file_change[30000].vite / data.file_change[30000].next13 - ), -}); - -type Stat = keyof typeof stats; - -export function DocsBenchmarkStat(props: { stat: Stat }) { - if (!stats[props.stat]) { - throw new Error(`Invalid stat: ${props.stat}`); - } - return stats[props.stat](benchmarkData); -} diff --git a/docs/components/pages/TRPG-home/DocsBenchmarksGraph.tsx b/docs/components/pages/TRPG-home/DocsBenchmarksGraph.tsx deleted file mode 100644 index 7fb9d55..0000000 --- a/docs/components/pages/TRPG-home/DocsBenchmarksGraph.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { useState } from "react"; -import { - BenchmarkBar, - BenchmarkCategory, - BenchmarkNumberOfModules, -} from "./PackBenchmarks"; -import { BenchmarksGraph } from "./PackBenchmarksGraph"; -import { PackBenchmarksPicker } from "./PackBenchmarksPicker"; - -export function DocsBenchmarksGraph(props: { - bars: BenchmarkBar[]; - category: BenchmarkCategory; -}) { - const [numberOfModules, setNumberOfModules] = - useState("1000"); - return ( -
- -
- -
-
- ); -} diff --git a/docs/components/pages/TRPG-home/PackBenchmarkTabs.tsx b/docs/components/pages/TRPG-home/PackBenchmarkTabs.tsx deleted file mode 100644 index e79b820..0000000 --- a/docs/components/pages/TRPG-home/PackBenchmarkTabs.tsx +++ /dev/null @@ -1,149 +0,0 @@ -import { useRef, useState } from "react"; -import { AnimatePresence, motion } from "framer-motion"; -import { BenchmarkCategory } from "./PackBenchmarks"; -import classNames from "classnames"; -import gradients from "../home-shared/gradients.module.css"; - -const TABS: { - id: BenchmarkCategory; - title: string; - soon: boolean; - tooltip: string; -}[] = [ - { - id: "cold", - title: "冷加载", - soon: false, - tooltip: "First run", - }, - { - id: "file_change", - title: "热加载", - soon: false, - tooltip: "Hot Reload (HMR)", - }, - { - id: "code_build", - title: "核心构建", - soon: true, - tooltip: "First Build", - }, - { - id: "build_from_cache", - title: "使用缓存构建", - soon: true, - tooltip: "Second Build", - }, -]; - -const TRANSITION = { - duration: 0.3, - ease: [0.59, 0.15, 0.18, 0.93], -}; - -function SoonBadge() { - return ( - - Soon - - ); -} - -export function PackBenchmarkTabs({ - onTabChange, -}: { - onTabChange: (tab: BenchmarkCategory) => void; -}) { - const [activeTab, setActiveTab] = useState(0); - - const onTabClick = (index: number) => { - if (TABS[index].soon) return; - setActiveTab(index); - onTabChange(TABS[index].id); - }; - - return ( -
-
- -
- {TABS.map((tab, index) => ( - - ))} -
- -
-
- ); -} - -function ToolTip({ text, children }: { text; children: React.ReactNode }) { - const [show, setShow] = useState(false); - const timeout = useRef(); - - const onMouseEnter = () => { - timeout.current = setTimeout(() => { - setShow(true); - }, 800); - }; - - const onMouseLeave = () => { - clearTimeout(timeout.current); - setShow(false); - }; - - return ( -
- -
-
-

{text}

-
- -
{children}
-
- ); -} diff --git a/docs/components/pages/TRPG-home/PackBenchmarks.tsx b/docs/components/pages/TRPG-home/PackBenchmarks.tsx deleted file mode 100644 index 0d3322c..0000000 --- a/docs/components/pages/TRPG-home/PackBenchmarks.tsx +++ /dev/null @@ -1,97 +0,0 @@ -import { useState } from "react"; -import { FadeIn } from "../home-shared/FadeIn"; -import { SectionHeader, SectionSubtext } from "../home-shared/Headings"; -import { BenchmarksGraph } from "./PackBenchmarksGraph"; -import { PackBenchmarksPicker } from "./PackBenchmarksPicker"; -import { PackBenchmarkTabs } from "./PackBenchmarkTabs"; - -export type BenchmarkNumberOfModules = "1000" | "5000" | "10000" | "30000"; -export type BenchmarkCategory = - | "cold" - | "from_cache" - | "file_change" - | "code_build" - | "build_from_cache"; -export interface BenchmarkData { - HydroRoll: number; - Shiki: number; - OlivOS: number; - SealDice: number; -} - -export interface BenchmarkBar { - label: string; - key: keyof BenchmarkData; - core?: true; - swc?: true; -} - -export const DEFAULT_BARS: BenchmarkBar[] = [ - { - key: "HydroRoll", - label: "HydroRoll水系", - core: true, - }, - { - key: "Shiki", - label: "溯洄Shiki", - }, - { - key: "OlivOS", - label: "OlivOS青果", - swc: true, - }, - { - key: "SealDice", - label: "SealDice海豹", - }, -]; -export const HMR_BARS: BenchmarkBar[] = [ - { - key: "HydroRoll", - label: "HydroRoll水系", - core: true, - }, - { - key: "Shiki", - label: "溯洄Shiki", - }, - { - key: "OlivOS", - label: "OlivOS青果", - swc: true, - }, - { - key: "SealDice", - label: "SealDice海豹", - }, -]; - -export function PackBenchmarks() { - const [numberOfModules, setNumberOfModules] = - useState("1000"); - const [category, setCategory] = useState("cold"); - - return ( - -
- 速度不止于此 - - 快速加载，模块化设计，fastapi、aiohttp、flask等高效率支持库， - 为核心提速。 - -
-
- - -
- - - ); -} diff --git a/docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx b/docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx deleted file mode 100644 index 489553a..0000000 --- a/docs/components/pages/TRPG-home/PackBenchmarksGraph.tsx +++ /dev/null @@ -1,334 +0,0 @@ -import cn from "classnames"; -import { - animate, - motion, - useInView, - useAnimation, - AnimationPlaybackControls, -} from "framer-motion"; -import Image from "next/image"; -import { useEffect, useRef, useState } from "react"; -import benchmarkData from "./benchmark-data/data.json"; -import { Gradient } from "../home-shared/Gradient"; -import gradients from "../home-shared/gradients.module.css"; -import { - BenchmarkBar, - BenchmarkCategory, - BenchmarkData, - BenchmarkNumberOfModules, -} from "./PackBenchmarks"; -import HydroRoll from "../../logos/HydroRoll"; - -interface BenchmarksGraphProps { - category: BenchmarkCategory; - numberOfModules: BenchmarkNumberOfModules; - bars: BenchmarkBar[]; - pinTime?: true; -} - -export function BenchmarksGraph({ - category, - numberOfModules, - bars, - pinTime, -}: BenchmarksGraphProps) { - const data: BenchmarkData = benchmarkData[category][numberOfModules]; - const keys = bars.map((bar) => bar.key); - const longestTime = Math.max(...keys.map((key) => data[key])) * 1000; - const longestTimeWithPadding = longestTime * 1.15; - const graphRef = useRef(null); - const graphInView = useInView(graphRef, { once: true, margin: "-128px" }); - - return ( -
-
- -
-
- {bars.map((bar) => { - return ( - - } - duration={data[bar.key] * 1000} - longestTime={longestTimeWithPadding} - inView={graphInView} - pinTime={pinTime} - > - ); - })} -
-
- ); -} - -const START_DELAY = 0.0; - -const graphBarVariants = { - initial: { - width: 0, - }, - progress: { - width: "100%", - }, -}; - -const graphBarWrapperVariants = { - hidden: { - opacity: 0, - }, - show: { - opacity: 1, - }, -}; - -function GraphBar({ - core, - duration, - longestTime, - inView, - Label, - pinTime, -}: { - core?: boolean; - duration: number; - longestTime: number; - Label: JSX.Element; - inView?: boolean; - // Pin the time - pinTime?: true; -}) { - const controls = useAnimation(); - const [timer, setTimer] = useState(0); - const [timerAnimation, setTimerAnimation] = - useState(); - const [barWidth, setBarWidth] = useState(0); - const [, setFinished] = useState(false); - - async function stopAnimation() { - timerAnimation && timerAnimation.stop(); - controls.stop(); - } - - async function resetAnimation() { - setTimer(0); - setFinished(false); - await controls.start("initial"); - } - - async function startAnimation() { - const transition = { - duration: duration / 1000, - delay: START_DELAY, - }; - setBarWidth((duration / longestTime) * 100); - await controls.start("show"); - controls - .start("progress", { - ...transition, - ease: "linear", - }) - .then(() => { - setFinished(true); - }); - const timerAnimationRef = animate(0, duration, { - ...transition, - ease: "linear", - onUpdate(value) { - setTimer(value); - }, - }); - setTimerAnimation(timerAnimationRef); - } - - async function playFullAnimation() { - await stopAnimation(); - await controls.start("hidden"); - await resetAnimation(); - await startAnimation(); - } - - useEffect(() => { - if (inView) { - void startAnimation(); - } else { - void stopAnimation(); - void resetAnimation(); - } - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [inView]); - - useEffect(() => { - if (!inView) return; - void playFullAnimation(); - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [duration, longestTime]); - - return ( -
-
{Label}
-
- - - - - - -
-
- ); -} - -const GraphTimer = ({ - core, - timer, - duration, -}: { - core: boolean; - timer: number; - duration: number; -}) => { - return ( -
- {core && ( -
- HydroRollTRPG - HydroRollTRPG - -
- )} -

-

-
- ); -}; - -function roundTo(num: number, decimals: number) { - const factor = Math.pow(10, decimals); - return Math.round(num * factor) / factor; -} - -const Time = ({ - value, - maxValue, -}: { - value: number; - maxValue: number; -}): JSX.Element => { - let unitValue: string; - let unit: string; - if (maxValue < 1000) { - unitValue = Math.round(value).toFixed(0); - unit = "ms"; - } else { - const roundedValue = roundTo(value / 1000, 1); - unitValue = roundedValue.toFixed(1); - unit = "s"; - } - - return ( - <> - {unitValue} - {unit} - - ); -}; - -function GraphLabel({ - label, - core, - swc, - mobileOnly, - esbuild, -}: { - label: string; - core?: boolean; - swc?: boolean; - mobileOnly?: boolean; - esbuild?: boolean; -}) { - return ( -
-

{label}

- {core && ( -

- 水系核心 -

- )} - {swc && ( -

- 青果核 -

- )} - {esbuild && ( -

esbuild

- )} -
- ); -} diff --git a/docs/components/pages/TRPG-home/PackBenchmarksPicker.tsx b/docs/components/pages/TRPG-home/PackBenchmarksPicker.tsx deleted file mode 100644 index 8f0e83e..0000000 --- a/docs/components/pages/TRPG-home/PackBenchmarksPicker.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { BenchmarkNumberOfModules } from "./PackBenchmarks"; -import { PackDropdown } from "./PackDropdown"; - -export function PackBenchmarksPicker(props: { - setNumberOfModules: (num: BenchmarkNumberOfModules) => void; -}) { - return ( -
- - 本体文件大小 - - props.setNumberOfModules(value)} - /> -
- ); -} diff --git a/docs/components/pages/TRPG-home/PackDropdown.tsx b/docs/components/pages/TRPG-home/PackDropdown.tsx deleted file mode 100644 index 7ff5d76..0000000 --- a/docs/components/pages/TRPG-home/PackDropdown.tsx +++ /dev/null @@ -1,117 +0,0 @@ -import { useState, Fragment } from "react"; -import { Listbox, Transition } from "@headlessui/react"; -import { BenchmarkNumberOfModules } from "./PackBenchmarks"; - -export function PackDropdown({ - onOptionSelected, -}: { - onOptionSelected: (option: BenchmarkNumberOfModules) => void; -}) { - const [selectedOption, setSelectedOption] = - useState("1000"); - - const onSelect = (option: BenchmarkNumberOfModules) => { - onOptionSelected(option); - setSelectedOption(option); - }; - - return ( -
- - - {Number(selectedOption).toLocaleString()} - - - - - - - `relative cursor-default select-none py-1 text-sm pl-3 text-gray-400 ${ - active ? "bg-gray-800 text-gray-100" : "text-gray-900" - }` - } - > - 1000 - - - `relative cursor-default select-none py-1 text-sm pl-3 text-gray-400 ${ - active ? "bg-gray-800 text-gray-100" : "text-gray-900" - }` - } - value="5000" - > - 5000 - - - `relative cursor-default select-none py-1 text-sm pl-3 text-gray-400 ${ - active ? "bg-gray-800 text-gray-100" : "text-gray-900" - }` - } - value="10000" - > - 10000 - - - `relative cursor-default select-none py-1 text-sm pl-3 text-gray-400 ${ - active ? "bg-gray-800 text-gray-100" : "text-gray-900" - }` - } - value="30000" - > - 30000 - - - - -
- ); -} - -function BenchmarkOption({ - value, - onSelect, -}: { - value: BenchmarkNumberOfModules; - onSelect: (value: string) => void; -}) { - return ( -
onSelect(value)} - > -

- {Number(value).toLocaleString()} -

-
- ); -} - -function Arrow() { - return ( - - - - ); -} diff --git a/docs/components/pages/TRPG-home/PackFeatures.tsx b/docs/components/pages/TRPG-home/PackFeatures.tsx deleted file mode 100644 index 7abbb96..0000000 --- a/docs/components/pages/TRPG-home/PackFeatures.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import { PACK_HOME_FEATURES } from "../../../content/features"; -import { FeaturesBento } from "../home-shared/FeaturesBento"; - -export function PackFeatures() { - return ( - - ); -} diff --git a/docs/components/pages/TRPG-home/PackHero.tsx b/docs/components/pages/TRPG-home/PackHero.tsx deleted file mode 100644 index 33052db..0000000 --- a/docs/components/pages/TRPG-home/PackHero.tsx +++ /dev/null @@ -1,114 +0,0 @@ -import cn from "classnames"; -import Image from "next/image"; -import Link from "next/link"; -// import { Marquee } from "../../clients/Marquee"; -// import { Clients } from "../../clients/Clients"; -import gradients from "../home-shared/gradients.module.css"; -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/TRPGLogo"; - -export function PackHero() { - return ( - <> - - -
- HydroRollTRPG - HydroRollTRPG -
-
- -
- -
- - -
- - -
- - - Tabletop Role-Playing Game - - TRPG 模块是水系的另一个重要组成部分，它提供了一套完整的 TRPG 架构，包括骰子、角色卡、战斗、技能、物品、地图、音乐等等。 - - - -
- - - 快速开始 - - - - - 查看源码 - - -
-

License: GPL-3.0

- - -
- - - - ); -} diff --git a/docs/components/pages/TRPG-home/PackLetter.tsx b/docs/components/pages/TRPG-home/PackLetter.tsx deleted file mode 100644 index df58116..0000000 --- a/docs/components/pages/TRPG-home/PackLetter.tsx +++ /dev/null @@ -1,104 +0,0 @@ -import { HeroText } from "../home-shared/Headings"; -import Image from "next/image"; -import cn from "classnames"; -import gradients from "../home-shared/gradients.module.css"; -import { FadeIn } from "../home-shared/FadeIn"; -import { CTAButton } from "../home-shared/CTAButton"; -import Link from "next/link"; -import { Gradient } from "../home-shared/Gradient"; - -export function PackLetter() { - return ( -
- - - 究竟什么才是真正的 -
- 水系? - - -
- -

- 当水系公测后，我接触TRPG已经有两年多了，我希望能够在这里分享一些我对TRPG的理解。 - TRPG，是一种游戏，也是一种文化，它的核心是“故事”。究竟要怎么讲好一个故事呢？我认为，一个好的故事，应该是有趣的，有趣的故事，才能吸引人，才能让人愿意去听，去看，去玩。 -

-
-

- 但是，有趣的故事，不是随随便便就能讲好的，它需要有一个好的故事背景，需要有一个好的故事情节，需要有一个好的故事结局。这些，都是一个好的故事所必须具备的。 - 水系其实是站在规则书作者的角度去设计的，它的第一服务对象永远是世界主，再是kp与pl们。所以，水系的设计，是为了让世界主们能够更好的描绘自己所想象的那个世界。 -

-
-

- 水系是自由的，这主要表现在规则书是以热插拔规则包的形式存在的，世界主们可以根据自己的需要，自由的编写自己想要的规则包，来丰富自己的世界。水系是开放的，这主要表现在规则书的开源，世界主们可以根据自己的需要，自由的修改规则书，来丰富自己的世界。 - 总之，水系是为世界主们服务的，水系的目的，就是让世界主们能够更好的讲好自己的故事，构建好自己的世界。让更多冷门世界观与规则书得到更多人的关注，让更多人能够参与到TRPG的世界中来。 -

- - - - - -
- Image of Tobias Koopers -
-
- Tobias Koppers hand written signature - {/* Tobias Koppers hand written signature */} -
-

简律纯(HsiangNianian)

-

Creator of HydroRoll

-
-
- -
- -
- - - 开始搭建 - - -
- - -
- ); -} diff --git a/docs/components/pages/TRPG-home/benchmark-data/README.md b/docs/components/pages/TRPG-home/benchmark-data/README.md deleted file mode 100644 index 9b53481..0000000 --- a/docs/components/pages/TRPG-home/benchmark-data/README.md +++ /dev/null @@ -1,7 +0,0 @@ -# `turbopack` Benchmark Data - -- `bench_startup`: Time from cold start of the bundler to the browser successfully retrieving bundled scripts. This does not include react hydration time. -- `bench_hydration`: Time from cold start of the bundler to the browser successfully retrieving bundled scripts. This does wait until react hydration has completed. -- `bench_restart`: Before measuring: warms up any available persistent cache (we don’t have one yet) by performing the equivalent of the bench_hydration benchmark, shuts down the server. Then, times another bench_hydration. -- `bench_hmr_to_eval`: Measures the time it takes from an incremental change to be made, bundled, sent over hmr, and evaluated by the browser. -- `bench_hmr_to_commit`: Measures the time it takes from an incremental change to be made, bundled, sent over hmr, evaluated by the browser, and committed by React (runs a useEffect). diff --git a/docs/components/pages/TRPG-home/benchmark-data/data.json b/docs/components/pages/TRPG-home/benchmark-data/data.json deleted file mode 100644 index f88ae6f..0000000 --- a/docs/components/pages/TRPG-home/benchmark-data/data.json +++ /dev/null @@ -1,54 +0,0 @@ -{ - "cold": { - "1000": { - "next13": 1.38187759, - "vite": 4.19890847, - "next12": 3.64327949, - "next11": 9.19035540 - }, - "5000": { - "next13": 3.99792562, - "vite": 16.59615430, - "next12": 12.14057345, - "next11": 32.89712268 - }, - "10000": { - "next13": 7.34248178, - "vite": 32.25177941, - "next12": 23.27525035, - "next11": 71.80680350 - }, - "30000": { - "next13": 21.97034306, - "vite": 97.74466099, - "next12": 89.07274544, - "next11": 237.61188540 - } - }, - "file_change": { - "1000": { - "next13": 0.01890358, - "vite": 0.10476515, - "next12": 0.14617346, - "next11": 0.21155549 - }, - "5000": { - "next13": 0.02379283, - "vite": 0.10963156, - "next12": 0.49470051, - "next11": 0.86600602 - }, - "10000": { - "next13": 0.02302405, - "vite": 0.11295908, - "next12": 1.15193035, - "next11": 2.35675312 - }, - "30000": { - "next13": 0.02246753, - "vite": 0.13328557, - "next12": 6.40370549, - "next11": 9.50431942 - } - } -} diff --git a/docs/components/pages/TRPG-home/index.tsx b/docs/components/pages/TRPG-home/index.tsx deleted file mode 100644 index d08443b..0000000 --- a/docs/components/pages/TRPG-home/index.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import { PackBenchmarks } from "./PackBenchmarks"; -import { PackHero } from "./PackHero"; -import { PackLetter } from "./PackLetter"; -import { PackFeatures } from "./PackFeatures"; -import { GradientSectionBorder } from "../home-shared/GradientSectionBorder"; -import { LandingPageGlobalStyles } from "../home-shared/GlobalStyles"; - -export default function HydroRollTRPGHome() { - return ( - <> - -
- - - - - - - - -
- - ); -} diff --git a/docs/components/pages/confirm.tsx b/docs/components/pages/confirm.tsx deleted file mode 100644 index ae54cd0..0000000 --- a/docs/components/pages/confirm.tsx +++ /dev/null @@ -1,36 +0,0 @@ -/* eslint-disable react/no-unescaped-entities */ -import Head from "next/head"; -import { Container } from "../Container"; - -export default function Confirm() { - return ( - <> - - Confirm - - - -
-
-
-
-
-

Thanks so much!

-

- Keep an eye on your inbox for product updates and - announcements from Turbo and Vercel. -

{" "} -

- Thanks, -
- The HydroRoll'水系 Team. -

-
-
-
-
-
- - - ); -} diff --git a/docs/components/pages/home-shared/CTAButton.tsx b/docs/components/pages/home-shared/CTAButton.tsx deleted file mode 100644 index 57da227..0000000 --- a/docs/components/pages/home-shared/CTAButton.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import cn from "classnames"; -import { MouseEventHandler } from "react"; -import gradients from "./gradients.module.css"; - -export function CTAButton({ - children, - outline, - onClick, - monospace, -}: { - outline?: boolean; - children: React.ReactNode; - onClick?: MouseEventHandler; - monospace?: boolean; -}) { - const outlineClasses = - "border dark:border-neutral-400 dark:text-neutral-200 dark:hover:border-white dark:hover:text-white border-[#EAEAEA] text-neutral-800 hover:border-black hover:text-black"; - const filledClasses = - "dark:text-black text-white border-transparent bg-black dark:bg-white"; - - return ( -
- - {!outline && ( -
- )} -
- ); -} diff --git a/docs/components/pages/home-shared/FadeIn.tsx b/docs/components/pages/home-shared/FadeIn.tsx deleted file mode 100644 index 826a078..0000000 --- a/docs/components/pages/home-shared/FadeIn.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { motion, useInView } from "framer-motion"; -import { useRef } from "react"; - -export function FadeIn({ - children, - className, - noVertical, - delay, - viewTriggerOffset, -}: { - children: React.ReactNode; - className?: string; - noVertical?: boolean; - delay?: number; - viewTriggerOffset?: boolean; -}) { - const ref = useRef(null); - const inView = useInView(ref, { - once: true, - margin: viewTriggerOffset ? "-128px" : "0px", - }); - - const fadeUpVariants = { - initial: { - opacity: 0, - y: noVertical ? 0 : 24, - }, - animate: { - opacity: 1, - y: 0, - }, - }; - - return ( - - {children} - - ); -} diff --git a/docs/components/pages/home-shared/FeatureBox.tsx b/docs/components/pages/home-shared/FeatureBox.tsx deleted file mode 100644 index c9d46c1..0000000 --- a/docs/components/pages/home-shared/FeatureBox.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import Image from "next/image"; -import type { ReactNode } from "react"; - -export function FeatureBox({ - name, - description, - iconDark, - iconLight, -}: { - iconDark: Parameters[0]["src"]; - iconLight: Parameters[0]["src"]; - name: string; - description: ReactNode; -}) { - return ( -
- - -
-

- {name} -

- -

{description}

-
-
- ); -} diff --git a/docs/components/pages/home-shared/FeaturesBento.tsx b/docs/components/pages/home-shared/FeaturesBento.tsx deleted file mode 100644 index f2664db..0000000 --- a/docs/components/pages/home-shared/FeaturesBento.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import type { Features } from "../../../content/features"; -import { FadeIn } from "./FadeIn"; -import { SectionHeader, SectionSubtext } from "./Headings"; -import { FeatureBox } from "./FeatureBox"; - -export function FeaturesBento({ - header, - body, - features, -}: { - header: string; - body: string; - features: Features; -}) { - return ( -
- - {header} - {body} - -
- {features.map((feature) => ( - - - - ))} -
-
- ); -} diff --git a/docs/components/pages/home-shared/GlobalStyles.tsx b/docs/components/pages/home-shared/GlobalStyles.tsx deleted file mode 100644 index 5f695f3..0000000 --- a/docs/components/pages/home-shared/GlobalStyles.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import Head from "next/head"; - -export function LandingPageGlobalStyles() { - return ( - - - - ); -} diff --git a/docs/components/pages/home-shared/Gradient.tsx b/docs/components/pages/home-shared/Gradient.tsx deleted file mode 100644 index 9a03a99..0000000 --- a/docs/components/pages/home-shared/Gradient.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import cn from "classnames"; -import gradients from "./gradients.module.css"; - -export function Gradient({ - width = 1000, - height = 200, - opacity, - pink, - blue, - conic, - gray, - className, - small, -}: { - width?: number | string; - height?: number | string; - opacity?: number; - pink?: boolean; - blue?: boolean; - conic?: boolean; - gray?: boolean; - className?: string; - small?: boolean; -}) { - return ( - - ); -} diff --git a/docs/components/pages/home-shared/GradientSectionBorder.tsx b/docs/components/pages/home-shared/GradientSectionBorder.tsx deleted file mode 100644 index ef1e824..0000000 --- a/docs/components/pages/home-shared/GradientSectionBorder.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import cn from "classnames"; -import { FadeIn } from "./FadeIn"; -import gradients from "../home-shared/gradients.module.css"; - -export function GradientSectionBorder({ - children, -}: { - children: React.ReactNode; -}) { - return ( -
- - - - - - {children} -
- ); -} diff --git a/docs/components/pages/home-shared/Headings.tsx b/docs/components/pages/home-shared/Headings.tsx deleted file mode 100644 index 43a5e52..0000000 --- a/docs/components/pages/home-shared/Headings.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import cn from "classnames"; -import gradients from "./gradients.module.css"; - -export function HeroText({ - children, - className, - h1, -}: { - children: React.ReactNode; - className?: string; - h1?: boolean; -}) { - const combinedClassname = cn( - gradients.heroHeading, - "font-extrabold tracking-[-0.04em] leading-none text-[40px] md:text-5xl lg:text-[80px] max-w-lg md:max-w-xl lg:max-w-4xl text-center text-transparent", - className - ); - - if (h1) { - return

{children}

; - } - return

{children}

; -} - -export function SectionHeader({ children }: { children: React.ReactNode }) { - return ( -

- {children} -

- ); -} - -export function SectionSubtext({ - hero, - children, -}: { - hero?: boolean; - children: React.ReactNode; -}) { - const textClasses = hero - ? "text-[20px] lg:text-xl" - : "text-[16px] lg:text-[20px]"; - - return ( -

- {children} -

- ); -} diff --git a/docs/components/pages/home-shared/gradients.module.css b/docs/components/pages/home-shared/gradients.module.css deleted file mode 100644 index 3f94e39..0000000 --- a/docs/components/pages/home-shared/gradients.module.css +++ /dev/null @@ -1,231 +0,0 @@ -.benchmarkTurbo { - background: linear-gradient(288.43deg, #651eff 28.29%, #518ca1 78.78%); - box-shadow: 0px 0px 16px #5f26f0; - :global(.light) & { - background: linear-gradient( - 268.86deg, - #1ebcff -5.68%, - #7fdcd4 107.63%, - #51a181 107.64% - ); - box-shadow: none; - } -} - -.benchmarkActiveTab { - background: radial-gradient( - 50% 50% at 50% 100%, - rgba(255, 255, 255, 0.2) 0%, - rgba(255, 255, 255, 0) 100% - ), - linear-gradient(0deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), - radial-gradient( - 128.57% 128.57% at 50% 0%, - rgba(255, 255, 255, 0.1) 0%, - rgba(255, 255, 255, 0) 100% - ), - radial-gradient( - 100% 427.04% at 100% 0%, - rgba(255, 255, 255, 0.1) 0%, - rgba(255, 255, 255, 0) 100% - ), - radial-gradient( - 100% 462.63% at 0% 0%, - rgba(255, 255, 255, 0.1) 0%, - rgba(255, 255, 255, 0) 100% - ); - :global(.light) & { - background: linear-gradient( - 0deg, - rgba(255, 255, 255, 0.8), - rgba(255, 255, 255, 0.8) - ), - radial-gradient( - 50% 50% at 49.66% 0%, - rgba(255, 255, 255, 0.1) 0%, - rgba(255, 255, 255, 0) 100% - ); - } -} - -.benchmarkTurboLabel { - background: linear-gradient(288.43deg, #651eff 28.29%, #518ca1 78.78%); - color: transparent; - background-clip: text; - :global(.light) & { - background: linear-gradient( - 268.86deg, - #1ebcff -5.68%, - #7fdcd4 107.63%, - #51a181 107.64% - ), - linear-gradient(288.43deg, #5f26f0 28.29%, #518ca1 78.78%); - color: transparent; - background-clip: text; - } -} - -.benchmark { - background: linear-gradient(270deg, #5c5c5c 0%, #1f1f1f 100%); - :global(.light) & { - background: linear-gradient(89.98deg, #e0e0e0 0.01%, #9c9c9c 99.49%); - } -} - -.barBorder { - border: rgba(255, 255, 255, 0.4) 1px solid; - :global(.light) & { - border: rgba(0, 0, 0, 0.6) 1px solid; - } -} - -.tooltipArrow { - display: block; - border-left: 8px solid transparent; - border-bottom: 8px solid #333333; - border-right: 8px solid transparent; - :global(.light) & { - border-bottom: 8px solid #f5f5f5; - } -} -.translatingGlow { - background: linear-gradient(32deg, #2a8af6 0%, #a853ba 50%, #518ca1 100%); - background-size: 200% 200%; - animation: translateGlow 7s linear infinite; - will-change: filter; -} - -@keyframes translateGlow { - 0% { - background-position: -20% -20%; - } - 25% { - background-position: 30% 80%; - } - 50% { - background-position: 110% 110%; - } - 75% { - background-position: 80% 30%; - } - 100% { - background-position: -20% -20%; - } -} - -.turbopackHeaderText { - background: linear-gradient( - 90deg, - rgba(200, 221, 255, 0.75) 0%, - rgba(255, 202, 222, 0.75) 100% - ), - linear-gradient(0deg, #ffffff, #ffffff); - - :global(.light) & { - background: linear-gradient( - 90deg, - rgba(200, 221, 255, 0.1) 0%, - rgba(255, 202, 222, 0.1) 100% - ), - #000000; - background-clip: text; - } - background-clip: text; -} - -.heroHeading { - background: linear-gradient(180deg, #ffffff 0%, #aaaaaa 100%), #ffffff; - :global(.light) & { - background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, #000000 100%); - background-clip: text; - } - background-clip: text; -} - -.letterLine { - opacity: 0.2; - background: linear-gradient( - 90deg, - #000000 0%, - #ffffff 20%, - #ffffff 80%, - #000000 100% - ); - :global(.light) & { - background: linear-gradient( - 90deg, - #ffffff 0%, - #000000 20%, - #000000 80%, - #ffffff 100% - ); - } -} - -.glow { - mix-blend-mode: normal; - filter: blur(75px); - will-change: filter; -} - -.glowSmall { - filter: blur(32px); -} - -.glowBlue { - background: linear-gradient(180deg, #58a5ff 0%, #a67af4 100%); -} - -.glowPink { - background: linear-gradient(180deg, #518ca1 0%, #5f26f0 100%); -} - -.glowConic { - background: conic-gradient( - from 180deg at 50% 50%, - #1ebcff 0deg, - #7fdcd4 180deg, - #51a181 360deg - ); -} - -.glowGray { - background: rgba(255, 255, 255, 0.15); -} - -.gradientSectionBorder { - --gradient-y-offset: -200px; - --gradient-x-offset: -200px; - --height: 255px; - position: relative; - overflow: hidden; - will-change: filter; -} - -.gradientSectionBorderLeft { - position: absolute; - width: 60vw; - height: var(--height); - left: var(--gradient-x-offset); - top: var(--gradient-y-offset); - background: linear-gradient(180deg, #58a5ff 0%, #a67af4 100%); - border-radius: 100%; - mix-blend-mode: normal; - filter: blur(50px); -} - -.gradientSectionBorderRight { - width: 60vw; - position: absolute; - height: var(--height); - right: var(--gradient-x-offset); - top: var(--gradient-y-offset); - 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%, #5f26f0 100%); -} diff --git a/docs/components/pages/landing/HydroRollAI.tsx b/docs/components/pages/landing/HydroRollAI.tsx deleted file mode 100644 index 8bb778e..0000000 --- a/docs/components/pages/landing/HydroRollAI.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import Image from "next/image"; - -export function HydroRollAI() { - return ( -
-
-
- HydroRollAI Logo -
-
- HydroRollAI Logo -
-
- ); -} diff --git a/docs/components/pages/landing/HydroRollTRPG.tsx b/docs/components/pages/landing/HydroRollTRPG.tsx deleted file mode 100644 index 27cd838..0000000 --- a/docs/components/pages/landing/HydroRollTRPG.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import Image from "next/image"; - -export function HydroRollTRPG() { - return ( -
-
-
- -
-
- -
-
- ); -} diff --git a/docs/components/pages/landing/TurboHeroBackground.tsx b/docs/components/pages/landing/TurboHeroBackground.tsx deleted file mode 100644 index dffa5b6..0000000 --- a/docs/components/pages/landing/TurboHeroBackground.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import cn from "classnames"; -import styles from "./turbohero-background.module.css"; - -export function TurboheroBackground(): JSX.Element { - return ( -
-
-
-
-
-
- ); -} diff --git a/docs/components/pages/landing/index.module.css b/docs/components/pages/landing/index.module.css deleted file mode 100644 index a492233..0000000 --- a/docs/components/pages/landing/index.module.css +++ /dev/null @@ -1,184 +0,0 @@ -.leftLights::before { - content: ""; - position: absolute; - pointer-events: none; - width: 25%; - height: 900px; - left: -12.5%; - top: calc(50% - 900px / 2 + 151px); - opacity: 0.2; - background: linear-gradient(180deg, #77b8ff 0%, rgba(42, 138, 246, 0.4) 100%); - filter: blur(125px); - transform: rotate(-15deg); - border-bottom-left-radius: 25% 25%; - border-bottom-right-radius: 25% 25%; - border-top-left-radius: 100% 100%; - border-top-right-radius: 100% 100%; - z-index: 200; - will-change: filter; - mix-blend-mode: normal; -} - -.leftLights::after { - content: ""; - position: absolute; - pointer-events: none; - width: 40%; - height: 422px; - left: 0px; - top: calc(50% - 422px / 2 + 298px); - opacity: 0.5; - background: linear-gradient( - 180deg, - rgba(29, 92, 162, 0.2) 0%, - rgba(42, 138, 246, 0.4) 100% - ); - filter: blur(125px); - will-change: filter; - mix-blend-mode: normal; -} - -.rightLights::before { - z-index: 200; - content: ""; - position: absolute; - pointer-events: none; - width: 25%; - height: 900px; - right: -12.5%; - top: calc(50% - 900px / 2 + 151px); - background-image: linear-gradient( - 180deg, - rgba(53, 25, 92, 0.4) 0%, - rgb(99, 42, 233) 100% - ); - filter: blur(125px); - transform: rotate(15deg); - border-bottom-left-radius: 25% 25%; - border-bottom-right-radius: 25% 25%; - border-top-left-radius: 100% 100%; - border-top-right-radius: 100% 100%; - opacity: 0.2; - overflow: hidden; - will-change: filter; - mix-blend-mode: normal; -} - -.rightLights::after { - content: ""; - position: absolute; - pointer-events: none; - width: 40%; - height: 422px; - right: 0px; - top: calc(50% - 422px / 2 + 298px); - opacity: 0.25; - - background: linear-gradient( - 180deg, - rgba(151, 164, 236, 0.4) 0%, - rgb(115, 42, 233) 100% - ); - transform: matrix(-1, 0, 0, 1, 0, 0); - filter: blur(125px); - will-change: filter; - mix-blend-mode: normal; -} - -.counter-border { - --border-radius: 12px; - --border-size: 1px; - --padding: 1px; - --border-bg: conic-gradient( - from 180deg at 50% 50%, - #2a2ae9 0deg, - #a853ba 112.5deg, - #2a8af6 228.75deg, - rgba(42, 138, 246, 0) 360deg - ); - position: relative; - overflow: hidden; - font-size: 2rem; - padding: calc(var(--padding) + var(--border-size)); - border-radius: var(--border-radius); - display: inline-block; - z-index: 0; - backface-visibility: hidden; - perspective: 1000; - transform: translate3d(0, 0, 0); -} - -.counter-border:hover { - cursor: pointer; -} - -.counter-border i { - content: ""; - position: absolute; - top: var(--border-size); - right: var(--border-size); - bottom: var(--border-size); - left: var(--border-size); - padding: var(--border-size); - mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); - mask-composite: exclude; - z-index: -1; - border-radius: calc(var(--border-radius) + var(--border-size)); -} - -.counter-border i::before { - content: ""; - display: block; - background: var(--border-bg); - box-shadow: 0px 0px 40px 20px --var(--border-bg); - width: calc(100% * 1.41421356237); - padding-bottom: calc(100% * 1.41421356237); - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - border-radius: 100%; - z-index: -2; - animation: spin 5s linear infinite; -} - -@media (prefers-reduced-motion) { - .counter-border i::before { - animation: none; - } -} - -@keyframes spin { - from { - transform: translate(-50%, -50%) rotate(360deg); - } - to { - transform: translate(-50%, -50%) rotate(0); - } -} - -.leftBottomLights { - position: absolute; - width: 387px; - height: 404px; - left: calc(50% - 387px / 2 - 80px); - bottom: -32px; - background: linear-gradient(180deg, #58a5ff 0%, #a67af4 100%); - mix-blend-mode: normal; - opacity: 0.15; - filter: blur(50px); - will-change: filter; -} - -.rightBottomLights { - position: absolute; - width: 387px; - height: 404px; - left: calc(50% - 387px / 2 + 81px); - bottom: -32px; - background: linear-gradient(180deg, #3333ff 0%, #4fdfff 100%); - mix-blend-mode: normal; - opacity: 0.15; - filter: blur(50px); - will-change: filter; -} 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 ( -
-
- - - - - -
- ); -} - -export function CardBadge({ children }: { children: React.ReactNode }) { - return ( -
- {children} -
- ); -} - -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 ( - setHovering(true)} - onMouseLeave={() => setHovering(false)} - > - -
-
- -
- -
- {title == "TRPG" ? ( - - ) : ( - - )} - {children} -
-
- - ); -} - -function SiteCards() { - return ( -
- - -

- 水系核心——AI模块 -

- - - - -
- alpha -
-

- 阅读水系TRPG模块文档 -

- - -
- ); -} - -function Teams() { - return ( -
-

- Thx by teams from -
around the world -

- 感谢以下来自世界各地的团队或组织的贡献 -

-
- -
-
- ); -} - -function LandingPage() { - return ( - <> - -
- - -

- Make it Happen -

-

- HydroRoll'水系 是一个基于nlp多任务模型的跨平台骰系，尽管只是作为深度学习框架iamai的插件并且借鉴了大量其它骰系较好的机制，但它仍然有自己的创新之处与标准遵循。 -

- - - - - -
- - ); -} - -export default LandingPage; diff --git a/docs/components/pages/landing/turbohero-background.module.css b/docs/components/pages/landing/turbohero-background.module.css deleted file mode 100644 index 8f157e1..0000000 --- a/docs/components/pages/landing/turbohero-background.module.css +++ /dev/null @@ -1,108 +0,0 @@ -.container { - position: absolute; - z-index: -6; - overflow: hidden; - inset: 0; - transition: perspective 3000ms ease 0s; -} - -.lines { - --right: #f8cde8; - --left: #b9ddff; - position: absolute; - width: 200vw; - margin-left: -50%; - transform: translateY(0); - background-image: linear-gradient( - to right, - var(--left) 45%, - rgba(0, 0, 0, 0) 50%, - var(--right) 55% - ); - mask-image: linear-gradient( - to right, - rgba(0, 0, 0, 1) 2px, - rgba(0, 0, 0, 0) 1px - ), - linear-gradient(to bottom, rgba(0, 0, 0, 1) 2px, rgba(0, 0, 0, 0) 1px); - mask-size: 60px 60px; - overflow: hidden; - mask-repeat: repeat repeat; - display: flex; - align-items: center; - justify-content: center; - inset: -100% 0px; - background-position-y: 100%; - mask-position: 50% 0px; - animation: go-up 60s linear infinite; -} - -@media (min-width: 1024px) { - .lines { - animation-duration: 30s; - mask-size: 80px 80px; - } -} - -:global(.dark) .lines { - --right: #4c2638; - --left: #223b67; -} - -@keyframes go-up { - 0% { - transform: translateY(0); - } - - 100% { - transform: translateY(calc(50% + 28px)); - } -} - -.pulse::before { - content: ""; - position: absolute; - inset: 0px; - animation: pulse-frames ease-out 8s infinite; - animation-delay: 0s; - background: rgba(0, 0, 0, 0) - linear-gradient( - to top, - rgba(0, 0, 0, 0) 45%, - var(--pulse-color) 50%, - rgba(0, 0, 0, 0) 90% - ) - no-repeat; - z-index: 211; - animation-delay: var(--delay); -} - -@keyframes pulse-frames { - 0% { - transform: translateY(0%); - } - 50% { - transform: translateY(200%); - } - 100% { - transform: translateY(200%); - } -} - -@media (prefers-reduced-motion) { - .lines { - animation: none; - } - .pulse::before { - animation: none; - } -} - -@media (prefers-reduced-motion) { - .lines { - animation: none; - } - .pulse::before { - animation: none; - } -} diff --git a/docs/components/pages/showcase.tsx b/docs/components/pages/showcase.tsx deleted file mode 100644 index 922f943..0000000 --- a/docs/components/pages/showcase.tsx +++ /dev/null @@ -1,47 +0,0 @@ -/* eslint-disable react/no-unescaped-entities */ -import { Container } from "../Container"; -import { Clients } from "../clients/Clients"; - -export default function Showcase() { - return ( -
-
-
-

- Showcase -

-

- Wut about plugins? -

-

- Turbo is the one of the fastest growing toolchains in the frontend - ecosystem. It's trusted by thousands of developers in production - including teams at Vercel, AWS, Netflix, Microsoft, Disney, and - more. -

-
-
- -
- -
- -
-
- Are you using HydroRoll? -
- -
- -
- ); -} -- cgit v1.2.3-70-g09d2