Slides on Léa Jean /portfolios/exemple2/slides/ Recent content in Slides on Léa Jean Source Themes academia (https://sourcethemes.com/academic/) en-us Copyright &copy; {year} Tue, 05 Feb 2019 00:00:00 +0000 Slides /portfolios/exemple2/slides/example/ Tue, 05 Feb 2019 00:00:00 +0000 /portfolios/exemple2/slides/example/ <h1 id="welcome-to-slides">Welcome to Slides</h1> <p><a href="https://sourcethemes.com/academic/">academia</a></p> <hr> <h2 id="features">Features</h2> <ul> <li>Efficiently write slides in Markdown</li> <li>3-in-1: Create, Present, and Publish your slides</li> <li>Supports speaker notes</li> <li>Mobile friendly slides</li> </ul> <hr> <h2 id="controls">Controls</h2> <ul> <li>Next: <code>Right Arrow</code> or <code>Space</code></li> <li>Previous: <code>Left Arrow</code></li> <li>Start: <code>Home</code></li> <li>Finish: <code>End</code></li> <li>Overview: <code>Esc</code></li> <li>Speaker notes: <code>S</code></li> <li>Fullscreen: <code>F</code></li> <li>Zoom: <code>Alt + Click</code></li> <li><a href="https://github.com/hakimel/reveal.js#pdf-export">PDF Export</a>: <code>E</code></li> </ul> <hr> <h2 id="code-highlighting">Code Highlighting</h2> <p>Inline code: <code>variable</code></p> <p>Code block:</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-python" data-lang="python">porridge <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;blueberry&#34;</span> <span style="color:#66d9ef">if</span> porridge <span style="color:#f92672">==</span> <span style="color:#e6db74">&#34;blueberry&#34;</span>: print(<span style="color:#e6db74">&#34;Eating...&#34;</span>) </code></pre></div><hr> <h2 id="math">Math</h2> <p>In-line math: $x + y = z$</p> <p>Block math:</p> <p>$$ f\left( x \right) = ;\frac{{2\left( {x + 4} \right)\left( {x - 4} \right)}}{{\left( {x + 4} \right)\left( {x + 1} \right)}} $$</p> <hr> <h2 id="fragments">Fragments</h2> <p>Make content appear incrementally</p> <pre tabindex="0"><code>{{% fragment %}} One {{% /fragment %}} {{% fragment %}} **Two** {{% /fragment %}} {{% fragment %}} Three {{% /fragment %}} </code></pre><p>Press <code>Space</code> to play!</p> <!-- raw HTML omitted --> <hr> <p>A fragment can accept two optional parameters:</p> <ul> <li><code>class</code>: use a custom style (requires definition in custom CSS)</li> <li><code>weight</code>: sets the order in which a fragment appears</li> </ul> <hr> <h2 id="speaker-notes">Speaker Notes</h2> <p>Add speaker notes to your presentation</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-markdown" data-lang="markdown">{{% speaker_note %}} <span style="color:#66d9ef">-</span> Only the speaker can read these notes <span style="color:#66d9ef">-</span> Press <span style="color:#e6db74">`S`</span> key to view {{% /speaker_note %}} </code></pre></div><p>Press the <code>S</code> key to view the speaker notes!</p> <aside class="notes"> <ul> <li>Only the speaker can read these notes</li> <li>Press <code>S</code> key to view</li> </ul> </aside> <hr> <h2 id="themes">Themes</h2> <ul> <li>black: Black background, white text, blue links (default)</li> <li>white: White background, black text, blue links</li> <li>league: Gray background, white text, blue links</li> <li>beige: Beige background, dark text, brown links</li> <li>sky: Blue background, thin dark text, blue links</li> </ul> <hr> <ul> <li>night: Black background, thick white text, orange links</li> <li>serif: Cappuccino background, gray text, brown links</li> <li>simple: White background, black text, blue links</li> <li>solarized: Cream-colored background, dark green text, blue links</li> </ul> <hr> <section data-noprocess data-shortcode-slide data-background-image="/img/boards.jpg" > <h2 id="custom-slide">Custom Slide</h2> <p>Customize the slide style and background</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-markdown" data-lang="markdown">{{&lt; <span style="color:#f92672">slide</span> <span style="color:#a6e22e">background-image</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;/img/boards.jpg&#34;</span> &gt;}} {{&lt; <span style="color:#f92672">slide</span> <span style="color:#a6e22e">background-color</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;#0000FF&#34;</span> &gt;}} {{&lt; <span style="color:#f92672">slide</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;my-style&#34;</span> &gt;}} </code></pre></div><hr> <h2 id="custom-css-example">Custom CSS Example</h2> <p>Let&rsquo;s make headers navy colored.</p> <p>Create <code>assets/css/reveal_custom.css</code> with:</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-css" data-lang="css">.<span style="color:#a6e22e">reveal</span> <span style="color:#f92672">section</span> <span style="color:#f92672">h1</span><span style="color:#f92672">,</span> .<span style="color:#a6e22e">reveal</span> <span style="color:#f92672">section</span> <span style="color:#f92672">h2</span><span style="color:#f92672">,</span> .<span style="color:#a6e22e">reveal</span> <span style="color:#f92672">section</span> <span style="color:#f92672">h3</span> { <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">navy</span>; } </code></pre></div><hr> <h1 id="questions">Questions?</h1> <p><a href="https://discourse.gohugo.io">Ask</a></p> <p><a href="https://sourcethemes.com/academic/docs/">Documentation</a></p>