<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
  <title>paul.do</title>
  <link>https://paul.do/</link>
  <description>marginalia</description>
  <language>en-gb</language>
  <atom:link href="https://paul.do/rss.xml" rel="self" type="application/rss+xml" />
  <lastBuildDate>Mon, 19 Oct 2026 07:45:00 GMT</lastBuildDate>
<item>
  <title>A longer placeholder note, for testing the reading experience</title>
  <link>https://paul.do/blog/long-placeholder-note/</link>
  <guid isPermaLink="true">https://paul.do/blog/long-placeholder-note/</guid>
  <pubDate>Mon, 19 Oct 2026 07:45:00 GMT</pubDate>
  <category>wisdom</category><category>health</category>
  <description>&lt;p&gt;This is a placeholder note, much longer than a typical one. It exists only so the
post page can be checked with every kind of formatting in it: headings, lists, a quote,
an image with a caption, a table, some code and a couple of footnotes.&lt;sup&gt;&lt;a href=&quot;https://paul.do/blog/long-placeholder-note/#long-placeholder-note-fn-1&quot; id=&quot;long-placeholder-note-fnref-1&quot; data-footnote-ref aria-describedby=&quot;long-placeholder-note-footnote-label&quot;&gt;1&lt;/a&gt;&lt;/sup&gt; Delete it
before the first real post.&lt;/p&gt;
&lt;p&gt;Most notes on this site will be a paragraph or two. But now and then one will run
longer, and it should still be &lt;em&gt;comfortable&lt;/em&gt; to read on a phone in bed or on a laptop at
a desk. That means a sensible line length, generous line spacing, and headings that
group the text without shouting. It also means &lt;strong&gt;bold&lt;/strong&gt; and &lt;em&gt;italic&lt;/em&gt; words that stand
out just enough, and &lt;a href=&quot;https://example.com&quot;&gt;links that look like links&lt;/a&gt; without
relying on colour alone.&lt;/p&gt;
&lt;h2 id=&quot;why-short-notes-still-need-good-typography&quot;&gt;Why short notes still need good typography&lt;/h2&gt;
&lt;p&gt;A short note is read quickly, often on a small screen, often in passing. If the text is
cramped or the lines are too long, the eye loses its place and the reader gives up.
Good typography is mostly invisible: the reader notices only that reading felt easy.&lt;/p&gt;
&lt;p&gt;The old writers understood this in their own way. They wrote in the margins of books,
in small careful hands, because the margin was where thinking happened.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The mind that reads slowly is the mind that keeps what it reads.
A page skimmed is a page lost.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&quot;three-habits-worth-keeping&quot;&gt;Three habits worth keeping&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Walk before checking the phone in the morning.&lt;/li&gt;
&lt;li&gt;Write one note a day, even a short one.&lt;/li&gt;
&lt;li&gt;Read something old before something new:
&lt;ul&gt;
&lt;li&gt;a page of a classic,&lt;/li&gt;
&lt;li&gt;a letter rather than an article,&lt;/li&gt;
&lt;li&gt;a poem rather than a thread.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;And a plain list, for comparison:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Sleep is the first training session.&lt;/li&gt;
&lt;li&gt;Most work problems are attention problems.&lt;/li&gt;
&lt;li&gt;Ancient advice survives because it keeps being true.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img alt=&quot;A plain grey and orange placeholder block&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;1200&quot; height=&quot;800&quot; src=&quot;https://paul.do/_astro/placeholder.B7MPQ4ck_Z1GRGbY.webp&quot;&gt;
&lt;em&gt;A caption sits directly under its image: write it in italics on the line after the image.&lt;/em&gt;&lt;/p&gt;
&lt;h2 id=&quot;a-small-table&quot;&gt;A small table&lt;/h2&gt;
&lt;p&gt;Tables are rare in notes, but they should still be readable on a phone.&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Habit&lt;/th&gt;
&lt;th&gt;Time of day&lt;/th&gt;
&lt;th style=&quot;text-align: right&quot;&gt;Minutes&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Walk&lt;/td&gt;
&lt;td&gt;Morning&lt;/td&gt;
&lt;td style=&quot;text-align: right&quot;&gt;30&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Read something old&lt;/td&gt;
&lt;td&gt;Evening&lt;/td&gt;
&lt;td style=&quot;text-align: right&quot;&gt;20&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Write a note&lt;/td&gt;
&lt;td&gt;Any time&lt;/td&gt;
&lt;td style=&quot;text-align: right&quot;&gt;10&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&quot;a-little-code&quot;&gt;A little code&lt;/h2&gt;
&lt;p&gt;Code is rarer still. Inline code looks like &lt;code&gt;npm run dev&lt;/code&gt;, and a block looks like this:&lt;/p&gt;
&lt;pre class=&quot;astro-code css-variables&quot; style=&quot;background-color:var(--astro-code-background);color:var(--astro-code-foreground); overflow-x: auto;&quot; tabindex=&quot;0&quot; data-language=&quot;js&quot;&gt;&lt;code&gt;&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:var(--astro-code-token-comment)&quot;&gt;// Count the words in a note&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:var(--astro-code-token-keyword)&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-function)&quot;&gt; wordCount&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-foreground)&quot;&gt;(text) {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:var(--astro-code-token-keyword)&quot;&gt;  return&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-constant)&quot;&gt; text&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-function)&quot;&gt;.trim&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-foreground)&quot;&gt;()&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-function)&quot;&gt;.split&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-foreground)&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-string-expression)&quot;&gt;/\s&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-keyword)&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-string-expression)&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-foreground)&quot;&gt;).&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-constant)&quot;&gt;length&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-foreground)&quot;&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:var(--astro-code-foreground)&quot;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;h3 id=&quot;a-final-thought&quot;&gt;A final thought&lt;/h3&gt;
&lt;p&gt;A note does not have to be finished to be worth sharing. It only has to be honest
about being a note.&lt;sup&gt;&lt;a href=&quot;https://paul.do/blog/long-placeholder-note/#long-placeholder-note-fn-2&quot; id=&quot;long-placeholder-note-fnref-2&quot; data-footnote-ref aria-describedby=&quot;long-placeholder-note-footnote-label&quot;&gt;2&lt;/a&gt;&lt;/sup&gt; The margin is a place for questions as much as answers.&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;That rule above is a horizontal line, written as three dashes in Markdown.&lt;/p&gt;
&lt;section data-footnotes class=&quot;footnotes&quot;&gt;&lt;h2 class=&quot;sr-only&quot; id=&quot;long-placeholder-note-footnote-label&quot;&gt;Footnotes&lt;/h2&gt;
&lt;ol&gt;
&lt;li id=&quot;long-placeholder-note-fn-1&quot;&gt;
&lt;p&gt;Footnotes are written in Markdown as &lt;code&gt;[^1]&lt;/code&gt; in the text and &lt;code&gt;[^1]: ...&lt;/code&gt; at the end.
The site numbers and links them automatically. &lt;a href=&quot;https://paul.do/blog/long-placeholder-note/#long-placeholder-note-fnref-1&quot; data-footnote-backref=&quot;&quot; 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;long-placeholder-note-fn-2&quot;&gt;
&lt;p&gt;This is the second footnote, to check that several sit neatly together. &lt;a href=&quot;https://paul.do/blog/long-placeholder-note/#long-placeholder-note-fnref-2&quot; data-footnote-backref=&quot;&quot; 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;
</description>
</item>
<item>
  <title>A placeholder note without a title. On the…</title>
  <link>https://paul.do/blog/untitled-code-note/</link>
  <guid isPermaLink="true">https://paul.do/blog/untitled-code-note/</guid>
  <pubDate>Sun, 18 Oct 2026 09:15:00 GMT</pubDate>
  <category>work</category>
  <description>&lt;p&gt;A placeholder note without a title. On the home page it shows just its text, and the
browser tab falls back to the first few words. It also contains a code block:&lt;/p&gt;
&lt;pre class=&quot;astro-code css-variables&quot; style=&quot;background-color:var(--astro-code-background);color:var(--astro-code-foreground); overflow-x: auto;&quot; tabindex=&quot;0&quot; data-language=&quot;js&quot;&gt;&lt;code&gt;&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:var(--astro-code-token-keyword)&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-function)&quot;&gt; greet&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-foreground)&quot;&gt;(name) {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:var(--astro-code-token-keyword)&quot;&gt;  return&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-string-expression)&quot;&gt; `Hello, &lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-keyword)&quot;&gt;${&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-foreground)&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-keyword)&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-token-string-expression)&quot;&gt;`&lt;/span&gt;&lt;span style=&quot;color:var(--astro-code-foreground)&quot;&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;line&quot;&gt;&lt;span style=&quot;color:var(--astro-code-foreground)&quot;&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;blockquote&gt;
&lt;p&gt;And a short quote, to check quotes render.&lt;/p&gt;
&lt;/blockquote&gt;
</description>
</item>
<item>
  <title>A placeholder note with an image</title>
  <link>https://paul.do/blog/first-note/</link>
  <guid isPermaLink="true">https://paul.do/blog/first-note/</guid>
  <pubDate>Sat, 17 Oct 2026 14:30:00 GMT</pubDate>
  <category>health</category>
  <description>&lt;p&gt;This is a placeholder note, here only to test the site. It has a title and an image.
Delete it before the first real post.&lt;/p&gt;
&lt;p&gt;&lt;img alt=&quot;A plain grey and orange placeholder block&quot; loading=&quot;lazy&quot; decoding=&quot;async&quot; width=&quot;1200&quot; height=&quot;800&quot; src=&quot;https://paul.do/_astro/placeholder.B7MPQ4ck_Z1GRGbY.webp&quot;&gt;&lt;/p&gt;
&lt;p&gt;Images live in &lt;code&gt;src/assets/posts/&amp;lt;slug&amp;gt;/&lt;/code&gt; and are referenced with a relative path,
so the Markdown stays portable.&lt;/p&gt;
</description>
</item>
</channel>
</rss>
