reveal-logo

Add logos to revealjs presentation

A quarto extension to add logos to revealjs presentation
Author

Roy Francis

Published

27-Jan-2024

Demo

Demo presentation

Install

Install extension to root of the project. Requires Quarto >=1.2.0.

bash
quarto add royfrancis/quarto-reveal-logo

Usage

Add to filters in yaml metadata

filters:
  - reveal-logo

Add parameters to format: revealjs.

Parameter Description
header-logo-left Add a logo to top left
header-logo-right Add a logo to top right
header-logo-left-height Height of left logo in css units
header-logo-right-height Height of right logo in css units
header-logo-left-url Add a clickable link to the left logo
header-logo-right-url Add a clickable link to the right logo

Example

Example with all options

format:
  revealjs:
    header-logo-left: quarto.png
    header-logo-left-url: https://quarto.org
    header-logo-left-height: 2em
    header-logo-right: reveal.svg
    header-logo-right-url: https://revealjs.com
    header-logo-right-height: 50px

All demos

Acknowledgements