Showcase Your Research Online: Building a Personal Portfolio Website with HTML, CSS, and Hugo
An introduction to Notebook-Driven Development using Jupyter Notebooks
This two-day hands-on workshop will teach researchers how to build and publish a personal portfolio website for showcasing scientific work. Starting with the basics of HTML and Markdown, participants will learn how to structure web pages, use templating systems to standardize layouts, and apply Bootstrap CSS framework to create professional-looking designs without writing raw CSS. On the second day, the focus will be on building portfolio and blog sections, integrating analyses from Jupyter notebooks into web-friendly formats, and deploying a finished website for free using GitHub Pages. By the end of the course, participants will have a live, professional-looking personal website for sharing their research, CV, and publications.
Learning and participation
Topics
- Create and design web pages using HTML, Markdown, and the Bootstrap CSS framework
- Turn Jupyter analyses into web articles with Hugo
- Publish your research site online for free with GitHub Pages
Intended participants
- Researchers and students from all universities are welcome.
- Participants of all educational backgrounds are welcome.
Certification
Students who attend at least 75% of the course will receive a participation certificate by email at the end of the course.