# Dolphio Tech Limited — static corporate website

A responsive, one-page corporate website for Dolphio Tech Limited. The site presents Hong Kong RegTech and tokenisation work, heterogeneous physical-AI R&D, and real-world operational data collection for embodied-AI training.

## Run locally

No build step, package installation, backend or internet connection is required.

- Open `index.html` directly in a modern browser, or
- Serve this folder with any static server, for example:

```bash
python3 -m http.server 8000
```

Then open `http://localhost:8000/`.

## Deploy

Upload the **entire contents of this folder** to any conventional static web host. Keep the relative folder structure intact. `index.html` is the entry point. There are no server-side routes, environment variables, form endpoints, analytics or database dependencies.

## Folder structure

```text
index.html                 Page content, SEO metadata and dialogs
styles.css                 Visual system, responsive layouts and reduced-motion view
script.js                  Pointer response, scroll helix, navigation, dialogs and TXT export
README.md                  Editing, deployment and asset notes
assets/
  brand/                   Supplied Dolphio logo, extracted mark and favicon
  fonts/                   Local Noto Sans and Cormorant Garamond fonts + licences
  images/                  Optimised humanoid, care, property and Open Graph images
  posters/                 Nine original research-card images for the helix
```

## Editing

- Edit company copy and section order in `index.html`.
- Edit colours, typography and breakpoints in `styles.css`.
- Edit the three field-note groups in `PROJECTS` near the top of `script.js`.
- Poster files use the 720 × 1152 px source format. Keep the same aspect ratio when replacing them so the curved-surface mapping remains aligned.
- The contact address is intentionally written as `ricky.wong@dolphio.xyz` in the page and mailto links.
- The university joint laboratory is deliberately labelled **“In preparation”**. Do not change this to “launched” or “funded” without new verified information.

## Contact and privacy behaviour

Email CTAs open the visitor’s email client. The collaboration-brief form posts to a Dolphio API that emails the answers to ricky.wong@dolphio.xyz via Amazon SES. Briefs are not stored in a database. There are no analytics, cookies or accounts.

## Accessibility and motion

The page includes a skip link, semantic sections, keyboard-operable native dialogs, visible focus states, a mobile menu and reduced-motion support. With reduced motion enabled—or JavaScript unavailable—the helix becomes a static poster grid. The hero’s pointer response is disabled for reduced-motion users.

## Asset and source notes

- **Dolphio logo:** supplied by the user as `dolphio2_fin_moved.avif`; reused without replacing the brand artwork. A cropped dolphin mark and favicon were derived from it.
- **Hero humanoid:** custom AI-generated, photorealistic full-body mechanical humanoid, optimised locally as WebP. It has no human face or skin. Pointer movement turns the head independently around the neck and gently moves the figure on fine-pointer devices; the effect is unlabelled and disabled for reduced-motion users.
- **Scenario images:** custom AI-generated images created for this website, then optimised locally as WebP. No identifiable patient or elderly person is shown.
- **Research posters and Open Graph layout:** original, programmatically composed graphics created for Dolphio; no stock photography or client logos are used.
- **STILL template:** interaction architecture and curved-scroll-gallery mechanics were adapted from the user-selected STILL portfolio template. Its fashion photographs, portrait sequence and Chinese portfolio content were removed.
- **Noto Sans:** locally hosted, SIL Open Font License; see `assets/fonts/LICENSE-NotoSans.txt`.
- **Cormorant Garamond:** locally hosted, SIL Open Font License; see `assets/fonts/OFL-CormorantGaramond.txt`.

No external image, script, CSS or font requests are made by the running website.
