Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Are Pandoc's notations implemented in kunoichi theme? #14

Open
CLRafaelR opened this issue Dec 1, 2021 · 0 comments
Open

Are Pandoc's notations implemented in kunoichi theme? #14

CLRafaelR opened this issue Dec 1, 2021 · 0 comments

Comments

@CLRafaelR
Copy link

Hello @emitanaka,

Related to your Twitter post, I would like to ask how Pandoc's notations are implemented in kunoichi theme (sorry if this is not the correct place to post this question).

I am building xaringan slides, and in the slides, I want to show a figure made using ggplot2 on the right column and incremental lists (some explanations of the figure) on the left column. I am trying to achieve such a two-column layout with incremental lists using Pandoc's fenced div notation and incremental list notation.

Therefore, following one of your Rmd files that produces xaringan, I created an Rmd file to output xarigan slides (mwe.Rmd), which calls pandoc.js via remarkjs_extended.html as shown below.

pandoc.js partially works and parses fenced divs, but I cannot get the two-column layout and the incremental list.

image

Could you tell me what I am missing?

mwe.Rmd

---
output:
  xaringan::moon_reader:
    css: ["kunoichi", "ninjutsu"]
    includes:
      after_body: path/to/remarkjs_extended.html
---

```{r setup, include=FALSE}
options(htmltools.dir.version = FALSE)
knitr::opts_chunk$set(warning = FALSE, message = FALSE)
library(ggplot2)
```

---

::: columns

:::: column

::::: incremental

A whole sentence

- one `Markdown` bullet point
- a second bullet point
- a third bullet point
  - a sub level

:::::

::::

:::: column

```{r echo = FALSE}
data.frame(
  A = LETTERS[1:5],
  B = sqrt(6:10)
) |>
  ggplot(
    aes(x = A, y = B)
  ) +
  geom_col()
```

::::

:::

remarkjs_extended.html

<script src="path/to/pandoc.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant