---
marp: true
title: Marp_muhackademy
theme: colors
class: lead-invert-purple
math: mathjax
paginate: false
---
---
## Ma Ancora Ricorri a Powerpoint?
16 Ottobre 2023 - UniBs
---
## **Sì, perché me lo chiedi? Lasciami stare**
No, invece _dobbiamo_ creare delle slide semplici e in poco tempo per la nostra presentazione
### Quali programmi usare?
---
# **Powerpoint**
:max_bytes(150000):strip_icc()/Capture-5c046ac5c9e77c0001abb529.JPG)
---
# **Latex Beamer**
---
---
---
## **Esiste una via di mezzo?**
---
## **Markdown Presentation Ecosystem**
a.k.a. Scrivere slide in codice **Markdown**
---
# **Markdown**
Linguaggio di markup per scrivere in modo veloce pagine web, file README.md e nel nostro caso diapositive
---
# **Come scrivere con Marp**
:computer: Quali tools esistono per preparare le presentazioni?
* [Marp CLI](https://github.com/marp-team/marp-cli)
* Estensione Marp per [vscode](https://github.com/marp-team/marp-vscode)
* molto più comodo
* permette di avere un'anteprima live delle slide durante la scrittura
* :heavy_plus_sign: Marp demo sul sito [web.marp.app](https://web.marp.app)
---
## **Creare un file presentazione Marp**
```markdown
---
marp: true
title: Titolo_presentazione
---
# TITOLO
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
```
---
## **Cosa si può fare?**
* Scrivere _testo_ :pencil:
* Inserire _immagini_ :camera:
* Creare _tabelle_ :bar_chart:
* Inserire _gif_ :video_camera:
* Inserire risorse da internet con _link ipertestuali_ :globe_with_meridians:
* e molto altro...
---
## **Temi**
È possibile decidere a inizio file il tema tra quelli disponibili impostando:
```markdown
theme: nome_tema
```
La maggior parte dei temi ha all'interno delle varianti di stile impostando, anche per singola slide:
```markdown
```
---
## Tema stile **default**
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin molestie leo sed pharetra. Donec ut tellus elementum, viverra velit id, fringilla elit. Phasellus *fermentum* egestas **sapien** in ***interdum***.
---
## Tema stile **lead**
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin molestie leo sed pharetra. Donec ut tellus elementum, viverra velit id, fringilla elit. Phasellus *fermentum* egestas **sapien** in ***interdum***.
---
## Tema stile **invert**
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin molestie leo sed pharetra. Donec ut tellus elementum, viverra velit id, fringilla elit. Phasellus *fermentum* egestas **sapien** in ***interdum***.
---
## Tema stile **lead-invert**
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin molestie leo sed pharetra. Donec ut tellus elementum, viverra velit id, fringilla elit. Phasellus *fermentum* egestas **sapien** in ***interdum***.
---
## **Lista temi disponibili**
| Nome tema | Disponibilità |
| --- | ----------- |
| default | Incluso in Marp Core |
| uncover | Incluso in Marp Core |
| gaia | Incluso in Marp Core |
| **colors** | Disponibile su [marp-themes](https://github.com/matsubara0507/marp-themes/tree/master) |
| iggg | Disponibile su [marp-themes](https://github.com/matsubara0507/marp-themes/tree/master) |
| olive | Disponibile su [marp-themes](https://github.com/matsubara0507/marp-themes/tree/master) |
| haskell | Disponibile su [marp-themes](https://github.com/matsubara0507/marp-themes/tree/master) |
| github | Disponibile su [marp-themes](https://github.com/matsubara0507/marp-themes/tree/master) |
---
# Immagini o **Gif**
```markdown
```
---
# Immagini o **Gif**
```markdown
```
---
# Immagini o **Gif**
```markdown
```
---
# **Math stuff**
_Sintassi markdown/latex_
```markdown
$$
e^{i\pi} +1 =0
$$
$\mathcal{O}(n\log{n})$
```
_Risultato_
$$
e^{i\pi} +1 =0
$$
$\mathcal{O}(n\log{n})$
---
# **Tabelle**
```
| Label | Pic |
| --- | ----------- |
| hax_type |  |
| hax_java |  |
```
| Label | Pic |
| --- | ----------- |
| hax_type |  |
| hax_java |  |
---
## **Blocchi di codice**
_Sintassi markdown_
```markdown
```python
def function():
result = do_stuff()
return result
```
```
_Risultato_
```python
def function():
result = do_stuff()
return result
```
---
## **Emoji**
_Sintassi markdown_
```markdown
:computer: :heart: :stuck_out_tongue:
```
_Risultato_
# :computer: :heart: :stuck_out_tongue_winking_eye:
Lista emoji disponibile [qui](https://gist.github.com/rxaviers/7360908)
---
## File **export**
- **.html**
- formato ricco di funzionalità
- **.pdf**
- occhio ai riferimenti
- **PowerPoint**
- ma con qualche limitazione
---
# Link utili
- [website](https://marp.app/)
- [documentazione utile](https://marpit.marp.app/)
- [github](https://github.com/marp-team/marp)
- [video youtube](https://www.youtube.com/watch?v=EzQ-p41wNEE)
- [sintassi markdown](https://www.markdownguide.org/basic-syntax/)
- [muhack](https://muhack.org)
- [haxed.it](https://haxed.it) :fire:
---
# Grazie per l'attenzione
