slides.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="generator" content="pandoc">
  6. <meta name="author" content="Robin Dietrich &amp; Marius Schwarz">
  7. <title>Implementation Attacks</title>
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
  11. <link rel="stylesheet" href="./reveal.js/dist/reset.css">
  12. <link rel="stylesheet" href="./reveal.js/dist/reveal.css">
  13. <style>
  14. code{white-space: pre-wrap;}
  15. span.smallcaps{font-variant: small-caps;}
  16. span.underline{text-decoration: underline;}
  17. div.column{display: inline-block; vertical-align: top; width: 50%;}
  18. div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
  19. ul.task-list{list-style: none;}
  20. pre > code.sourceCode { white-space: pre; position: relative; }
  21. pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
  22. pre > code.sourceCode > span:empty { height: 1.2em; }
  23. .sourceCode { overflow: visible; }
  24. code.sourceCode > span { color: inherit; text-decoration: inherit; }
  25. div.sourceCode { margin: 1em 0; }
  26. pre.sourceCode { margin: 0; }
  27. @media screen {
  28. div.sourceCode { overflow: auto; }
  29. }
  30. @media print {
  31. pre > code.sourceCode { white-space: pre-wrap; }
  32. pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
  33. }
  34. pre.numberSource code
  35. { counter-reset: source-line 0; }
  36. pre.numberSource code > span
  37. { position: relative; left: -4em; counter-increment: source-line; }
  38. pre.numberSource code > span > a:first-child::before
  39. { content: counter(source-line);
  40. position: relative; left: -1em; text-align: right; vertical-align: baseline;
  41. border: none; display: inline-block;
  42. -webkit-touch-callout: none; -webkit-user-select: none;
  43. -khtml-user-select: none; -moz-user-select: none;
  44. -ms-user-select: none; user-select: none;
  45. padding: 0 4px; width: 4em;
  46. color: #aaaaaa;
  47. }
  48. pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; }
  49. div.sourceCode
  50. { }
  51. @media screen {
  52. pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
  53. }
  54. code span.al { color: #ff0000; font-weight: bold; } /* Alert */
  55. code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
  56. code span.at { color: #7d9029; } /* Attribute */
  57. code span.bn { color: #40a070; } /* BaseN */
  58. code span.bu { } /* BuiltIn */
  59. code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
  60. code span.ch { color: #4070a0; } /* Char */
  61. code span.cn { color: #880000; } /* Constant */
  62. code span.co { color: #60a0b0; font-style: italic; } /* Comment */
  63. code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
  64. code span.do { color: #ba2121; font-style: italic; } /* Documentation */
  65. code span.dt { color: #902000; } /* DataType */
  66. code span.dv { color: #40a070; } /* DecVal */
  67. code span.er { color: #ff0000; font-weight: bold; } /* Error */
  68. code span.ex { } /* Extension */
  69. code span.fl { color: #40a070; } /* Float */
  70. code span.fu { color: #06287e; } /* Function */
  71. code span.im { } /* Import */
  72. code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
  73. code span.kw { color: #007020; font-weight: bold; } /* Keyword */
  74. code span.op { color: #666666; } /* Operator */
  75. code span.ot { color: #007020; } /* Other */
  76. code span.pp { color: #bc7a00; } /* Preprocessor */
  77. code span.sc { color: #4070a0; } /* SpecialChar */
  78. code span.ss { color: #bb6688; } /* SpecialString */
  79. code span.st { color: #4070a0; } /* String */
  80. code span.va { color: #19177c; } /* Variable */
  81. code span.vs { color: #4070a0; } /* VerbatimString */
  82. code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
  83. .display.math{display: block; text-align: center; margin: 0.5rem auto;}
  84. </style>
  85. <link rel="stylesheet" href="./reveal.js/dist/theme/night.css" id="theme">
  86. <link rel="stylesheet" href="./css/custom.css"/>
  87. </head>
  88. <body>
  89. <div class="reveal">
  90. <div class="slides">
  91. <section id="title-slide">
  92. <h1 class="title">Implementation Attacks</h1>
  93. <p class="author">Robin Dietrich &amp; Marius Schwarz</p>
  94. </section>
  95. <section id="agenda" class="slide level1">
  96. <h1>Agenda</h1>
  97. <ul>
  98. <li>Einleitung</li>
  99. <li>Seitenkanalangriffe</li>
  100. <li>Speck</li>
  101. <li>CPA Angriffe</li>
  102. <li>CPA auf Speck</li>
  103. <li>Gegenmaßnahmen</li>
  104. <li>Hiding</li>
  105. </ul>
  106. </section>
  107. <section id="bedeutung-von-seitenkanalangriffen" class="slide level1">
  108. <h1>Bedeutung von Seitenkanalangriffen</h1>
  109. </section>
  110. <section id="voraussetzungen-für-erfolgreichen-angriff" class="slide level1">
  111. <h1>Voraussetzungen für erfolgreichen Angriff</h1>
  112. </section>
  113. <section id="speck" class="slide level1">
  114. <h1>Speck</h1>
  115. <ul>
  116. <li>Symmentrische ARX Schiffre</li>
  117. <li>Entworfen von der NSA (Zusammen mit Simon)</li>
  118. <li>Performant in Hard-/Software</li>
  119. <li>Speck bietet mehrere mögliche Modis
  120. <ul>
  121. <li>Runden, Schlüssellänge, …</li>
  122. </ul></li>
  123. </ul>
  124. </section>
  125. <section id="speck---setups" class="slide level1">
  126. <h1>Speck - Setups</h1>
  127. <table>
  128. <thead>
  129. <tr class="header">
  130. <th>Speck</th>
  131. <th>Blocklänge</th>
  132. <th>Schlüssellänge</th>
  133. <th>Runden</th>
  134. </tr>
  135. </thead>
  136. <tbody>
  137. <tr class="odd">
  138. <td><span style="color:#d08a1d"><strong>Speck3264</strong></span></td>
  139. <td><span style="color:#d08a1d"><strong>32 Bit</strong></span></td>
  140. <td><span style="color:#d08a1d"><strong>64 Bit</strong></span></td>
  141. <td><span style="color:#d08a1d"><strong>22</strong></span></td>
  142. </tr>
  143. <tr class="even">
  144. <td>Speck4872</td>
  145. <td>48 Bit</td>
  146. <td>72 Bit</td>
  147. <td>22</td>
  148. </tr>
  149. <tr class="odd">
  150. <td>Speck4896</td>
  151. <td>48 Bit</td>
  152. <td>96 Bit</td>
  153. <td>23</td>
  154. </tr>
  155. <tr class="even">
  156. <td>Speck6496</td>
  157. <td>64 Bit</td>
  158. <td>96 Bit</td>
  159. <td>26</td>
  160. </tr>
  161. <tr class="odd">
  162. <td>Speck64128</td>
  163. <td>64 Bit</td>
  164. <td>128 Bit</td>
  165. <td>27</td>
  166. </tr>
  167. <tr class="even">
  168. <td>Speck9696</td>
  169. <td>96 Bit</td>
  170. <td>96 Bit</td>
  171. <td>28</td>
  172. </tr>
  173. <tr class="odd">
  174. <td>Speck96144</td>
  175. <td>96 Bit</td>
  176. <td>144 Bit</td>
  177. <td>29</td>
  178. </tr>
  179. <tr class="even">
  180. <td>Speck128128</td>
  181. <td>128 Bit</td>
  182. <td>128 Bit</td>
  183. <td>32</td>
  184. </tr>
  185. <tr class="odd">
  186. <td>Speck128192</td>
  187. <td>128 Bit</td>
  188. <td>192 Bit</td>
  189. <td>33</td>
  190. </tr>
  191. <tr class="even">
  192. <td>Speck1281256</td>
  193. <td>128 Bit</td>
  194. <td>256 Bit</td>
  195. <td>34</td>
  196. </tr>
  197. </tbody>
  198. </table>
  199. </section>
  200. <section id="speck---rundenfunktion" class="slide level1">
  201. <h1>Speck - Rundenfunktion</h1>
  202. <p><img data-src="img/rundenfunktion.png" width="400" /></p>
  203. <ul>
  204. <li>Wird während der Key Schedule aufgerufen</li>
  205. <li>Wird beim der Verschlüsselung aufgerufen</li>
  206. </ul>
  207. </section>
  208. <section id="speck---pseudocode" class="slide level1">
  209. <h1>Speck - Pseudocode</h1>
  210. <div class="sourceCode" id="cb1"><pre class="sourceCode c"><code class="sourceCode c"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a>pt <span class="op">=</span> Plaintext Bytes Pt <span class="op">=</span> Plaintext as <span class="dv">16</span> Bit Words</span>
  211. <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a>ct <span class="op">=</span> Ciphertext Bytes Ct <span class="op">=</span> Ciphertext as <span class="dv">16</span> Bit Words</span>
  212. <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a>k <span class="op">=</span> Key as Bytes K <span class="op">=</span> Key as <span class="dv">16</span> Bit Words</span>
  213. <span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a></span>
  214. <span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a><span class="co">// Key Schedule</span></span>
  215. <span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a>D<span class="op">=</span>K<span class="op">[</span><span class="dv">3</span><span class="op">],</span> C<span class="op">=</span>K<span class="op">[</span><span class="dv">2</span><span class="op">],</span> B<span class="op">=</span>K<span class="op">[</span><span class="dv">1</span><span class="op">],</span> A<span class="op">=</span>K<span class="op">[</span><span class="dv">0</span><span class="op">]</span></span>
  216. <span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a></span>
  217. <span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a><span class="cf">for</span> i in <span class="fl">0.</span><span class="er">.</span><span class="op">&lt;</span><span class="dv">22</span></span>
  218. <span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a> rk<span class="op">[</span>i<span class="op">]=</span>A</span>
  219. <span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a> ER16<span class="op">(</span>B<span class="op">,</span> A<span class="op">,</span> i<span class="op">++)</span></span>
  220. <span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a> rk<span class="op">[</span>i<span class="op">]=</span>A</span>
  221. <span id="cb1-12"><a href="#cb1-12" aria-hidden="true" tabindex="-1"></a> ER16<span class="op">(</span>C<span class="op">,</span> A<span class="op">,</span> i<span class="op">++)</span></span>
  222. <span id="cb1-13"><a href="#cb1-13" aria-hidden="true" tabindex="-1"></a> rk<span class="op">[</span>i<span class="op">]=</span>A</span>
  223. <span id="cb1-14"><a href="#cb1-14" aria-hidden="true" tabindex="-1"></a> ER16<span class="op">(</span>D<span class="op">,</span> A<span class="op">,</span> i<span class="op">++)</span></span>
  224. <span id="cb1-15"><a href="#cb1-15" aria-hidden="true" tabindex="-1"></a></span>
  225. <span id="cb1-16"><a href="#cb1-16" aria-hidden="true" tabindex="-1"></a><span class="co">// Encryption</span></span>
  226. <span id="cb1-17"><a href="#cb1-17" aria-hidden="true" tabindex="-1"></a>Ct<span class="op">[</span><span class="dv">0</span><span class="op">]=</span>Pt<span class="op">[</span><span class="dv">0</span><span class="op">];</span> Ct<span class="op">[</span><span class="dv">1</span><span class="op">]=</span>Pt<span class="op">[</span><span class="dv">1</span><span class="op">];</span></span>
  227. <span id="cb1-18"><a href="#cb1-18" aria-hidden="true" tabindex="-1"></a></span>
  228. <span id="cb1-19"><a href="#cb1-19" aria-hidden="true" tabindex="-1"></a><span class="cf">for</span> i in <span class="fl">0.</span><span class="er">.</span><span class="op">&lt;</span><span class="dv">22</span></span>
  229. <span id="cb1-20"><a href="#cb1-20" aria-hidden="true" tabindex="-1"></a> ER16<span class="op">(</span>Ct<span class="op">[</span><span class="dv">1</span><span class="op">],</span> Ct<span class="op">[</span><span class="dv">0</span><span class="op">],</span> rk<span class="op">[</span>i<span class="op">++])</span></span></code></pre></div>
  230. </section>
  231. <section id="speck---möglicher-angriff" class="slide level1">
  232. <h1>Speck - Möglicher Angriff</h1>
  233. <ul>
  234. <li>Angriff der Rundenfunktion</li>
  235. <li>ADD/XOR/ROT Operationen</li>
  236. </ul>
  237. <div class="sourceCode" id="cb2"><pre class="sourceCode c"><code class="sourceCode c"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="dt">void</span> FuncER16<span class="op">(</span>u16 <span class="op">*</span>x<span class="op">,</span> u16 <span class="op">*</span>y<span class="op">,</span> u16 k<span class="op">)</span></span>
  238. <span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a><span class="op">{</span></span>
  239. <span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a> u16 tmp_x <span class="op">=</span> <span class="op">*</span>x<span class="op">;</span></span>
  240. <span id="cb2-4"><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a> u16 tmp_y <span class="op">=</span> <span class="op">*</span>y<span class="op">;</span></span>
  241. <span id="cb2-5"><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a></span>
  242. <span id="cb2-6"><a href="#cb2-6" aria-hidden="true" tabindex="-1"></a> <span class="op">*</span>x <span class="op">=</span> <span class="op">(((</span>tmp_x<span class="op">)&gt;&gt;(</span><span class="dv">7</span><span class="op">))</span> <span class="op">|</span> <span class="op">((</span>tmp_x<span class="op">)&lt;&lt;(</span><span class="dv">16</span><span class="op">-(</span><span class="dv">7</span><span class="op">))));</span> <span class="co">// ROR(7)</span></span>
  243. <span id="cb2-7"><a href="#cb2-7" aria-hidden="true" tabindex="-1"></a> <span class="op">*</span>x <span class="op">+=</span> <span class="op">*</span>y<span class="op">;</span></span>
  244. <span id="cb2-8"><a href="#cb2-8" aria-hidden="true" tabindex="-1"></a></span>
  245. <span id="cb2-9"><a href="#cb2-9" aria-hidden="true" tabindex="-1"></a> <span class="op">*</span>x <span class="op">=</span> <span class="op">*</span>x <span class="op">^</span> k<span class="op">;</span></span>
  246. <span id="cb2-10"><a href="#cb2-10" aria-hidden="true" tabindex="-1"></a></span>
  247. <span id="cb2-11"><a href="#cb2-11" aria-hidden="true" tabindex="-1"></a> <span class="op">*</span>y <span class="op">=</span> <span class="op">(((</span>tmp_y<span class="op">)&lt;&lt;(</span><span class="dv">2</span><span class="op">))</span> <span class="op">|</span> <span class="op">(</span>tmp_y<span class="op">&gt;&gt;(</span><span class="dv">16</span><span class="op">-(</span><span class="dv">2</span><span class="op">))));</span> <span class="co">// ROL(2)</span></span>
  248. <span id="cb2-12"><a href="#cb2-12" aria-hidden="true" tabindex="-1"></a> <span class="op">*</span>y <span class="op">=</span> <span class="op">*</span>y <span class="op">^</span> <span class="op">*</span>x<span class="op">;</span></span>
  249. <span id="cb2-13"><a href="#cb2-13" aria-hidden="true" tabindex="-1"></a><span class="op">}</span></span></code></pre></div>
  250. </section>
  251. <section id="speck---möglicher-angriff-1" class="slide level1">
  252. <h1>Speck - Möglicher Angriff</h1>
  253. <ul>
  254. <li>Der Roundkey steckt in der XOR Operation</li>
  255. </ul>
  256. <p><img data-src="img/er16_annot.png" /></p>
  257. </section>
  258. <section id="correlation-power-analysis" class="slide level1">
  259. <h1>Correlation Power Analysis</h1>
  260. <ul>
  261. <li>Variante von Differential Power Analysis (DPA)</li>
  262. <li>Nutzt Pearson Correlation Coefficient (PCC)</li>
  263. <li><strong>Bei Speck:</strong> Korrelation zwischen Power-Trace und Key</li>
  264. </ul>
  265. </section>
  266. <section id="theoretischer-angriff" class="slide level1">
  267. <h1>Theoretischer Angriff</h1>
  268. </section>
  269. <section id="speck---modell" class="slide level1">
  270. <h1>Speck - Modell</h1>
  271. </section>
  272. <section id="hamming-weight" class="slide level1">
  273. <h1>Hamming Weight</h1>
  274. </section>
  275. <section id="t-test" class="slide level1">
  276. <h1>T-Test</h1>
  277. </section>
  278. <section id="angriff" class="slide level1">
  279. <h1>Angriff</h1>
  280. </section>
  281. <section id="gegenmaßnahmen" class="slide level1">
  282. <h1>Gegenmaßnahmen</h1>
  283. </section>
  284. <section id="hiding" class="slide level1">
  285. <h1>Hiding</h1>
  286. </section>
  287. <section id="hiding---code" class="slide level1">
  288. <h1>Hiding - Code</h1>
  289. </section>
  290. <section id="hiding---t-test" class="slide level1">
  291. <h1>Hiding - T-Test</h1>
  292. </section>
  293. <section id="korrelationen" class="slide level1">
  294. <h1>Korrelationen</h1>
  295. </section>
  296. <section id="referenzen" class="slide level1">
  297. <h1>Referenzen</h1>
  298. </section>
  299. </div>
  300. </div>
  301. <script src="./reveal.js/dist/reveal.js"></script>
  302. <!-- reveal.js plugins -->
  303. <script src="./reveal.js/plugin/notes/notes.js"></script>
  304. <script src="./reveal.js/plugin/search/search.js"></script>
  305. <script src="./reveal.js/plugin/zoom/zoom.js"></script>
  306. <script>
  307. // Full list of configuration options available at:
  308. // https://revealjs.com/config/
  309. Reveal.initialize({
  310. // Display controls in the bottom right corner
  311. controls: true,
  312. // Help the user learn the controls by providing hints, for example by
  313. // bouncing the down arrow when they first encounter a vertical slide
  314. controlsTutorial: true,
  315. // Determines where controls appear, "edges" or "bottom-right"
  316. controlsLayout: 'bottom-right',
  317. // Visibility rule for backwards navigation arrows; "faded", "hidden"
  318. // or "visible"
  319. controlsBackArrows: 'faded',
  320. // Display a presentation progress bar
  321. progress: true,
  322. // Display the page number of the current slide
  323. slideNumber: true,
  324. // 'all', 'print', or 'speaker'
  325. showSlideNumber: 'all',
  326. // Add the current slide number to the URL hash so that reloading the
  327. // page/copying the URL will return you to the same slide
  328. hash: false,
  329. // Start with 1 for the hash rather than 0
  330. hashOneBasedIndex: false,
  331. // Flags if we should monitor the hash and change slides accordingly
  332. respondToHashChanges: true,
  333. // Push each slide change to the browser history
  334. history: false,
  335. // Enable keyboard shortcuts for navigation
  336. keyboard: true,
  337. // Enable the slide overview mode
  338. overview: true,
  339. // Disables the default reveal.js slide layout (scaling and centering)
  340. // so that you can use custom CSS layout
  341. disableLayout: false,
  342. // Vertical centering of slides
  343. center: true,
  344. // Enables touch navigation on devices with touch input
  345. touch: true,
  346. // Loop the presentation
  347. loop: false,
  348. // Change the presentation direction to be RTL
  349. rtl: false,
  350. // see https://revealjs.com/vertical-slides/#navigation-mode
  351. navigationMode: 'default',
  352. // Randomizes the order of slides each time the presentation loads
  353. shuffle: false,
  354. // Turns fragments on and off globally
  355. fragments: true,
  356. // Flags whether to include the current fragment in the URL,
  357. // so that reloading brings you to the same fragment position
  358. fragmentInURL: true,
  359. // Flags if the presentation is running in an embedded mode,
  360. // i.e. contained within a limited portion of the screen
  361. embedded: false,
  362. // Flags if we should show a help overlay when the questionmark
  363. // key is pressed
  364. help: true,
  365. // Flags if it should be possible to pause the presentation (blackout)
  366. pause: true,
  367. // Flags if speaker notes should be visible to all viewers
  368. showNotes: false,
  369. // Global override for autoplaying embedded media (null/true/false)
  370. autoPlayMedia: null,
  371. // Global override for preloading lazy-loaded iframes (null/true/false)
  372. preloadIframes: null,
  373. // Number of milliseconds between automatically proceeding to the
  374. // next slide, disabled when set to 0, this value can be overwritten
  375. // by using a data-autoslide attribute on your slides
  376. autoSlide: 0,
  377. // Stop auto-sliding after user input
  378. autoSlideStoppable: true,
  379. // Use this method for navigation when auto-sliding
  380. autoSlideMethod: null,
  381. // Specify the average time in seconds that you think you will spend
  382. // presenting each slide. This is used to show a pacing timer in the
  383. // speaker view
  384. defaultTiming: null,
  385. // Enable slide navigation via mouse wheel
  386. mouseWheel: false,
  387. // The display mode that will be used to show slides
  388. display: 'block',
  389. // Hide cursor if inactive
  390. hideInactiveCursor: true,
  391. // Time before the cursor is hidden (in ms)
  392. hideCursorTime: 5000,
  393. // Opens links in an iframe preview overlay
  394. previewLinks: false,
  395. // Transition style (none/fade/slide/convex/concave/zoom)
  396. transition: 'slide',
  397. // Transition speed (default/fast/slow)
  398. transitionSpeed: 'default',
  399. // Transition style for full page slide backgrounds
  400. // (none/fade/slide/convex/concave/zoom)
  401. backgroundTransition: 'fade',
  402. // Number of slides away from the current that are visible
  403. viewDistance: 3,
  404. // Number of slides away from the current that are visible on mobile
  405. // devices. It is advisable to set this to a lower number than
  406. // viewDistance in order to save resources.
  407. mobileViewDistance: 2,
  408. // reveal.js plugins
  409. plugins: [
  410. RevealNotes,
  411. RevealSearch,
  412. RevealZoom
  413. ]
  414. });
  415. </script>
  416. </body>
  417. </html>