---
# System prepended metadata

title: EPFL Talk slides template
tags: [Templates, ' Talk']

---

---
title: EPFL Talk slides template
tags: Templates, Talk
description: View the slide with "Slide Mode".
slideOptions:
  transition: convex
  theme: black
---
<!-- 
  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