https://david-dewes.de/slides/SlidesHugoBlox Kit (https://hugoblox.com)en-usMon, 23 Mar 2026 00:00:00 +0000https://david-dewes.de/slides/example/Mon, 23 Mar 2026 00:00:00 +0000https://david-dewes.de/slides/example/<h1 id="my-first-presentation">My First Presentation</h1> <h3 id="your-name--your-organization">Your Name · Your Organization</h3> <hr> <h2 id="overview">Overview</h2> <ul> <li>First point</li> <li>Second point</li> <li>Third point</li> </ul> <hr> <section> <p>Horizontal Slide</p> </section> <section> <h2 id="slide-2">Slide 2</h2> $$ \nabla \times \vec{E} = -\frac{\partial \vec{B}}{\partial t} $$</section> <section> <h2 id="slide-3">Slide 3</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">calculate_accuracy</span><span class="p">(</span><span class="n">y_true</span><span class="p">,</span> <span class="n">y_pred</span><span class="p">):</span> </span></span><span class="line"><span class="cl"> <span class="n">correct</span> <span class="o">=</span> <span class="nb">sum</span><span class="p">(</span><span class="mi">1</span> <span class="k">for</span> <span class="n">true</span><span class="p">,</span> <span class="n">pred</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span><span class="n">y_true</span><span class="p">,</span> <span class="n">y_pred</span><span class="p">)</span> <span class="k">if</span> <span class="n">true</span> <span class="o">==</span> <span class="n">pred</span><span class="p">)</span> </span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">correct</span> <span class="o">/</span> <span class="nb">len</span><span class="p">(</span><span class="n">y_true</span><span class="p">)</span> <span class="o">*</span> <span class="mi">100</span> </span></span></code></pre></div></section> <hr> <h2 id="math">Math!</h2> $$ \nabla \times \vec{E} = -\frac{\partial \vec{B}}{\partial t} $$<hr> <h2 id="code">Code!</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">calculate_accuracy</span><span class="p">(</span><span class="n">y_true</span><span class="p">,</span> <span class="n">y_pred</span><span class="p">):</span> </span></span><span class="line"><span class="cl"> <span class="n">correct</span> <span class="o">=</span> <span class="nb">sum</span><span class="p">(</span><span class="mi">1</span> <span class="k">for</span> <span class="n">true</span><span class="p">,</span> <span class="n">pred</span> <span class="ow">in</span> <span class="nb">zip</span><span class="p">(</span><span class="n">y_true</span><span class="p">,</span> <span class="n">y_pred</span><span class="p">)</span> <span class="k">if</span> <span class="n">true</span> <span class="o">==</span> <span class="n">pred</span><span class="p">)</span> </span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">correct</span> <span class="o">/</span> <span class="nb">len</span><span class="p">(</span><span class="n">y_true</span><span class="p">)</span> <span class="o">*</span> <span class="mi">100</span> </span></span></code></pre></div><hr> <h2 id="dual-columns">Dual Columns!</h2> <h3 id="comparison">Comparison</h3> <div class="r-hstack"> <div> <h4 id="before">Before</h4> <ul> <li>Slow: 2.5s</li> <li>Memory: 4GB</li> <li>Cost: $100/mo</li> </ul> </div> <div> <h4 id="after">After</h4> <ul> <li>Fast: 0.3s ✅</li> <li>Memory: 512MB ✅</li> <li>Cost: $15/mo ✅</li> </ul> </div> </div> <hr> <h2 id="conclusion">Conclusion</h2> <p>Thank you for your attention!</p> <p><strong>Questions?</strong></p>