https://blog.kevinroyer.com/tags/diving/Recent content in Diving on Kevin's blogHugoen-usSat, 08 Aug 2026 00:00:00 +0000https://blog.kevinroyer.com/blog/hello-reef/Sat, 08 Aug 2026 00:00:00 +0000https://blog.kevinroyer.com/blog/hello-reef/<p>This is the first real post, mostly here to exercise every piece of the template layer at once: a page-bundle image, a code fence, a table, a blockquote, and a footnote.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p> <h2 id="the-figure-shortcode">The figure shortcode</h2> <figure class="figure"> <picture> <source type="image/avif" srcset="https://blog.kevinroyer.com/blog/hello-reef/strawberry-anemones_hu_61d7042463b1278b.avif 480w, https://blog.kevinroyer.com/blog/hello-reef/strawberry-anemones_hu_79b8c1926a0847ae.avif 800w, https://blog.kevinroyer.com/blog/hello-reef/strawberry-anemones_hu_471ff4b29e5f10e0.avif 1200w" sizes="(min-width: 720px) 720px, 100vw"> <source type="image/webp" srcset="https://blog.kevinroyer.com/blog/hello-reef/strawberry-anemones_hu_add1918135d614f6.webp 480w, https://blog.kevinroyer.com/blog/hello-reef/strawberry-anemones_hu_965a79d0881bece.webp 800w, https://blog.kevinroyer.com/blog/hello-reef/strawberry-anemones_hu_7dfe9bbe5fb588be.webp 1200w" sizes="(min-width: 720px) 720px, 100vw"> <img src="https://blog.kevinroyer.com/blog/hello-reef/strawberry-anemones_hu_4a744a8ebd43cbb6.jpg" width="1200" height="1106" alt="A cluster of strawberry anemones (Corynactis californica) on a Monterey reef, their red columns tipped with translucent white-knobbed tentacles" decoding="async"> </picture> <figcaption><span class="figure-caption">Strawberry anemones, Monterey, December 2025</span><span class="figure-exif">TG-6 · 5.79mm · f/9 · 1/30s · ISO 100</span></figcaption> </figure> <h2 id="a-code-fence">A code fence</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">cache_hit_rate</span><span class="p">(</span><span class="n">hits</span><span class="p">,</span> <span class="n">total</span><span class="p">):</span> </span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">hits</span> <span class="o">/</span> <span class="n">total</span> <span class="k">if</span> <span class="n">total</span> <span class="k">else</span> <span class="mf">0.0</span> </span></span></code></pre></div><h2 id="a-table">A table</h2> <table> <thead> <tr> <th>Depth (m)</th> <th>Temp (°C)</th> </tr> </thead> <tbody> <tr> <td>5</td> <td>24</td> </tr> <tr> <td>18</td> <td>21</td> </tr> </tbody> </table> <blockquote> <p>A blockquote, for good measure.</p>