Jank: A Text Friendly HTML Template

Want to write some text and put it on a static website, without a framework, compilers, learning special syntax, or other distractions? Don't want anything other than just raw text content? Jank is a simple HTML file, with no javascript code, that uses some basic CSS to make it possible to write plain text with newlines and tabs and have that be broken out appropriately on the browser page. It's really just a simple "hack". Here, let's make a tabbed section and talk about lists You can make a bulleted list: - pizza - burger - hotdog Or an ordered list: 1. one 2. two 3. three You can, if required, add straight up HTML too:

In the same vein, you can share blocks of mono-spaced text using the 'pre' tag:

function addOne(x) { return x + 1; }
addOne(1) // => 2

You can even support fancy features like (*gasp*) footnotes!¹ (It's really nothing fancy, it's just HTML) Here is the template you can use, with your own content. Copy paste this into a file, save it as something with .html as the extension, and place it in a static file server (or just double click to preview locally):

<title>Tab/Window Title</title>

Heading

Here's some example body text.

<style>body { white-space: pre-wrap; margin: 1em auto; line-height:1.5; max-width: 32em; padding:0 1em; font-size: 1.6em; color: #333; } body * { overflow-x: scroll; max-width: 90%; } pre { background-color: #eee; padding: 1.5em; }</style>

1 - An example footnote! You can do this by using <sup><a href="#1">1</a></sup> to indicate the existence of a footnote, and <span id="1">1</span> just before the actual footnote. Github Link