Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/hrbrmstr/quarto-organization-template

A Quarto RevealJS Organization Boilerplate Template You Can Clone And Modify Quickly
https://github.com/hrbrmstr/quarto-organization-template

lua python quarto quarto-extension quarto-template r rstats

Last synced: about 2 months ago
JSON representation

A Quarto RevealJS Organization Boilerplate Template You Can Clone And Modify Quickly

Lists

README

        

# Easily Customizable Quarto Template

A base Quarto template with all the SCSS you need as well as a helpful base qmd with many example slides for cut/paste. (Scroll down for preview image and [go here](https://hrbrmstr.github.io/quarto-organization-template/) for a live preview).

- Clone this repo
- Delete `.git`
- Delete `preview.png`
- $ `git init`
- $ `git add -A`
- $ `git commit -m 'saving the base'`
- Rename the `_extensions/` **`organization`** to some easy to type name.
- Edit `_extensions/_extension.yml` and make changes to the (ugh) YAML.
- NOTE: if you add/change included assets/resources, make sure to modify `format-resources` in the YAML
- Replace `_extensions/logo.png` with your logo
- Replace `_extensions/space.jpg` with a background image (add more if you want easily available ones)
- Edit `_extensions/copy-resources.lua` to ensure all ^^ resources are copied over (hack until Quarto devs fix the issue)
- Edit `_extensions/theme.scss`. It's a full theme. Modify background/foreground/etc colors at-will.

In `template.qmd` change:

```
format:
organization-revealjs:
```

and replace `organization` to the easy to type name above.

### Use What You Made!

Assuming `quarto-organization-template` is is in your current directory…

```
mkdir samplepres && \
cd samplepres && \
quarto use template --no-prompt ../quarto-organization-template &&
quarto render samplepres.qmd && \
open *html
```

You can also `quarto use template hrbrmstr/quarto-organization-template` and customize it on-the-fly.

![preview](preview.png)

Slide Background Photo by Pixabay: https://www.pexels.com/photo/photo-of-galaxy-207529/