108 lines
2.5 KiB
HTML
108 lines
2.5 KiB
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>
|
|
<span>
|
|
—
|
|
Baz Car Cdr Qwe Rty
|
|
</span>
|
|
</li>
|
|
</ol>
|
|
<h2>Links</h2>
|
|
|
|
<ol>
|
|
<li id="link-example-com" value="2" class="fragment-highlight">
|
|
<a href="https://example.com">Example Domain</a>
|
|
<span>
|
|
—
|
|
This domain is for use in illustrative examples in documents
|
|
</span>
|
|
(<a href="https://web.archive.org/arch/example.com">web.archive.org</a>)
|
|
</li>
|
|
</ol>
|
|
</div>
|