https://wormcode.github.io/slides/ Recent content in Slides on Academic Source Themes Academic (https://sourcethemes.com/academic/) en-us Tue, 05 Feb 2019 00:00:00 +0000 https://wormcode.github.io/slides/example/ Tue, 05 Feb 2019 00:00:00 +0000 https://wormcode.github.io/slides/example/ <h1 id="welcome-to-slides">Welcome to Slides</h1> <p><a href="https://sourcethemes.com/academic/" target="_blank">Academic</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" target="_blank">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> <pre><code class="language-python">porridge = &quot;blueberry&quot; if porridge == &quot;blueberry&quot;: print(&quot;Eating...&quot;) </code></pre> <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><code>{{% fragment %}} One {{% /fragment %}} {{% fragment %}} **Two** {{% /fragment %}} {{% fragment %}} Three {{% /fragment %}} </code></pre> <p>Press <code>Space</code> to play!</p> <p><span class="fragment " > One </span> <span class="fragment " > <strong>Two</strong> </span> <span class="fragment " > Three </span></p> <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> <pre><code class="language-markdown">{{% speaker_note %}} - Only the speaker can read these notes - Press `S` key to view {{% /speaker_note %}} </code></pre> <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> <pre><code class="language-markdown">{{&lt; slide background-image=&quot;/img/boards.jpg&quot; &gt;}} {{&lt; slide background-color=&quot;#0000FF&quot; &gt;}} {{&lt; slide class=&quot;my-style&quot; &gt;}} </code></pre> <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> <pre><code class="language-css">.reveal section h1, .reveal section h2, .reveal section h3 { color: navy; } </code></pre> <hr /> <h1 id="questions">Questions?</h1> <p><a href="https://discourse.gohugo.io" target="_blank">Ask</a></p> <p><a href="https://sourcethemes.com/academic/docs/" target="_blank">Documentation</a></p>