|
| 1 | +# Academic Project Page Template |
| 2 | + |
| 3 | +> **Update (September 2025)**: This template has been modernized with better design, SEO, and mobile support. For the original version, see the [original-version branch](https://github.com/eliahuhorwitz/Academic-project-page-template/tree/original-version). |
| 4 | +
|
| 5 | +A clean, responsive template for academic project pages. |
| 6 | + |
| 7 | + |
| 8 | +Example project pages built using this template are: |
| 9 | +- https://horwitz.ai/probex |
| 10 | +- https://vision.huji.ac.il/probegen |
| 11 | +- https://horwitz.ai/mother |
| 12 | +- https://horwitz.ai/spectral_detuning |
| 13 | +- https://vision.huji.ac.il/ladeda |
| 14 | +- https://vision.huji.ac.il/dsire |
| 15 | +- https://horwitz.ai/podd |
| 16 | +- https://dreamix-video-editing.github.io |
| 17 | +- https://horwitz.ai/conffusion |
| 18 | +- https://horwitz.ai/3d_ads/ |
| 19 | +- https://vision.huji.ac.il/ssrl_ad |
| 20 | +- https://vision.huji.ac.il/deepsim |
| 21 | + |
| 22 | + |
| 23 | + |
| 24 | +## Start using the template |
| 25 | +To start using the template click on `Use this Template`. |
| 26 | + |
| 27 | +The template uses html for controlling the content and css for controlling the style. |
| 28 | +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. |
| 29 | + |
| 30 | +**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. |
| 31 | + |
| 32 | +## What's New |
| 33 | + |
| 34 | +- Modern, clean design with better mobile support |
| 35 | +- Improved SEO with proper meta tags and structured data |
| 36 | +- Performance improvements (lazy loading, optimized assets) |
| 37 | +- More Works dropdown |
| 38 | +- Copy button for BibTeX citations |
| 39 | +- Better accessibility |
| 40 | + |
| 41 | +## Components |
| 42 | + |
| 43 | +- Teaser video |
| 44 | +- Image carousel |
| 45 | +- YouTube video embedding |
| 46 | +- Video carousel |
| 47 | +- PDF poster viewer |
| 48 | +- BibTeX citation |
| 49 | + |
| 50 | +## Customization |
| 51 | + |
| 52 | +The HTML file has TODO comments showing what to replace: |
| 53 | + |
| 54 | +- Paper title, authors, institution, conference |
| 55 | +- Links (arXiv, GitHub, etc.) |
| 56 | +- Abstract and descriptions |
| 57 | +- Videos, images, and PDFs |
| 58 | +- Related works in the dropdown |
| 59 | +- Meta tags for SEO and social sharing |
| 60 | + |
| 61 | +### Meta Tags |
| 62 | +The template includes meta tags for better search engine visibility and social media sharing. These appear in the `<head>` section and help with: |
| 63 | +- Google Scholar indexing |
| 64 | +- Social media previews (Twitter, Facebook, LinkedIn) |
| 65 | +- Search engine optimization |
| 66 | + |
| 67 | +Create a 1200x630px social preview image at `static/images/social_preview.png`. |
| 68 | + |
| 69 | +## Tips |
| 70 | + |
| 71 | +- Compress images with [TinyPNG](https://tinypng.com) |
| 72 | +- Use YouTube for large videos (>10MB) |
| 73 | +- Replace the favicon in `static/images/` |
| 74 | +- Works with GitHub Pages |
| 75 | + |
| 76 | +## Acknowledgments |
| 77 | +Parts of this project page were adopted from the [Nerfies](https://nerfies.github.io/) page. |
| 78 | + |
| 79 | +## Website License |
| 80 | +<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>. |
0 commit comments