repubmark/examples/full.html

<div class="nice-annotation">
<p>
<span>
Annotation paragraph text
</span>
</p>
</div>
<figure class="nice-blockquote">
<blockquote>
<p>
<span>
Blockquote paragraph text
</span>
</p>
</blockquote>
<figcaption>
<span>
Blockquote caption text
</span>
</figcaption>
</figure>
<pre><code><span class="hl lin">    1 </span><span class="hl opt">[[</span><span class="hl kwc">:foo</span><span class="hl opt">,</span> <span class="hl num">1</span><span class="hl opt">], [</span><span class="hl kwc">:bar</span><span class="hl opt">,</span> <span class="hl num">2</span><span class="hl opt">], [</span><span class="hl kwc">:car</span><span class="hl opt">,</span> <span class="hl num">3</span><span class="hl opt">]].</span>each <span class="hl kwa">do</span> <span class="hl opt">|</span>str<span class="hl opt">,</span> num<span class="hl opt">|</span>
<span class="hl lin">    2 </span>  puts str
<span class="hl lin">    3 </span>  puts num<span class="hl opt">**</span><span class="hl num">2</span>
<span class="hl lin">    4 </span><span class="hl kwa">end</span>
</code></pre>
<div class="ratio ratio-16x9">
<iframe
title="Example.com"
src="https://example.com"
allowfullscreen=""
frameborder="0"
sandbox="allow-same-origin allow-scripts allow-popups"
></iframe>
</div>
<div class="d-flex justify-content-center">
<figure class="nice-figure">
<img src="assets/images/foo.jpg" alt="The Foo"/>
<figcaption>
The Foo
</figcaption>
</figure>
</div>
<div class="row">
<div class="col-xl-6">
<div class="d-flex justify-content-center">
<figure class="nice-figure">
<img src="assets/images/qwe.jpg" alt="The Qwe"/>
<figcaption>
The Qwe
</figcaption>
</figure>
</div>
</div>
<div class="col-xl-6">
<div class="d-flex justify-content-center">
<figure class="nice-figure">
<img src="assets/images/rty.jpg" alt="The Rty"/>
<figcaption>
The Rty
</figcaption>
</figure>
</div>
</div>
</div>
<h2>Chapter 1</h2>
<p>
<span>
Chapter 1 paragraph text
</span>
</p>
<h2>Chapter 2</h2>
<p>
<span>
Chapter 2 paragraph text
</span>
</p>
<div>
<hr/>
<h2>Related articles</h2>

<ol>
<li id="self-foo-bar" value="1" class="fragment-highlight">
<span class="text-muted">
<time datetime="2024-09-12">
September 12, 2024
</time>
</span>
<a href="./foo-bar">Foo Bar</a>
</li>
</ol>
<h2>Links</h2>

<ol>
<li id="link-example-com" value="2" class="fragment-highlight">
<a href="https://example.com">Example Domain</a>
(<a href="https://web.archive.org/arch/example.com">web.archive.org</a>)
</li>
</ol>
</div>