https://github.com/gadenbuie/revealjs-text-resizer

Resize text on quarto slides
https://github.com/gadenbuie/revealjs-text-resizer

quarto quarto-extension quarto-slides revealjs slides

Last synced: 5 days ago
JSON representation

Resize text on quarto slides

• Host: GitHub
• URL: https://github.com/gadenbuie/revealjs-text-resizer
• Owner: gadenbuie
• Created: 2023-09-18T12:34:10.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-18T12:50:25.000Z (over 1 year ago)
• Last Synced: 2024-10-30T07:57:20.281Z (about 2 months ago)
• Topics: quarto, quarto-extension, quarto-slides, revealjs, slides
• Language: HTML
• Homepage: http://pkg.garrickadenbuie.com/revealjs-text-resizer/
• Size: 1.8 MB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Reveal.js Text Resizer

_An extension for [Quarto slides](https://quarto.org/docs/presentations/revealjs/)_

This is a small extension that makes it easy to adjust the size of the text on Quarto-based Reveal.js slides, without having to disable Reveal.js's built-in slide scaling features.

This extension is for anyone who has presented with Quarto slides and tried to press Ctrl/Cmd + +/- to adjust the font size to find the text stubbornly stays exactly the same size.

[Try it out](https://pkg.garrickadenbuie.com/revealjs-text-resizer/example.html)

## Installing

```bash

quarto add gadenbuie/revealjs-text-resizer

```

This will install the extension under the `_extensions` subdirectory.

If you're using version control, you will want to check in this directory.

Then, add the following to the YAML frontmatter of your `slides.qmd`:

```yaml

revealjs-plugins:

  - revealjs-text-resizer

```

## Using

The extension adds three keyboard shortcuts to your slides:

* Press Alt/Opt + + to increase text size

* Press Alt/Opt + - to decrease text size

* Press Alt/Opt + 0 to reset the text size

## Example

Here is the source code for a minimal example: [example.qmd](example.qmd).