Skip to content

Commit cdaa0cd

Browse files
committed
Modernize template: improved design, SEO, mobile support, and UX features
1 parent db56040 commit cdaa0cd

File tree

4 files changed

+1083
-118
lines changed

4 files changed

+1083
-118
lines changed

README.md

Lines changed: 45 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
# Academic Project Page Template
2-
This is an academic paper 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.
36

47

58
Example project pages built using this template are:
@@ -26,25 +29,49 @@ To edit the websites contents edit the `index.html` file. It contains different
2629

2730
**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.
2831

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+
2941
## Components
42+
3043
- Teaser video
31-
- Images Carousel
32-
- Youtube embedding
33-
- Video Carousel
34-
- PDF Poster
35-
- Bibtex citation
36-
37-
## Tips:
38-
- The `index.html` file contains comments instructing you what to replace, you should follow these comments.
39-
- The `meta` tags in the `index.html` file are used to provide metadata about your paper
40-
(e.g. helping search engine index the website, showing a preview image when sharing the website, etc.)
41-
- The resolution of images and videos can usually be around 1920-2048, there rarely a need for better resolution that take longer to load.
42-
- All the images and videos you use should be compressed to allow for fast loading of the website (and thus better indexing by search engines). For images, you can use [TinyPNG](https://tinypng.com), for videos you can need to find the tradeoff between size and quality.
43-
- When using large video files (larger than 10MB), it's better to use youtube for hosting the video as serving the video from the website can take time.
44-
- Using a tracker can help you analyze the traffic and see where users came from. [statcounter](https://statcounter.com) is a free, easy to use tracker that takes under 5 minutes to set up.
45-
- This project page can also be made into a github pages website.
46-
- Replace the favicon to one of your choosing (the default one is of the Hebrew University).
47-
- Suggestions, improvements and comments are welcome, simply open an issue or contact me. You can find my contact information at [https://horwitz.ai](https://horwitz.ai)
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
4875

4976
## Acknowledgments
5077
Parts of this project page were adopted from the [Nerfies](https://nerfies.github.io/) page.

0 commit comments

Comments
 (0)