index.Rmd

---
title: "Divine Cafe"
css: "assets/css/main-minimal.css"
image: "images/logo/path2099.png"
---
 
```{r load_packages, message=FALSE, warning=FALSE, include=FALSE} 
library(fontawesome)
```

# Just a few tests with `r fa("font-awesome-logo-full", fill = "forestgreen")`

It works well in headings...

# `r fa("r-project", fill = "steelblue")` H1 Heading

## `r fa("r-project", fill = "steelblue")` H2 Heading

### `r fa("r-project", fill = "steelblue")` H3 Heading

#### `r fa("r-project", fill = "steelblue")` H4 Heading

##### `r fa("r-project", fill = "steelblue")` H5 Heading

...and works equally well within inline text: `r fa("r-project", fill = "steelblue")`.

**Coming Soon!**

<!-- Dear Local Customers, -->

<!-- We are relocating to Parc Village, Macquarie in 2022! -->
<!-- Checkout website for news or come by after the new year to our new cafe and bar.... -->

<!-- Merry Christmas, -->
<!-- from Cherie and team -->

```{r warnings = FALSE, message=FALSE, eval = FALSE, include=FALSE}
library(rmarkdown)
library(knitr)

```

::: {.b--gray .ba .bw2 .ma2 .pa4 .shadow-1}
Talent is a pursued interest.
Anything that you're willing to practice, you can do.

—Bob Ross
:::



```{r warnings = FALSE,echo=FALSE, message=FALSE,out.width = '10%', fig.align='center'}
#iframe
knitr::include_app("https://www.google.com/maps/d/embed?mid=1Lo7d7u0elvj-2Bi0gmcd7ecPZYQfvfow&ehbc=2E312F", height="480")
  
#impove this map
#raw mapping data

##Leaflet map?
```

***

<div class = "row">
  
<div class = "col-md-4">
<br><br>Since R Markdown use the [bootstrap framework](https://getbootstrap.com/docs/4.0/layout/grid/) under the hood. It is possible to benefit its powerful grid system. Basically, you can consider that your row is divided in 12 subunits of same width. You can then choose to use only a few of this subunits.
</div>
  
<div class = "col-md-4">
<br><br>Here, I use 3 subunits of size 4 (4x3=12). The last column is used for a plot. You can read more about the grid system [here](bootstrap grid system). I got this result showing the following code in my R Markdown document.
</div>
  
<div class = "col-md-4">

```{r, message=FALSE, echo=FALSE}
library(tidyverse)
ggplot( mtcars, aes(x=mpg)) + geom_histogram(fill="skyblue", alpha=0.5) + theme_minimal()
```

</div>

<!--Email updates-->
<!-- Old not working -->
<!-- <iframe src="https://www.google.com/maps/d/u/1/embed?mid=1-oJD653LPlhBvc9K1fwJvAMnq3HQ_YDp" width="640" height="480"></iframe> -->

</div>

```{r}
library(fontawesome)
fontawesome::fa(name="github")
fontawesome::fa(name="facebook")
```

<div>
<!-- <p style="text-align: center;"> -->
    <a href="https://github.com/davan690/" class="fa fa-github"></a>
<!-- </p> -->
</div>