Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add HTML pretty write #7

Merged
merged 1 commit into from
Jan 8, 2024
Merged

Add HTML pretty write #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
394 changes: 393 additions & 1 deletion example.html
View file
Open in desktop
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