garrick
/
bulma


			
							---
title: "Bulma Test"
subtitle: "A minimal Bulma RMarkdown Template"
author: 
  - name: Garrick Aden-Buie
    url: https://garrickadenbuie.com
    extra: 
      - "Moffitt Cancer Center"
      - "[&commat;grrrck](https://twitter.com/grrrck)"
  - name: Travis Gerke
    url: https://travisgerke.com
    extra: 
      - "Moffitt Cancer Center"
      - "&commat;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
    toc: yes
    toc_depth: 2
    # css: custom.css
  rmarkdown::html_document: default
  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>
-->


# Introduction

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

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

# Bulma Tests

::::::{.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")`

# 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$$

## Some math still has issues

This is the equation for the PDF of the normal distribution. 
It currently isn't rendering correctly.

$$\frac{1}{\sigma\sqrt{2\pi}}\,e^{ -\frac{(x-\mu)^2}{2\sigma^2} }$$

# 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))
```

## Sidenotes

```{r}
bulma::bulma_sidenote(
  paste("Does your lorem ipsum text long for something a little meatier?", 
        "Give our generator a try… it’s tasty!"), 
  side = "left", color = "info")
```

Drumstick flank swine fatback. Alcatra brisket pork chop picanha flank. Tenderloin pork loin t-bone tail ham short loin tri-tip turducken landjaeger chicken boudin corned beef turkey picanha biltong. Hamburger pastrami kevin pork belly tongue. Jowl meatball beef tail bresaola drumstick. Cow alcatra jowl pork chicken swine. Ball tip jerky pork loin cow flank.

Bacon ipsum dolor amet salami ball tip meatball drumstick burgdoggen. Capicola pork chop tri-tip alcatra shoulder biltong ham. Shankle bresaola pork belly tri-tip pork loin, picanha rump ribeye beef ribs pork tongue hamburger. Filet mignon capicola pancetta jowl alcatra pastrami ribeye brisket rump chicken pork chop biltong ham drumstick. Pork chop doner shankle pastrami, ham hock ham cupim cow tenderloin pig biltong. Ground round beef ribs kielbasa ball tip tongue. Pastrami beef ribs buffalo brisket, tongue kevin turkey boudin shank fatback meatball andouille ribeye kielbasa.

```{r, echo=FALSE}
bulma::bulma_sidenote(
  paste("Does your lorem ipsum text long for something a little meatier?", 
        "Give our generator a try… it’s tasty!"), 
  side = "right", color = "danger", size = "medium", header = "Bacon Ipsum")
```

T-bone venison landjaeger burgdoggen, pork loin tenderloin buffalo doner shoulder fatback ribeye pig rump leberkas. Jowl andouille bacon chuck pig. Hamburger jerky andouille, boudin brisket shankle kielbasa pig strip steak burgdoggen ham hock. Shankle shoulder tenderloin pancetta pork loin, picanha meatloaf boudin salami doner sirloin ribeye pork chop pig ham. Meatloaf meatball turkey, ball tip ham drumstick short ribs pancetta pork beef short loin rump sausage. Frankfurter ground round spare ribs buffalo sirloin swine tenderloin brisket.

## 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