Home

Awesome

bookup-html custom quarto format

Publish examples

bookup is a custom quarto HTML format based on the Roboto font family. It provides both a light and a dark theme, and should be suitable for single documents, book projects and website projects.

Screenshots

<table> <tbody> <tr> <td>

Single document, light theme<br>(live example)

</td> <td>

Single document light theme screenshot

</td> </tr> <tr> <td>

Single document, dark theme<br>(live example)

</td> <td>

Single document dark theme screenshot

</td> </tr> <tr> <td>

Book project with a docked sidebar, light theme<br>(live example)

</td> <td>

Book project screenshot

</td> </tr> <tr> <td>

Website project with a floating sidebar, dark theme<br>(live example)

</td> <td>

Website project screenshot

</td> </tr> </tbody> </table>

Installation and usage

To use this custom format, first install the extension at the root directory of your project:

quarto add juba/bookup-html

And add the format to your YAML configuration, along with other HTML format options if needed:

format:
    bookup-html:
        toc: true
        toc-depth: 3

Even simpler, you can also directly install the extensions and generate a sample qmd file from a template with:

quarto use template juba/bookup-html

Dark and light variants

Warning : this will only work with quarto version 1.3 or higher.

By default, your document will be displayed with the light theme, with a toggle allowing to switch to the dark theme.

If you want to change this behavior you can add a variant to the format name:

Format nameTheme used
bookup-html (default)Light theme by default, optional dark theme
bookup-html+darkDark theme by default, optional light theme
bookup-html+lightonlyLight theme only
bookup-html+darkonlyDark theme only

Format Options

Currently bookup provides the following option:

Credits

This format is derived from the original bookdown theme, adapted for the online french book Introduction à R et au tidyverse.