Academic Project Page Template
Update (September 2025): This template has been modernized with better design, SEO, and mobile support. For the original version, see the original-version branch.
A clean, responsive template for academic project pages.
Example project pages built using this template are:
- https://horwitz.ai/probex
- https://vision.huji.ac.il/probegen
- https://horwitz.ai/mother
- https://horwitz.ai/spectral_detuning
- https://vision.huji.ac.il/ladeda
- https://vision.huji.ac.il/dsire
- https://horwitz.ai/podd
- https://dreamix-video-editing.github.io
- https://horwitz.ai/conffusion
- https://horwitz.ai/3d_ads/
- https://vision.huji.ac.il/ssrl_ad
- https://vision.huji.ac.il/deepsim
Start using the template
To start using the template click on Use this Template.
The template uses html for controlling the content and css for controlling the style.
To edit the websites contents edit the index.html file. It contains different HTML "building blocks", use whichever ones you need and comment out the rest.
IMPORTANT! Make sure to replace the favicon.ico under static/images/ with one of your own, otherwise your favicon is going to be a dreambooth image of me.
What's New
- Modern, clean design with better mobile support
- Improved SEO with proper meta tags and structured data
- Performance improvements (lazy loading, optimized assets)
- More Works dropdown
- Copy button for BibTeX citations
- Better accessibility
Components
- Teaser video
- Image carousel
- YouTube video embedding
- Video carousel
- PDF poster viewer
- BibTeX citation
Customization
The HTML file has TODO comments showing what to replace:
- Paper title, authors, institution, conference
- Links (arXiv, GitHub, etc.)
- Abstract and descriptions
- Videos, images, and PDFs
- Related works in the dropdown
- Meta tags for SEO and social sharing
Meta Tags
The template includes meta tags for better search engine visibility and social media sharing. These appear in the <head> section and help with:
- Google Scholar indexing
- Social media previews (Twitter, Facebook, LinkedIn)
- Search engine optimization
Create a 1200x630px social preview image at static/images/social_preview.png.
Tips
- Compress images with TinyPNG
- Use YouTube for large videos (>10MB)
- Replace the favicon in
static/images/ - Works with GitHub Pages
Acknowledgments
Parts of this project page were adopted from the Nerfies page.
Website License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.