Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shafayetShafee/metropolis-beamer
Another Quarto reveal.js template extension inspired by Beamer Metropolis theme
https://github.com/shafayetShafee/metropolis-beamer
beamer-template beamer-theme quarto quarto-extension quarto-pub quarto-template quartopub revealjs
Last synced: 3 months ago
JSON representation
Another Quarto reveal.js template extension inspired by Beamer Metropolis theme
- Host: GitHub
- URL: https://github.com/shafayetShafee/metropolis-beamer
- Owner: shafayetShafee
- License: mit
- Created: 2024-05-03T18:20:02.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-05-10T13:54:54.000Z (6 months ago)
- Last Synced: 2024-07-02T16:13:32.516Z (4 months ago)
- Topics: beamer-template, beamer-theme, quarto, quarto-extension, quarto-pub, quarto-template, quartopub, revealjs
- Language: SCSS
- Homepage: https://shafayetshafee.github.io/metropolis-beamer/template.html
- Size: 12 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Beamer Metropolis theme for Revealjs Presentation
This is a Quarto custom format to use a revealjs theme directly inspired by the [Beamer Metropolis theme](https://www.overleaf.com/latex/templates/metropolis-beamer-theme/qzyvdhrntfmr).
[`View live demo`](https://shafayetshafee.github.io/metropolis-beamer/template.html)
## Installing
:warning: This extension requires Quarto version to be at least 1.4.
```bash
quarto use template shafayetShafee/metropolis-beamer
```This will install the extension and create an example qmd file that you can use as a starting place for your article.
## Installing or updating for an existing document
You may also use this format with an existing Quarto project or document. This will install only the files in the `_extension` folder and will not install the files above that (the demo files). This is also how to update the extension if there have been changes.
From the quarto project or document directory, run the following command:
```bash
quarto add shafayetShafee/metropolis-beamer
```## Using
Simply use the format `metropolis-beamer-revealjs`,
``` yaml
---
format: metropolis-beamer-revealjs
---
```## Format Options (Optional)
| Options | Descriptions |
|--------------------|-------------------------------------------------------------------------------|
| `header-logo` | A path for logo image which will appear on the top-left corner of each slide. |
| `header-logo-link` | A web link to linkify the `header-logo`. |## Customization
It is really easy to customize the outlook of slides using this extension. For example, you can use a different background color for the slide header and compact slides. Just set the color you want to use to `$primary-color` Sass variable in a SCSS file. Then use that file in the `theme` option.
``` scss
/*-- scss:defaults --*/$primary-color: #0c2344;
`````` yaml
... other options ...
format:
metropolis-beamer-revealjs:
theme: style.scss
... other options ...
```The slides looks like this now,
[`View how the slides look now (live)`](https://shafayetshafee.github.io/metropolis-beamer/template-changed-style.html)
| Sass Variables | Descriptions |
|-------------------------|-----------------------------------------------------------------------------------|
| `primary-color` | Controls the color of header background and slides with H1 header |
| `secondary-color` | Controls the color links, cross-reference, progress line. |
| `example-color` | Controls the color of Example block and Example text. |
| `alert-color` | Controls the color of Alert block and Alert text. |
| `presentation-h-font12` | Controls the presentation title and slide header font (basically H1 and H2 font). |
| `presentation-h-font36` | Controls header of level 3 to 6 (i.e. H3-H6) font. |## Example
Here is the source code for a minimal sample document: [template.qmd](template.qmd).