<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>dan</title><description>Writing and projects by dan</description><link>https://example.com/</link><item><title>Sample post showing every content element</title><link>https://example.com/blog/style-test/</link><guid isPermaLink="true">https://example.com/blog/style-test/</guid><pubDate>Tue, 13 Oct 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;This is a sample post to check styling. Delete it once real posts exist. Most stutter isn’t slow code, it’s &lt;a href=&quot;https://web.dev/articles/rendering-performance&quot;&gt;work landing in the wrong frame&lt;/a&gt;. At 60 fps the browser gives you roughly 16.7 milliseconds per frame, and style, layout, paint and compositing all want a share of that before your script runs.&lt;sup&gt;&lt;a href=&quot;#user-content-fn-1&quot; id=&quot;user-content-fnref-1&quot; data-footnote-ref=&quot;true&quot; aria-describedby=&quot;footnote-label&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;p&gt;The fix is usually to call &lt;code&gt;requestAnimationFrame&lt;/code&gt; less, not more. Batch reads before writes and let the compositor handle anything that only changes &lt;code&gt;transform&lt;/code&gt; or &lt;code&gt;opacity&lt;/code&gt;.&lt;sup&gt;&lt;a href=&quot;#user-content-fn-2&quot; id=&quot;user-content-fnref-2&quot; data-footnote-ref=&quot;true&quot; aria-describedby=&quot;footnote-label&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;h2 id=&quot;images&quot;&gt;Images&lt;/h2&gt;
&lt;figure&gt;&lt;picture&gt;&lt;source srcset=&quot;https://example.com/_astro/grid.H6O7qQcr_Z1xjozC.avif 640w, https://example.com/_astro/grid.H6O7qQcr_ZpcqNj.avif 960w, https://example.com/_astro/grid.H6O7qQcr_Z1jLjR2.avif 1280w, https://example.com/_astro/grid.H6O7qQcr_ZHzmCG.avif 1600w&quot; type=&quot;image/avif&quot; sizes=&quot;(max-width: 653px) calc(100vw - 32px), 621px&quot;&gt;&lt;source srcset=&quot;https://example.com/_astro/grid.H6O7qQcr_Z1OUvHX.webp 640w, https://example.com/_astro/grid.H6O7qQcr_ZGNxVE.webp 960w, https://example.com/_astro/grid.H6O7qQcr_Z6eEsP.webp 1280w, https://example.com/_astro/grid.H6O7qQcr_1yC8UR.webp 1600w&quot; type=&quot;image/webp&quot; sizes=&quot;(max-width: 653px) calc(100vw - 32px), 621px&quot;&gt;&lt;img src=&quot;https://example.com/_astro/grid.H6O7qQcr_Z1BykKf.png&quot; srcset=&quot;https://example.com/_astro/grid.H6O7qQcr_Z1SlJxN.png 640w, https://example.com/_astro/grid.H6O7qQcr_ZKeLLu.png 960w, https://example.com/_astro/grid.H6O7qQcr_Z1PyGiK.png 1280w, https://example.com/_astro/grid.H6O7qQcr_Z1BykKf.png 1600w&quot; alt=&quot;Grid with a diagonal amber line&quot; sizes=&quot;(max-width: 653px) calc(100vw - 32px), 621px&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;1600&quot; height=&quot;1000&quot;&gt;&lt;/picture&gt;&lt;figcaption&gt;Default figure. Follows the text column.&lt;/figcaption&gt;&lt;/figure&gt;
&lt;figure class=&quot;wide&quot;&gt;&lt;picture&gt;&lt;source srcset=&quot;https://example.com/_astro/grid.H6O7qQcr_Z1xjozC.avif 640w, https://example.com/_astro/grid.H6O7qQcr_ZpcqNj.avif 960w, https://example.com/_astro/grid.H6O7qQcr_Z1jLjR2.avif 1280w, https://example.com/_astro/grid.H6O7qQcr_ZHzmCG.avif 1600w&quot; type=&quot;image/avif&quot; sizes=&quot;(max-width: 909px) calc(100vw - 32px), 877px&quot;&gt;&lt;source srcset=&quot;https://example.com/_astro/grid.H6O7qQcr_Z1OUvHX.webp 640w, https://example.com/_astro/grid.H6O7qQcr_ZGNxVE.webp 960w, https://example.com/_astro/grid.H6O7qQcr_Z6eEsP.webp 1280w, https://example.com/_astro/grid.H6O7qQcr_1yC8UR.webp 1600w&quot; type=&quot;image/webp&quot; sizes=&quot;(max-width: 909px) calc(100vw - 32px), 877px&quot;&gt;&lt;img src=&quot;https://example.com/_astro/grid.H6O7qQcr_Z1BykKf.png&quot; srcset=&quot;https://example.com/_astro/grid.H6O7qQcr_Z1SlJxN.png 640w, https://example.com/_astro/grid.H6O7qQcr_ZKeLLu.png 960w, https://example.com/_astro/grid.H6O7qQcr_Z1PyGiK.png 1280w, https://example.com/_astro/grid.H6O7qQcr_Z1BykKf.png 1600w&quot; alt=&quot;Grid with a diagonal amber line&quot; sizes=&quot;(max-width: 909px) calc(100vw - 32px), 877px&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;1600&quot; height=&quot;1000&quot;&gt;&lt;/picture&gt;&lt;figcaption&gt;Wide figure, opt-in.&lt;/figcaption&gt;&lt;/figure&gt;
&lt;h2 id=&quot;code&quot;&gt;Code&lt;/h2&gt;
&lt;p&gt;A normal code block:&lt;/p&gt;
&lt;pre class=&quot;astro-code graphite&quot; style=&quot;background-color:#23221f;color:#e4ded2;overflow-x:auto&quot; tabindex=&quot;0&quot; data-language=&quot;python&quot;&gt;&lt;code&gt;&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;from&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; dataclasses &lt;/span&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;import&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; dataclass&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;from&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; pathlib &lt;/span&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;import&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; Path&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;import&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; numpy &lt;/span&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;as&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; np&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#8A8378;font-style:italic&quot;&gt;# ~16.7 ms per frame at 60 fps&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;FRAME_BUDGET_MS &lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt; 1000&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt; /&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt; 60&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#C9886A&quot;&gt;@dataclass&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color:#C9886A&quot;&gt;frozen&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt;True&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;)&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;class&lt;/span&gt;&lt;span style=&quot;color:#D8C08A&quot;&gt; Mesh&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#B8BB8A&quot;&gt;    &amp;quot;&amp;quot;&amp;quot;Triangle mesh loaded from a .obj file.&amp;quot;&amp;quot;&amp;quot;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;    vertices&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; np&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;ndarray&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;    faces&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; np&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;ndarray&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#C9886A&quot;&gt;    @&lt;/span&gt;&lt;span style=&quot;color:#D8C08A&quot;&gt;classmethod&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;    def&lt;/span&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt; load&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;cls&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; path&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; Path&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt; -&amp;gt;&lt;/span&gt;&lt;span style=&quot;color:#B8BB8A&quot;&gt; &amp;quot;Mesh&amp;quot;&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;        verts&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; faces &lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt; [],&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt; []&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;        for&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; line &lt;/span&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;in&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; path&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;read_text&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;().&lt;/span&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;splitlines&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;():&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;            if&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; line&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;startswith&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color:#B8BB8A&quot;&gt;&amp;quot;v &amp;quot;&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;):&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;                verts&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;append&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;([&lt;/span&gt;&lt;span style=&quot;color:#D8C08A&quot;&gt;float&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;x&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;color:#E0A458&quot;&gt; for&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; x &lt;/span&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;in&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; line&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;split&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;()[&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt;4&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;]])&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;        return&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; cls&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;np&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;array&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;verts&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;),&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; np&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;array&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;faces&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; dtype&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;np&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;int32&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;))&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;A wide one for long lines:&lt;/p&gt;
&lt;div class=&quot;wide&quot;&gt;&lt;pre class=&quot;astro-code graphite&quot; style=&quot;background-color:#23221f;color:#e4ded2;overflow-x:auto&quot; tabindex=&quot;0&quot; data-language=&quot;python&quot;&gt;&lt;code&gt;&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;faces&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;append&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;([&lt;/span&gt;&lt;span style=&quot;color:#D8C08A&quot;&gt;int&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt;i&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;split&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color:#B8BB8A&quot;&gt;&amp;quot;/&amp;quot;&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;)[&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;])&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt; -&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt; 1&lt;/span&gt;&lt;span style=&quot;color:#E0A458&quot;&gt; for&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; i &lt;/span&gt;&lt;span style=&quot;color:#E0A458&quot;&gt;in&lt;/span&gt;&lt;span style=&quot;color:#E4DED2&quot;&gt; line&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;split&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;()[&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt;4&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;]])&lt;/span&gt;&lt;span style=&quot;color:#8A8378;font-style:italic&quot;&gt;  # .obj indices are 1-based and may include texture/normal refs&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;pre class=&quot;astro-code graphite&quot; style=&quot;background-color:#23221f;color:#e4ded2;overflow-x:auto&quot; tabindex=&quot;0&quot; data-language=&quot;yaml&quot;&gt;&lt;code&gt;&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#8A8378;font-style:italic&quot;&gt;# build and deploy settings&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;site&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;  name&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#B8BB8A&quot;&gt; dan&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;  url&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#B8BB8A&quot;&gt; https://example.com&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;build&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;  images&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;    formats&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt; [&lt;/span&gt;&lt;span style=&quot;color:#B8BB8A&quot;&gt;avif&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color:#B8BB8A&quot;&gt; webp&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;    widths&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt; [&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt;640&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt; 1280&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt; 1920&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;]&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;deploy&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;  swap_mb&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt; 1024&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:#A9C4B0&quot;&gt;  dry_run&lt;/span&gt;&lt;span style=&quot;color:#9A948A&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color:#D3869B&quot;&gt; false&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;h2 id=&quot;embeds&quot;&gt;Embeds&lt;/h2&gt;
&lt;figure data-astro-cid-jzvs6stl&gt;&lt;div class=&quot;embed&quot; style=&quot;aspect-ratio: 16 / 9&quot; data-src=&quot;https://www.youtube-nocookie.com/embed/aqz-KE-bpKQ&quot; data-title=&quot;Big Buck Bunny&quot; data-astro-cid-jzvs6stl&gt;&lt;button type=&quot;button&quot; aria-label=&quot;Load Big Buck Bunny&quot; data-astro-cid-jzvs6stl&gt;&lt;span class=&quot;label&quot; data-astro-cid-jzvs6stl&gt;▶ Big Buck Bunny&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;figcaption data-astro-cid-jzvs6stl&gt;Nothing loads from YouTube until you click.&lt;/figcaption&gt;&lt;/figure&gt;&lt;script type=&quot;module&quot; src=&quot;https://example.com/Users/dan/repos/web/site/src/components/Embed.astro?astro&amp;type=script&amp;index=0&amp;lang.ts&quot;&gt;&lt;/script&gt;
&lt;h2 id=&quot;3d&quot;&gt;3D&lt;/h2&gt;
&lt;figure class=&quot;wide&quot; data-astro-cid-iwpgssty&gt;&lt;div class=&quot;stage&quot; data-astro-cid-iwpgssty&gt;&lt;div class=&quot;scene&quot; style=&quot;aspect-ratio: 16 / 9&quot; data-scene=&quot;cube&quot; data-start=&quot;visible&quot; role=&quot;img&quot; aria-label=&quot;Rotating wireframe cube&quot; data-astro-cid-iwpgssty&gt;&lt;canvas data-astro-cid-iwpgssty&gt;&lt;/canvas&gt;&lt;/div&gt;&lt;/div&gt;&lt;figcaption data-astro-cid-iwpgssty&gt;three.js loads only when this scrolls into view.&lt;/figcaption&gt;&lt;/figure&gt;&lt;script type=&quot;module&quot; src=&quot;https://example.com/Users/dan/repos/web/site/src/components/Scene.astro?astro&amp;type=script&amp;index=0&amp;lang.ts&quot;&gt;&lt;/script&gt;
&lt;blockquote&gt;
&lt;p&gt;Blockquotes look like this.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;Lists&lt;/li&gt;
&lt;li&gt;look&lt;/li&gt;
&lt;li&gt;like this&lt;/li&gt;
&lt;/ul&gt;
&lt;section data-footnotes=&quot;true&quot; class=&quot;footnotes&quot;&gt;&lt;h2 class=&quot;sr-only&quot; id=&quot;footnote-label&quot;&gt;Footnotes&lt;/h2&gt;
&lt;ol&gt;
&lt;li id=&quot;user-content-fn-1&quot;&gt;
&lt;p&gt;On a 120 Hz display the budget halves to about 8.3 ms. &lt;a href=&quot;#user-content-fnref-1&quot; data-footnote-backref aria-label=&quot;Back to reference 1&quot; class=&quot;data-footnote-backref&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&quot;user-content-fn-2&quot;&gt;
&lt;p&gt;Properties that only touch the compositor skip layout and paint entirely. &lt;a href=&quot;#user-content-fnref-2&quot; data-footnote-backref aria-label=&quot;Back to reference 2&quot; class=&quot;data-footnote-backref&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;</content:encoded><category>meta</category><category>rendering</category></item><item><title>Second sample post</title><link>https://example.com/blog/second-sample/</link><guid isPermaLink="true">https://example.com/blog/second-sample/</guid><pubDate>Thu, 01 Oct 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;A plain Markdown post with no components. Delete it once real posts exist.&lt;/p&gt;
</content:encoded><category>python</category></item></channel></rss>