reveal-logo

Add logos to revealjs

Roy Francis

27-Jan-2024

Install

  • Requires Quarto >=1.2.0
  • Install extension to root of the project
quarto add royfrancis/reveal-logo

Usage

  • Add to filters in yaml metadata
filters:
  - reveal-logo

Usage

  • 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

Acknowledgements