Startup-grade single-page site for the Data Foundry project (PINE Lab @ NTU Singapore): industrial robot data collection, curation, and manufacturing foundation models for high-precision assembly.
index.html— the entire site (self-contained HTML/CSS/JS, no build step, no framework)assets/video/— 12 demo videos, re-encoded to web-friendly H.264 (~44 MB total)assets/poster/— video poster frames (shown before each video loads)assets/img/— compressed WebP images, logos, and the project poster
Total size ≈ 46 MB — well within GitHub's limits (no file exceeds 10 MB).
cd data-foundry-site
python3 -m http.server 8000
# open http://localhost:8000(Opening index.html directly also works; a local server is closer to production behavior.)
cd data-foundry-site
git init
git add .
git commit -m "Data Foundry website"
git branch -M main
git remote add origin https://github.com/<your-username>/<repo-name>.git
git push -u origin mainThen on GitHub: Settings → Pages → Source: Deploy from a branch → Branch: main / (root) → Save.
A few minutes later the site is live at https://<your-username>.github.io/<repo-name>/.
中文简述:把本文件夹整个推送到一个 GitHub 仓库,然后在仓库的 Settings → Pages 里选择 main 分支根目录发布即可。
Everything lives in index.html:
- Copy / numbers — search for the section comments (
<!-- ===== HERO ===== -->,WHY,PLATFORM,DATA ENGINE,FOUNDATION MODEL,DEMOS,TASKS,ROADMAP,PARTNERS). - Contact email — search for
mailto:(2 occurrences). - Add a video — copy any
.vid-cardblock, drop the.mp4inassets/video/and a poster.jpginassets/poster/. Re-encode big sources first:ffmpeg -i input.mp4 -c:v libx264 -crf 27 -preset medium -pix_fmt yuv420p \ -movflags +faststart -an -vf "scale='min(960,iw)':-2" out.mp4 - Colors / fonts — design tokens are in the
:rootblock at the top of the CSS.
Notes: videos lazy-load and autoplay (muted) only while visible; ?static=1 in the URL disables animations (also respects prefers-reduced-motion).