<h1 id="slide-1">Slide 1</h1> <!-- .slide: data-background="#ff0000" --> <p>Welcome to the deck.</p> <hr> <h1 id="slide-2">Slide 2</h1> <p>Horizontal split.</p> <p>===</p> <h1 id="slide-21">Slide 2.1</h1> <p>Vertical split.</p> <hr> <h2 id="the-lorenz-equations">The Lorenz Equations $\mu$</h2> $$ \begin{aligned} \dot{x} & = \sigma(y-x) \\ \dot{y} & = \rho x - y - xz \\ \dot{z} & = -\beta z + xy \\ \dfrac{1}{2} & = 0.5 \end{aligned} $$<hr> <h2 id="code-block">Code block</h2> <pre> <code class='language-python' data-line-numbers data-ln-start-from='7'>import numpy as np print("Hello World")</code> </pre> <hr> <h1 id="the-most-stoopid-dog-ever">The most stoopid dog ever?</h1> <p>===</p> <img src="./img/golden_retriever.jpeg" width="50%" alt="Golden retriever"> <p>===</p> <h2 id="poupouille">Poupouille!</h2> <hr> <h1 id="qr-code">QR Code</h1> <img src="/hugo_presentation/qr_af685c3816183a74.png" width="330" height="330"> <hr> <h1 id="molstar">Molstar</h1> <div id="molstar-2" class="molstar-container"></div> <p>===</p> <h1 id="mouais">Mouais…</h1> <div id="molstar-3" class="molstar-container"></div> <p>===</p> <h1 id="mvsj">MVSJ</h1> <div id="molstar-4" class="molstar-container"></div> <hr> <h1 id="grid-system">Grid system</h1> <div id="grid-5"><div> I like cats! </div><div> `=D` </div><div> But I prefere dogs! </div><div> <img src="./img/golden_retriever.jpeg" width="100%" alt="Golden retriever"> </div></div> <style> #grid-5 { display: grid; grid-template-columns: 1fr 80%; } </style>