class: center, middle
options(htmltools.dir.version = FALSE)
A quality of cosiness and comfortable conviviality that engenders a feeling of contentment or well-being (regarded as a defining characteristic of Danish culture)
‘why not follow the Danish example and bring more hygge into your daily life?’
class: inverse, center, middle
To use, say, the large content class wrap your code in .large[Large text]
.
.pull-left[
This is normal size ( $\LaTeX$-friendly terms)
.Large[Large]
.large[large]
.small[small]
.footnotesize[footnotesize]
.scriptsize[scriptsize]
.tiny[tiny]
]
.pull-right[
.black[black]
.red[red]
.blue[blue]
.green[green], .yellow[yellow], .orange[orange], .purple[purple], .gray[gray or grey]
You can also use .bold[]
or .bolder[]
to emphasize text
This is .bold[bold], this is .bolder[bolder] and this is regular markdown double-star bold (visible differences depend on the font)
]
Use .content-box-blue
(or gray/grey, army, green, purple, red, or yellow) to produce a box with coloured background. Size depends on content.
.content-box-blue[I feel blue]
yields
.content-box-blue[I feel blue]
Wrap in .full-width
to expand the width
.full-width[.content-box-red[I feel even more blue]]
If you have content in columns then you get
.pull-left[.full-width[.content-box-yellow[WARNING Look out for minons or bananas]]]
.pull-right[.full-width[.content-box-yellow[The box to the left was created using .pull-left[.full-width[.content-box-yellow[]]]
]]]
.pull-left[ Original:
knitr::include_graphics("https://www.worldtravelguide.net/wp-content/uploads/2017/04/Think-Denmark-Copenhagen-587892190-SeanPavonePhoto-copy.jpg")
Add .polaroid
.polaroid[
knitr::include_graphics("https://www.worldtravelguide.net/wp-content/uploads/2017/04/Think-Denmark-Copenhagen-587892190-SeanPavonePhoto-copy.jpg")
] ] .pull-right[
Rotated slightly:
.rotate-right[
knitr::include_graphics("https://www.worldtravelguide.net/wp-content/uploads/2017/04/Think-Denmark-Copenhagen-587892190-SeanPavonePhoto-copy.jpg")
]
Add .blur
.blur[
knitr::include_graphics("https://www.worldtravelguide.net/wp-content/uploads/2017/04/Think-Denmark-Copenhagen-587892190-SeanPavonePhoto-copy.jpg")
] ]
.pull-left[
Add .opacity
.opacity[
knitr::include_graphics("https://www.worldtravelguide.net/wp-content/uploads/2017/04/Think-Denmark-Copenhagen-587892190-SeanPavonePhoto-copy.jpg")
]
Stack .blur
and .opacity
.blur[.opacity[
knitr::include_graphics("https://www.worldtravelguide.net/wp-content/uploads/2017/04/Think-Denmark-Copenhagen-587892190-SeanPavonePhoto-copy.jpg")
]] ] .pull-right[
Convert to .grayscale
(oh ... and rotate just for s'n'g):
.rotate-left[ .grayscale[
knitr::include_graphics("https://www.worldtravelguide.net/wp-content/uploads/2017/04/Think-Denmark-Copenhagen-587892190-SeanPavonePhoto-copy.jpg")
]]
Add .shadow
.shadow[
knitr::include_graphics("https://beautifulenvironments.files.wordpress.com/2017/12/twinkly-lights.jpg")
] ]
Any scripts or data that you put into this service are public.
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.