ai runtime

网站 · AI · 免费
内容预览

Rebuild this as a **single-viewport, full-bleed video-background landing page** using static **HTML + CSS + vanilla JS** (no framework). Match the current implementation exactly. File structure: ``` index.html styles.css main.js assets/logo.webp fonts/GeistPixel-Circle.woff2 ``` Document title: `Intelligence Designed To Evolve`. Body: black `#000`, `overflow: hidden`, height `100vh` / `100dvh`, Inter for UI, retro dot-matrix display font for headline + stat symbols. Antialiased text. --- ## Exact background video (required) Full-viewport cover video behind all UI (`position: absolute; inset: 0; object-fit: cover; pointer-events: none; z-index: 0`). ```html ``` Use this **exact CloudFront URL**. Parent `.bg` is black `#000`, absolute inset 0, `overflow: hidden`. --- ## Fonts (exact) **1. Inter** (UI) via Google Fonts: weights `400`, `500`, `600` `https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap` Stack: `"Inter", "Segoe UI", system-ui, sans-serif` **2. BubbledotICG-FinePos** (primary display — retro dot-matrix) via OnlineWebFonts CDN — **do not use local Bubbledot files**: ```html ``` Family name exactly: `"BubbledotICG-FinePos"` **3. Geist Pixel Circle** (fallback display only) local `@font-face`: - `fonts/GeistPixel-Circle.woff2` - weight 400, `font-display: swap` - Display stack: `"BubbledotICG-FinePos", "Geist Pixel Circle", monospace` **4. Font Awesome 6.5.2** (enterprise brand icons) from cdnjs: ``` https://cdnjs.cloudflare.com/ajax/libs/font-a

……（完整源码请在站内查看）