bulma/tests/manual/example/bulma-test.Rmd

---
title: "Bulma Test"
subtitle: "A minimal Bulma RMarkdown Template"
author: 
  - name: Garrick Aden-Buie
    url: https://garrickadenbuie.com
    extra: 
      - "Moffitt Cancer Center"
      - "[@grrrck](https://twitter.com/grrrck)"
  - name: Travis Gerke
    url: https://travisgerke.com
    extra: 
      - "Moffitt Cancer Center"
      - "@travisgerke"
date: '`r strftime(Sys.time(), "%A, %B %e, %Y")`'
bulma:
  hero: ["dark", "bold"]
  hero_button: ["light", "outlined"]
  hero_links:
    - name: Github
      url: https://github.com/gerkelab
      icon: '`r bulma::fa_icon("github")`'
    - name: Home
      url: https://gerkelab.com
      icon: "fas fa-home"
output: 
  bulma::bulma_document: 
    keep_md: TRUE
    # css: custom.css
  html_document_base:
    pandoc_args: ["--template", "/Users/4468739/work/bulmaRmd/inst/bulma/bulma-min.html" ]
  md_document: default
bibliography: bibfile.bib
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
```

<!--
<div class="level">
<div class="level-item has-text-centered">
<div>
  <p class="title is-5">Garrick Aden-Buie</p>
  <p class="subtitle is-6">Moffitt Cancer Center<br>&commat;grrrck<br>garrickadenbuie.com</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
  <p class="title is-5">Travis Gerke</p>
  <p class="subtitle is-6">Moffitt Cancer Center<br>&commat;travisgerke<br>travisgerke.com</p>
</div>
</div>
</div>
-->

::::::{.columns}
:::::{.column .is-half .is-offset-one-quarter}
::::{.message}
:::{.message-header}
This is just a test
:::
:::{.message-body}
Things could change dramatically.
:::
::::
:::::
::::::

`r bulma::bulma_level("Home", "Menu", "Bulma", "Reservations", "Contact")`

`r bulma::bulma_level("Tweets" = 3456, Following = 123, Followers = "456K", Likes = 789, style = "header")`

A bit of an _introduction_ here. We no longer need to start an article by writing this:

```latex
\documentclass{article}
\begin{document}
\end{document}
```

# Start with a cool section

You can use traditional **Markdown** syntax, such as [links](http://yihui.name/knitr) and `code`. Here is a quote:

> A girl phoned me the other day and said "Come on over, there's nobody home." I went over. Nobody was home. -- Rodney Dangerfield

# Followed by another section

Of course you can write lists:

- apple
- pear
- banana

Or ordered lists:

1. items
1. will
1. be
1. ordered
    - nested
    - items

# Okay, some R code

```{r linear-model}
fit = lm(dist ~ speed + I(speed^2), data = cars)
b = coef(fit)  # coefficients
summary(fit)
```

The code will be highlighted in all output formats.

# And some pictures

```{r lm-vis, fig.cap='Regression diagnostics', fig.height=5}
par(mfrow = c(2, 2), pch = 20, mar = c(4, 4, 2, .1), bg = 'white')
plot(fit)
```

# A little bit math

Our regression equation is $Y=`r b[1]`+`r b[2]`x$, and the model is:

$$ Y = \beta_0 + \beta_1 x + \epsilon$$

# Pandoc extensions {.tabs}

## Definition lists

Programmer
:   A programmer is the one who turns coffee into code.

LaTeX
:   A simple tool that is nothing but a couple of backslashes.

## Examples

We have some examples.

(@) Think what is `0.3 + 0.4 - 0.7`. Zero. Easy.
(@weird) Now think what is `0.3 - 0.7 + 0.4`. Still zero?

People are often surprised by (@weird).

## Tables

A table here.

Table:  Demonstration of simple table syntax.

  Right     Left     Center     Default
-------     ------ ----------   -------
     12     12        12            12
    123     123       123          123
      1     1          1             1

You can also generate tables easily using `knitr::kable()` or the **pander** package.

```{r}
knitr::kable(head(iris))
```

## Footnotes

We can also write footnotes[^1].

[^1]: hi, I'm a footnote

Or write some inline footnotes^[as you can see here].

## Citations

We compile the R Markdown file to Markdown through **knitr** [@xie2015] in R [@R-base]. For more about @xie2015, see <http://yihui.name/knitr>.

<div class="tabs is-left is-boxed is-fullwidth">
  <ul>
    <li class="is-active"><a>Pictures</a></li>
    <li><a>Music</a></li>
    <li><a>Videos</a></li>
    <li><a>Documents</a></li>
  </ul>
</div>

# References