https://github.com/manydesigns/md-pills-slides
ManyDesigns Pills Slides
https://github.com/manydesigns/md-pills-slides
Last synced: over 1 year ago
JSON representation
ManyDesigns Pills Slides
- Host: GitHub
- URL: https://github.com/manydesigns/md-pills-slides
- Owner: ManyDesigns
- Created: 2020-12-10T11:09:07.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-07-05T20:44:32.000Z (almost 2 years ago)
- Last Synced: 2025-01-22T11:33:37.725Z (over 1 year ago)
- Language: CSS
- Size: 5.76 MB
- Stars: 0
- Watchers: 3
- Forks: 1
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ManyDesigns Pills Slides
Progetto con template per le presentazioni di ManyDesigns Pills basato su [Reveal.js](https://revealjs.com/)
Reveal.js supporta l'utilizzo di semplici file [Markdown](https://revealjs.com/markdown/) per generare le slide.
Qui un esempio dell'immediatezza dello strumento: sono sufficienti ad esempio tre `\n` per separare le slide
le une dalle altre, e al contempo sono supportati tag html
```markdown
# SLIDE1
Contenuto slide
- punto1
- punto2
# SLIDE 2
Contenuto slide 2
seconda riga
```
Per inserire frammenti di codice e' sufficiente utilizzare i classici tre backtick \`\`\` specificando il linguaggio utilizzato
```java
class MyClass {
//...
}
```
Per mostrare gli elementi progressivamente all'interno di una stessa slide si può utilizzare questa annotazione
```markdown
# SLIDE
Contenuto slide immediatamente visibile
- punto 1 (nascosto inizialmente)
- punto 2 (nascosto inizialmente)
```
Se proprio necessario si possono creare slide interamente in html per realizzare layout più complessi
## Creare una nuova presentazione
Ogni presentazione ha la sua specifica cartella e il suo `index.html` indipendente dagli altri.
Può essere quindi customizzata cambiando il [tema](https://revealjs.com/themes/) desiderato
o inserendo plugin, aggiungendo stili personali etc... (se proprio si vuole ;-) )
- creare nuova cartella a partire da una precedente presentazione
- aggiungere il link all `/index.html`
- lanciare serve.sh (installa [live-server](https://github.com/tapio/live-server#readme) )
- enjoy!
## Note
Possiamo aggiornare la versione di reveal.js sfruttando il fatto che e' linkata tramite
submodules di git (ved https://medium.com/@martinomensio/how-to-host-reveal-js-slides-on-github-pages-and-have-a-tidy-repository-1a363944c38d)
```shell script
cd reveal.js #to go in the submodule
git checkout tags/4.9.10 #to select the version
cd .. #go back to your repository and test if everything is working (maybe there are breaking changes on its API)
git add reveal.js && git commit -m "changed reveal.js version" && git push #to deploy the new version
```
Per creare altri repository che linkano reveal.js si può copiare lo script `create_revealjs.sh` inserito qui solo come riferimento.