Blog creator

beta
<Prelude>
  <M>
     Prelude content
  </M>
</Prelude>

<Section>
  <XL>1. Section title</XL>
  <M>
    Section <B>content</B>
  </M> 
  <Code src="https://raw.githubusercontent.com/polubis/React-useRef-hook/main/src/snippets/typical-use-ref-usage.tsx" description="Code example..." />
  <M>
    Section <B>content</B>
  </M>
  <Hint hasBg>
    Add your hint here...
  </Hint>
</Section>

<Section>
  <XL>2. Section title</XL>
  <M>
    Section <B>content</B> and <A outside href='https://greenonsoftware.com/articles/'>link</A>
  </M>
  <Img
    src="https://raw.githubusercontent.com/polubis/WebBlog/State-machine-pattern/src/articles/patterns/state-machine-pattern/SM.png"
    description="Coffee machine as a state machine"
  />
</Section>

<Section>
  <XL>3. Section title</XL>
  <M>
    Some content
  </M>
  <List items="First, Second" />
</Section>

<Summary>
  <M>Summary content</M>
</Summary>
<Prelude>
<Section>
<Summary>
<Code>
<List>
<Img>
<XL>
<M>
<Hint>
<A>
<B>