diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 57f73aa4..befb1fe4 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -16,16 +16,14 @@ jobs: - name: Checkout uses: actions/checkout@v4 - - name: Setup Node - uses: actions/setup-node@v4 - with: - node-version: 22 + - name: Setup Bun + uses: oven-sh/setup-bun@v2 - name: Install dependencies - run: npm ci + run: bun install --frozen-lockfile - name: Typecheck - run: npx tsc --noEmit + run: bun tsc --noEmit ui-tests: runs-on: self-hosted diff --git a/web/README.md b/web/README.md new file mode 100644 index 00000000..e215bc4c --- /dev/null +++ b/web/README.md @@ -0,0 +1,36 @@ +This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). + +## Getting Started + +First, run the development server: + +```bash +npm run dev +# or +yarn dev +# or +pnpm dev +# or +bun dev +``` + +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. + +You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. + +This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. + +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! + +## Deploy on Vercel + +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. + +Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. diff --git a/web/app/globals.css b/web/app/globals.css index 2fb22f3d..8ce72285 100644 --- a/web/app/globals.css +++ b/web/app/globals.css @@ -26,6 +26,10 @@ --font-mono: var(--font-geist-mono); } +html { + background: var(--background); +} + body { background: var(--background); color: var(--foreground); @@ -35,6 +39,31 @@ body { background: #3b82f620; } +::view-transition-old(root), +::view-transition-new(root) { + animation-duration: 320ms; + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +::view-transition-old(root) { + mix-blend-mode: normal; +} + +.dark::view-transition-old(root) { + z-index: 1; +} + +.dark::view-transition-new(root) { + z-index: 2; +} + +@media (prefers-reduced-motion: reduce) { + ::view-transition-old(root), + ::view-transition-new(root) { + animation-duration: 1ms; + } +} + @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } diff --git a/web/app/page.tsx b/web/app/page.tsx index 3f3869d6..292148dd 100644 --- a/web/app/page.tsx +++ b/web/app/page.tsx @@ -36,21 +36,32 @@ export default function Home() {

{/* Download */} -
+
Download for Mac + + + + + View on GitHub +
{/* Features */}
-

+

Features