class: center, middle, inverse, title-slide # teaching rmarkdown ## using<br/><br/> xaringan slides ### Tano Michel Aka ### 02/08/2021 (updated: 2021-08-03) --- <style> .center2 { margin: 0; position: absolute; top: 75%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } </style> <!-- Intentionally left blank. --> --- class: middle right background-image: url(data:image/png;base64,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) background-position: 35% 50% # **Learning notes** ## rmarkdown --- class:midlle center background-image: url(https://images.unsplash.com/photo-1516383074327-ac4841225abf?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1050&q=80) background-size: 400px 300px background-position: 50% 83% ## What is **markdown**? Markdown is a <font color='red'>simplified</font> programming language. This language helps produce complex documents such as HTML script-based websites. Even if Markdown is a wide domain, one should not be afraid to start learning and using it. For this reason, we provide below, a list of basic syntaxes that can get you started! --- ## Basic syntaxes ### Paragraphs * Paragraphs can be mainly defined when the user inserts a blank line after one or more lines of text. * This way, the text that will come after the blank line will be in a new paragraph. -- * video <video> <source src="paragraphs_rmd_vid.mp4"> </video> --- class:midlle left background-image: url(https://images.unsplash.com/photo-1604596529732-7d0592f02b32?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=676&q=80) background-size: 417px 589px background-position: 95% 50% .pull-left[ ## Basic syntaxes ### Line breaks For line breaks, insert two or more spaces after the sentence and then type *enter*. ] --- ## Basic syntaxes ### Emphasis: italic or bold text .pull-left[ * Italic (2 types of syntaxes) * insert `*`before and after the word or group of words (example: `*Italic*` will give *Italic*) or * insert `_`before and after the word or group of words (example: `_Italic_` will give _Italic_) : Do not use this synthax within sentences ] .pull-right[ * Bold text (2 types of syntaxes) * insert `**`before and after the word or group of words (example: `**Italic**`will give **Italic**) or * insert `__`which is two times `_` before and after the word or group of words (example: `__Italic__` will give __Italic__: Do not use this synthax within sentences ] --- ## Basic syntaxes ### Headers (2 types of syntaxes) * Underline text with equal signs `=` or iphen signs `-` to generate respectively `h1` and `h2` headings * Put one to six hash marks before text to generate `h1` to `h2` headings --- ## Basic syntaxes ### Lists (2 types of syntaxes) * Unordered lists: use `*`, `+` or `-` before each element of the list * Order lists: use `1.` `2.` ... `n.` before elements 1, 2 ... n of the list --- ## Basic syntaxes ### Links (2 types of syntaxes) > `[text](link to related content)` or > `[text] [id]` > `(...)` > `[id]: link to related content` --- ## Basic syntaxes ### Images (2 types of syntaxes) > `` or > `![text] [id]` > `(...)` > `![id]: link to related content` --- ## Basic syntaxes ### Blockquotes * `blockquotes` can be used to introduce content from other sources. * To generate this structure, use the `>` symbol at the beginning of the line. For example, the code below: `> This is to show you how a blockquote looks like` _will generate_ > This is to show you how a blockquote looks like --- ## Frequently asked questions * How can one upload videos to xaringan? * Why do Rpubs publications not render faithfully colors? * Why do Rpubs publications not render faithfully pull.left (see slide 6 of rhis presentation). * How to use Apron’s Slide Layouts? .center2[ <!-- --> ]