A political conference and discussion platform, in Rust and Dioxus
Something went wrong. Try again.
2.5 kB · 56 lines
HTML
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657<!doctype html><meta charset="utf-8"><title>Renderer fixture</title><style> @page { size: A4; margin: 22mm 20mm; } body { font-family: Georgia, serif; font-size: 12pt; line-height: 1.45; color: #111; } h1 { font-size: 22pt; margin: 0 0 18pt; } h2 { font-size: 15pt; margin: 0 0 10pt; } .break { break-before: page; } .toc { list-style: none; padding: 0; } .toc li { display: flex; justify-content: space-between; margin: 4pt 0; } .toc a { color: #111; text-decoration: none; } ul.bullets { margin: 8pt 0 8pt 18pt; } .center { text-align: center; } img { width: 120px; height: 60px; }</style>
<h1>Renderer fixture</h1><p>Four pages, built to exercise the reflowed reader: a contents list thatpoints into the document, a heading on each page, an external link, an emailaddress, a picture, italic and bold text, and a bullet list.</p>
<h2>Indholdsfortegnelse</h2><ul class="toc"> <li><a href="#one">First section</a><span>2</span></li> <li><a href="#two">Second section</a><span>3</span></li> <li><a href="#three">Third section</a><span>4</span></li></ul>
<div class="break"></div><h2 id="one">First section</h2><p>This paragraph carries an <i>italic run</i> and a <b>bold run</b> in themiddle of ordinary text, so the reader can be checked for both.</p><p>An external link: <a href="https://radikalungdom.dk/program">the programme</a>.And an address written out in full: kontakt@radikalungdom.dk.</p><ul class="bullets"> <li>First bullet, short.</li> <li>Second bullet, which runs on long enough to wrap onto a second line so that the wrapped line can be checked for staying in its own item.</li> <li>Third bullet.</li></ul>
<div class="break"></div><h2 id="two">Second section</h2><p class="center">A centred line, to check that alignment survives.</p><p><img alt="a drawn band" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAA8CAIAAAA10AzsAAAAXklEQVR4nO3XMQqAMBBE0Yl4/yvHIhCwsLGwsBAEQfCu2WwCFn6w1TDvAFtMKaVIkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJkiRJ+tMDJ7YEwXVQZVEAAAAASUVORK5CYII="></p><p>The picture above sits between two paragraphs, so it can be checked forarriving in the right place rather than at the end.</p>
<div class="break"></div><h2 id="three">Third section</h2><p>The last page. If the page control works, typing 4 arrives here and thecontrol reads four of four.</p><p>A closing paragraph, so the page has something below its heading.</p>