A static project page for a paper or research project, built on the Nerfies template (Bulma + a little jQuery, no build step).
Published with GitHub Pages: enable Pages for this repo (Settings → Pages →
deploy from branch main, folder /).
index.html the whole page - edit this
static/css/index.css page-specific styles (Bulma itself is vendored here too)
static/js/index.js carousel + interpolation-slider setup and config
static/images/ favicon, reference stills, social preview image
static/videos/ teaser and result clips
static/interpolation/stacked/ frames for the interpolation slider
index.html is placeholder content end to end; every section is marked with an
HTML comment saying what it is and when to delete it. Work through it top to
bottom:
- Head - title, description, keywords, and the
og:/twitter:social preview tags. The social URLs must be absolute, so replacehttps://USERNAME.github.io/REPO/with the real address. - Hero - title, authors, affiliations, and the Paper / arXiv / Video / Code / Data buttons. Delete the link blocks you do not need.
- Teaser - drop a short looping clip at
static/videos/teaser.mp4. - Carousel - one
.itemper result video instatic/videos/. - Abstract, Video (replace
VIDEO_IDwith your YouTube id), the two-column results section, Related Links, and BibTeX.
The slider swaps through pre-rendered frames rather than scrubbing a video:
- Put the frames in
static/interpolation/stacked/, named000000.jpg,000001.jpg, ... (zero-padded to 6 digits). - Set
INTERP_BASEandNUM_INTERP_FRAMESat the top ofstatic/js/index.js. - Put the two reference stills at
static/images/interpolate_start.jpgandstatic/images/interpolate_end.jpg.
If you don't need it, delete the interpolation block from index.html - the JS
skips it when the block is missing.
- No analytics are included. Paste your own snippet into the marked spot in
<head>if you want them. - Keep media small; GitHub Pages serves everything in the repo and large videos make the page slow and the repo heavy.
python3 -m http.server 8000
Then open http://localhost:8000.
Website borrowed from NeRFies under a
Creative Commons Attribution-ShareAlike 4.0 International.
Keep the attribution line in the footer if you reuse this.
