Skip to content

Commit

Permalink
Add HTML pretty write
Browse files Browse the repository at this point in the history
  • Loading branch information
@SupraSummus
SupraSummus committed Jan 8, 2024
1 parent dae8d0b commit 2edf333
Show file tree
Hide file tree
Showing 3 changed files with 399 additions and 4 deletions.
394 changes: 393 additions & 1 deletion example.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1,393 @@
<html lang="en"><head><meta charset="utf-8"><title>The Title</title><meta name="description" content="The Subject"><meta name="author" content="The Author"><meta name="generator" content="The Creator"><meta name="created" content="2020-01-01T12:33:45+00:00"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://edwardtufte.github.io/tufte-css/tufte.css"></head><body><article><h1><span>The Title</span></h1><p class_="subtitle"><span>The Subject</span><br><span>The Author</span><br><span>The Place, 2020-01-01</span></p><section><h2><span>The First Section</span></h2><p><span>The first paragraph.</span></p><p><span>The second paragraph.</span></p><p><span>We allow </span><a download="example.md" target="_blank" rel="noopener noreferrer" type="application/octet-stream" href="data:application/octet-stream;base64,KipNYXJrZG93bioqIGlzIHN1cmUgYmV0dGVyIHRoYW4gUERGcy4K"><span>attachments</span></a><span>. Nice, isn't it?</span></p></section><section><h2><span>The Second Section</span></h2><h3><span>The Subsection</span></h3><p><span>The first paragraph.</span></p><p><span>The second paragraph.</span></p><p><span>The second paragraph.</span></p></section><section><h2><span>A definition list</span></h2><p><span>This is a definition list:</span></p><dl><dt><span>term 1</span></dt><dd><p><span>definition 1</span></p></dd><dt><span>term 2</span></dt><dd><p><span>definition 2</span></p></dd></dl></section><section><h2><span>A table</span></h2><p><span>This is a table, but may be not that much pretty:</span></p><table><thead><tr><th><span>Heading 1</span></th><th><span>Heading 2</span></th></tr></thead><tbody><tr><td><span>A1</span></td><td><span>A2</span></td></tr><tr><td><span>B1</span></td><td><span>B2</span></td></tr></tbody></table></section><section><h2><span>A list</span></h2><p><span>This is an unordered list, a long one:</span></p><ul><li><p><span>First list item</span></p><p><span>With a second paragraph inside! BTW Armour-piercing fin-stabilized discarding sabot (APFSDS), long dart penetrator, or simply dart ammunition is a type of kinetic energy penetrator ammunition used to attack modern vehicle armour.</span></p></li><li><p><span>Item 0</span></p></li><li><p><span>Item 1</span></p></li><li><p><span>Item 2</span></p></li><li><p><span>Item 3</span></p></li><li><p><span>Item 4</span></p></li><li><p><span>Item 5</span></p></li><li><p><span>Item 6</span></p></li><li><p><span>Item 7</span></p></li><li><p><span>Item 8</span></p></li><li><p><span>Item 9</span></p></li><li><p><span>Item 10</span></p></li><li><p><span>Item 11</span></p></li><li><p><span>Item 12</span></p></li><li><p><span>Item 13</span></p></li><li><p><span>Item 14</span></p></li><li><p><span>Item 15</span></p></li><li><p><span>Item 16</span></p></li><li><p><span>Item 17</span></p></li><li><p><span>Item 18</span></p></li><li><p><span>Item 19</span></p></li><li><p><span>Item 20</span></p></li><li><p><span>Item 21</span></p></li><li><p><span>Item 22</span></p></li><li><p><span>Item 23</span></p></li><li><p><span>Item 24</span></p></li><li><p><span>Item 25</span></p></li><li><p><span>Item 26</span></p></li><li><p><span>Item 27</span></p></li><li><p><span>Item 28</span></p></li><li><p><span>Item 29</span></p></li><li><p><span>Item 30</span></p></li><li><p><span>Item 31</span></p></li><li><p><span>Item 32</span></p></li><li><p><span>Item 33</span></p></li><li><p><span>Item 34</span></p></li><li><p><span>Item 35</span></p></li><li><p><span>Item 36</span></p></li><li><p><span>Item 37</span></p></li><li><p><span>Item 38</span></p></li><li><p><span>Item 39</span></p></li><li><p><span>Item 40</span></p></li><li><p><span>Item 41</span></p></li><li><p><span>Item 42</span></p></li><li><p><span>Item 43</span></p></li><li><p><span>Item 44</span></p></li><li><p><span>Item 45</span></p></li><li><p><span>Item 46</span></p></li><li><p><span>Item 47</span></p></li><li><p><span>Item 48</span></p></li><li><p><span>Item 49</span></p></li></ul></section></article></body></html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Title</title>
<meta name="description" content="The Subject">
<meta name="author" content="The Author">
<meta name="generator" content="The Creator">
<meta name="created" content="2020-01-01T12:33:45+00:00">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://edwardtufte.github.io/tufte-css/tufte.css">
</head>
<body>
<article>
<h1>
<span>The Title</span>
</h1>
<p class_="subtitle">
<span>The Subject</span>
<br>
<span>The Author</span>
<br>
<span>The Place, 2020-01-01</span>
</p>
<section>
<h2>
<span>The First Section</span>
</h2>
<p>
<span>The first paragraph.</span>
</p>
<p>
<span>The second paragraph.</span>
</p>
<p>
<span>We allow </span>
<a download="example.md" target="_blank" rel="noopener noreferrer" type="application/octet-stream" href="data:application/octet-stream;base64,KipNYXJrZG93bioqIGlzIHN1cmUgYmV0dGVyIHRoYW4gUERGcy4K">
<span>attachments</span>
</a>
<span>. Nice, isn't it?</span>
</p>
</section>
<section>
<h2>
<span>The Second Section</span>
</h2>
<h3>
<span>The Subsection</span>
</h3>
<p>
<span>The first paragraph.</span>
</p>
<p>
<span>The second paragraph.</span>
</p>
<p>
<span>The second paragraph.</span>
</p>
</section>
<section>
<h2>
<span>A definition list</span>
</h2>
<p>
<span>This is a definition list:</span>
</p>
<dl>
<dt>
<span>term 1</span>
</dt>
<dd>
<p>
<span>definition 1</span>
</p>
</dd>
<dt>
<span>term 2</span>
</dt>
<dd>
<p>
<span>definition 2</span>
</p>
</dd>
</dl>
</section>
<section>
<h2>
<span>A table</span>
</h2>
<p>
<span>This is a table, but may be not that much pretty:</span>
</p>
<table>
<thead>
<tr>
<th>
<span>Heading 1</span>
</th>
<th>
<span>Heading 2</span>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span>A1</span>
</td>
<td>
<span>A2</span>
</td>
</tr>
<tr>
<td>
<span>B1</span>
</td>
<td>
<span>B2</span>
</td>
</tr>
</tbody>
</table>
</section>
<section>
<h2>
<span>A list</span>
</h2>
<p>
<span>This is an unordered list, a long one:</span>
</p>
<ul>
<li>
<p>
<span>First list item</span>
</p>
<p>
<span>With a second paragraph inside! BTW Armour-piercing fin-stabilized discarding sabot (APFSDS), long dart penetrator, or simply dart ammunition is a type of kinetic energy penetrator ammunition used to attack modern vehicle armour.</span>
</p>
</li>
<li>
<p>
<span>Item 0</span>
</p>
</li>
<li>
<p>
<span>Item 1</span>
</p>
</li>
<li>
<p>
<span>Item 2</span>
</p>
</li>
<li>
<p>
<span>Item 3</span>
</p>
</li>
<li>
<p>
<span>Item 4</span>
</p>
</li>
<li>
<p>
<span>Item 5</span>
</p>
</li>
<li>
<p>
<span>Item 6</span>
</p>
</li>
<li>
<p>
<span>Item 7</span>
</p>
</li>
<li>
<p>
<span>Item 8</span>
</p>
</li>
<li>
<p>
<span>Item 9</span>
</p>
</li>
<li>
<p>
<span>Item 10</span>
</p>
</li>
<li>
<p>
<span>Item 11</span>
</p>
</li>
<li>
<p>
<span>Item 12</span>
</p>
</li>
<li>
<p>
<span>Item 13</span>
</p>
</li>
<li>
<p>
<span>Item 14</span>
</p>
</li>
<li>
<p>
<span>Item 15</span>
</p>
</li>
<li>
<p>
<span>Item 16</span>
</p>
</li>
<li>
<p>
<span>Item 17</span>
</p>
</li>
<li>
<p>
<span>Item 18</span>
</p>
</li>
<li>
<p>
<span>Item 19</span>
</p>
</li>
<li>
<p>
<span>Item 20</span>
</p>
</li>
<li>
<p>
<span>Item 21</span>
</p>
</li>
<li>
<p>
<span>Item 22</span>
</p>
</li>
<li>
<p>
<span>Item 23</span>
</p>
</li>
<li>
<p>
<span>Item 24</span>
</p>
</li>
<li>
<p>
<span>Item 25</span>
</p>
</li>
<li>
<p>
<span>Item 26</span>
</p>
</li>
<li>
<p>
<span>Item 27</span>
</p>
</li>
<li>
<p>
<span>Item 28</span>
</p>
</li>
<li>
<p>
<span>Item 29</span>
</p>
</li>
<li>
<p>
<span>Item 30</span>
</p>
</li>
<li>
<p>
<span>Item 31</span>
</p>
</li>
<li>
<p>
<span>Item 32</span>
</p>
</li>
<li>
<p>
<span>Item 33</span>
</p>
</li>
<li>
<p>
<span>Item 34</span>
</p>
</li>
<li>
<p>
<span>Item 35</span>
</p>
</li>
<li>
<p>
<span>Item 36</span>
</p>
</li>
<li>
<p>
<span>Item 37</span>
</p>
</li>
<li>
<p>
<span>Item 38</span>
</p>
</li>
<li>
<p>
<span>Item 39</span>
</p>
</li>
<li>
<p>
<span>Item 40</span>
</p>
</li>
<li>
<p>
<span>Item 41</span>
</p>
</li>
<li>
<p>
<span>Item 42</span>
</p>
</li>
<li>
<p>
<span>Item 43</span>
</p>
</li>
<li>
<p>
<span>Item 44</span>
</p>
</li>
<li>
<p>
<span>Item 45</span>
</p>
</li>
<li>
<p>
<span>Item 46</span>
</p>
</li>
<li>
<p>
<span>Item 47</span>
</p>
</li>
<li>
<p>
<span>Item 48</span>
</p>
</li>
<li>
<p>
<span>Item 49</span>
</p>
</li>
</ul>
</section>
</article>
</body>
</html>
Loading

0 comments on commit 2edf333

Please sign in to comment.