<!--
This style apply by default to all slides, unless .slide is used.
Note the use of the reveal class selector: this mean that only the presentation is affected by this style, and the makrdown preview or the book mode of hackmd.io is style intact.
If you want/need a resizable background image, add the background-size: cover; property and change background-position: 0px 0px;
-->
<style>
.reveal {
background-color: #e6e6e6;
background-image: url('https://epfl-si.github.io/elements/svg/epfl-logo.svg');
background-repeat: no-repeat;
background-position: 5px 5px;
}
.reveal {
color: #707070;
}
.reveal h1, .reveal h2, .reveal h3,
.reveal h4, .reveal h5, .reveal h6 {
color: #212121;
}
.reveal a {
color: #f009;
}
.reveal a:hover {
color: #f00;
}
.reveal code {
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
font-size: 85%;
background-color: rgba(255, 255, 255, 0.46);
border-radius: 3px;
}
</style>
## Hackmd.io slides exemple
To "reveal" the whole potential of theses slides, be sure to visit https://hackmd.io/p/r1jBgTWaN.
---
## Default slide
This is how looks the default slide...
---
<!-- .slide: data-background="https://picsum.photos/200/300" -->
## Slide with data-background
But you can add slide's background image with:
```
<!-- .slide: data-background="https://picsum.photos/200/300" -->
```
---
<!-- .slide: data-background="#343a40" data-id="slide-dbg"-->
<style>[data-id="slide-dbg"] h2 { color: #fff; } </style>
## data-background color
Or change the background color, just for one slide:
```
<!-- .slide: data-background="#343a40" -->
```
---
## Slide Attributes
Using the "Slide Attributes" as in the previous slides will "surcharge" the presentation CSS.
---
## Theme
You can choose from black (default) - white - league - sky - beige - simple - serif - blood - night - moon - solarized:
* https://github.com/hakimel/reveal.js/tree/master/css/theme
* https://github.com/hakimel/reveal.js#theming
---
## Transition
You can choose from none, fade, slide, convex, concave and zoom.
Postfix with `-in` or `-out`.
---
## More info
For details please visit:
* https://github.com/hakimel/reveal.js/
Hackmd.io slides help:
* https://hackmd.io/slide-example?both
* https://hackmd.io/s/features
{"metaMigratedAt":"2023-06-14T21:51:33.169Z","metaMigratedFrom":"YAML","title":"EPFL Talk slides template","breaks":true,"description":"View the slide with \"Slide Mode\".","slideOptions":"{\"transition\":\"convex\",\"theme\":\"black\"}","contributors":"[{\"id\":\"98cf1d10-5049-49ca-9160-3f2e67fc1067\",\"add\":6810,\"del\":4314}]"}