You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+45-18Lines changed: 45 additions & 18 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,5 +1,8 @@
1
1
# 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.
3
6
4
7
5
8
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
26
29
27
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.
28
31
32
+
## What's New
33
+
34
+
- Modern, clean design with better mobile support
35
+
- Improved SEO with proper meta tags and structured data
- 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
48
75
49
76
## Acknowledgments
50
77
Parts of this project page were adopted from the [Nerfies](https://nerfies.github.io/) page.
0 commit comments