Built with Quarto. Design: Electric Lime + Deep Forest, v4.
- Quarto ≥ 1.4
- R with packages:
yaml,glue
install.packages(c("yaml", "glue"))quarto previewquarto render
# Output goes to /docs/
├── _quarto.yml # Site config, navbar, fonts
├── styles.scss # Design system (DO NOT edit lightly)
├── index.qmd # Home page
├── about.qmd # About / full bio
├── research.qmd # Research — reads from _data/projects.yml
├── teaching.qmd # Teaching
├── publications.qmd # Publications — reads from _data/publications.yml
├── speaking.qmd # Speaking — reads from _data/speaking.yml
├── contact.qmd # Contact
│
├── _data/
│ ├── publications.yml ← EDIT THIS for publications
│ ├── speaking.yml ← EDIT THIS for talks
│ └── projects.yml ← EDIT THIS for research projects
│
├── images/
│ ├── headshot.jpg ← Add your photo here
│ └── project-*.jpg ← Add project images
│
└── docs/
├── CV_Cannatella.pdf ← Add your CV here
└── papers/ ← Add paper PDFs here
Edit _data/publications.yml. Add entries under journal:, book-chapters:,
conference:, or reports:. Bold your name with **Cannatella, D.**.
Run quarto render — the page rebuilds automatically.
Edit _data/speaking.yml. Set upcoming: true for forthcoming talks.
Entries sort by date automatically.
Edit _data/projects.yml. Add under current: or past:.
Replace placeholder <div class="dc-img-ph"> blocks in .qmd files with:
<img src="images/your-photo.jpg" alt="Description">Replace all placeholders in .qmd files:
https://github.com/your-github→ your GitHub URLhttps://linkedin.com/in/your-linkedin→ your LinkedIn URLhttps://scholar.google.com/your-profile→ your Scholar URLhttps://your-blog-url.com→ your blog URLhttps://your-sdgis-platform.com→ SD&GIS platform URLd.cannatella@tudelft.nl→ already correct, update if needed
- Push to GitHub
- In repo Settings → Pages → Source: Deploy from
/docs - Done. Site lives at
https://your-username.github.io/your-repo
Or use Quarto Pub: quarto publish quarto-pub