This is a live demo for a template you can use to create a simple project page for your research paper. See the code for the template and instructions on how to use it yourself here. It’s made with the Astro web framework and styled with Tailwind CSS. You write the content in MDX, which enables markdown formatting like bold and italics as well as custom components like small caps.
Use the figure component to display images, videos, equations, or any other element, with an optional caption.
Use the two columns component to display two columns of content. In this example, the first column contains a figure with a YouTube video and the second column contains a figure with a custom React component. By default, they display side by side, but if the screen is narrow enough (for example, on mobile), they’re arranged vertically.
You can also add LaTeX formulas, rendered during the build process using KaTeX so they’re quick to load for visitors of your project page. You can write them inline, like this: . Or, you can write them as a block:
@misc{roman2024academic,
author = "{Roman Hauksson}",
title = "Academic Project Page Template",
year = "2024",
howpublished = "\url{https://research-template.roman.technology}",
}