| @@ -4,7 +4,8 @@ | |||
| #' You can pass additional options to the underlying template via the `bulma` | |||
| #' YAML item. The following options can be specified there. | |||
| #' \itemize{ | |||
| #' \item{`hero`: Classes applied to the hero containing the title} | |||
| #' \item{`hero`: Classes applied to the hero containing the title.} | |||
| #' \item{`hero_body`: Classes applied to the hero body container.} | |||
| #' \item{`hero_button`: Classes applied to the `header_links` buttons} | |||
| #' \item{`hero_links`: Links that will be displayed under title as buttons. | |||
| #' Formatted as a list, each element having entries for `name`, `url`, | |||
| @@ -60,7 +60,7 @@ $endfor$ | |||
| <body> | |||
| <section class="hero$if(bulma.hero)$$for(bulma.hero)$ is-$bulma.hero$$endfor$$else$ is-primary$endif$"> | |||
| <div class="hero-body"> | |||
| <div class="container"> | |||
| <div class="container$if(bulma.hero_body)$$for(bulma.hero_body)$ $bulma.hero_body$$endfor$$endif$"> | |||
| $if(title)$ | |||
| <h1 class="title is-1 toc-ignore">$title$</h1> | |||
| $endif$ | |||
| @@ -73,7 +73,7 @@ $endif$ | |||
| $if(bulma.hero_links)$ | |||
| <div class="buttons"> | |||
| $for(bulma.hero_links)$ | |||
| <a class="button $if(bulma.hero_button)$$for(bulma.hero_button)$ is-$bulma.hero_button$$endfor$$else$is-primary is-inverted is-outlined$endif$" href="$bulma.hero_links.url$"> | |||
| <a class="button$if(bulma.hero_button)$$for(bulma.hero_button)$ is-$bulma.hero_button$$endfor$$else$is-primary is-inverted is-outlined$endif$" href="$bulma.hero_links.url$"> | |||
| $if(bulma.hero_links.icon)$ | |||
| <span class="icon is-small"> | |||
| <i class="$bulma.hero_links.icon$"></i> | |||
| @@ -13,13 +13,17 @@ author: | |||
| - "Second Affiliation" | |||
| - "Very Cool Guy" | |||
| date: '`r strftime(Sys.time(), "%F %T")`' | |||
| header-links: | |||
| - name: Github | |||
| url: https://github.com/gerkelab | |||
| - name: Home | |||
| url: https://gerkelab.com | |||
| bulma: | |||
| hero: ["info", "bold"] | |||
| hero: ["info"] | |||
| hero_body: "has-text-left" | |||
| hero_button: "outlined" | |||
| hero_links: | |||
| - name: Github | |||
| url: https://github.com/gerkelab | |||
| icon: '`r bulma::fa_icon("github")`' | |||
| - name: Home | |||
| url: https://gerkelab.com | |||
| icon: '`r bulma::fa_icon("home")`' | |||
| output: bulma::bulma_document | |||
| --- | |||
| @@ -51,7 +51,8 @@ Bulma Document Renderer | |||
| You can pass additional options to the underlying template via the \code{bulma} | |||
| YAML item. The following options can be specified there. | |||
| \itemize{ | |||
| \item{\code{hero}: Classes applied to the hero containing the title} | |||
| \item{\code{hero}: Classes applied to the hero containing the title.} | |||
| \item{\code{hero_body}: Classes applied to the hero body container.} | |||
| \item{\code{hero_button}: Classes applied to the \code{header_links} buttons} | |||
| \item{\code{hero_links}: Links that will be displayed under title as buttons. | |||
| Formatted as a list, each element having entries for \code{name}, \code{url}, | |||
| @@ -13,14 +13,17 @@ author: | |||
| - "Second Affiliation" | |||
| - "Very Cool Guy" | |||
| date: '`r strftime(Sys.time(), "%A, %B %e, %Y")`' | |||
| header-links: | |||
| - name: Github | |||
| url: https://github.com/gerkelab | |||
| - name: Home | |||
| url: https://gerkelab.com | |||
| bulma: | |||
| hero: ["dark"] | |||
| hero_button: ["is-secondary"] | |||
| hero: ["primary"] | |||
| hero_body: "has-text-left" | |||
| hero_button: ["primary", "outlined", "inverted"] | |||
| hero_links: | |||
| - name: Github | |||
| url: https://github.com/gerkelab | |||
| icon: '`r bulma::fa_icon("github")`' | |||
| - name: Home | |||
| url: https://gerkelab.com | |||
| icon: '`r bulma::fa_icon("home")`' | |||
| output: bulma::bulma_document | |||
| editor_options: | |||
| chunk_output_type: console | |||
| @@ -31,6 +34,13 @@ knitr::opts_chunk$set(echo = TRUE) | |||
| library(bulma) | |||
| ``` | |||
| <a class="button is-primary"> | |||
| <span class="icon is-small"> | |||
| `r bulma::fa_icon("r-project", as_html = TRUE)` | |||
| </span> | |||
| <span>Souce Code</span> | |||
| </a> | |||
| ## Level | |||
| ### Basic | |||