Add simple markdown page.

_sass/markdown.scss

@@ -0,0 +1,8 @@
+@import "vars";
+
+textarea {
+  width: 100%;
+  height: 300px;
+  overflow-y: scroll;
+}
+

_site/assets/css/markdown.css

@@ -0,0 +1,3 @@
+textarea { width: 100%; height: 300px; overflow-y: scroll; }
+
+/*# sourceMappingURL=markdown.css.map */

_site/assets/css/markdown.css.map

@@ -0,0 +1,16 @@
+{
+	"version": 3,
+	"file": "markdown.css",
+	"sources": [
+		"markdown.scss",
+		"_sass/markdown.scss",
+		"_sass/vars.scss"
+	],
+	"sourcesContent": [
+		"@import \"markdown\";\n",
+		"@import \"vars\";\n\ntextarea {\n  width: 100%;\n  height: 300px;\n  overflow-y: scroll;\n}\n\n",
+		"$normal-text-color: #ffffff;\n$background-color: #222222;\n$lighter-color: #ffffff;\n$nav-link-color: #ffffff;\n$nav-link-hover-color: black;\n$link-color: #7ad;\n$visited-link-color: #ff3492;\n$last-p-padd: 1.5em;\n$nav-padd: 1em;\n$line-under: 1px solid #aaa; \n$line-height: 1.5em;\n$term-line-height: 1em;\n$file-line-height: 1.2em;\n$terminal-bg: #000000;\n$terminal-fg: #00FF00;\n$file-bg: #444444;\n$file-fg: #ffffff;\n"
+	],
+	"names": [],
+	"mappings": "ACEA,AAAA,QAAQ,CAAC,EACP,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,KAAK,EACb,UAAU,EAAE,MAAM,GACnB"
+}

_site/assets/js/katex/auto-render.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("katex")):"function"==typeof define&&define.amd?define(["katex"],t):"object"==typeof exports?exports.renderMathInElement=t(require("katex")):e.renderMathInElement=t(e.katex)}("undefined"!=typeof self?self:this,(function(e){return function(){"use strict";var t={771:function(t){t.exports=e}},r={};function n(e){var a=r[e];if(void 0!==a)return a.exports;var i=r[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var a={};return function(){n.d(a,{default:function(){return s}});var e=n(771),t=n.n(e),r=function(e,t,r){for(var n=r,a=0,i=e.length;n<t.length;){var o=t[n];if(a<=0&&t.slice(n,n+i)===e)return n;"\\"===o?n++:"{"===o?a++:"}"===o&&a--,n++}return-1},i=/^\\begin{/,o=function(e,t){for(var n,a=[],o=new RegExp("("+t.map((function(e){return e.left.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")})).join("|")+")");-1!==(n=e.search(o));){n>0&&(a.push({type:"text",data:e.slice(0,n)}),e=e.slice(n));var l=t.findIndex((function(t){return e.startsWith(t.left)}));if(-1===(n=r(t[l].right,e,t[l].left.length)))break;var d=e.slice(0,n+t[l].right.length),s=i.test(d)?d:e.slice(t[l].left.length,n);a.push({type:"math",data:s,rawData:d,display:t[l].display}),e=e.slice(n+t[l].right.length)}return""!==e&&a.push({type:"text",data:e}),a},l=function(e,r){var n=o(e,r.delimiters);if(1===n.length&&"text"===n[0].type)return null;for(var a=document.createDocumentFragment(),i=0;i<n.length;i++)if("text"===n[i].type)a.appendChild(document.createTextNode(n[i].data));else{var l=document.createElement("span"),d=n[i].data;r.displayMode=n[i].display;try{r.preProcess&&(d=r.preProcess(d)),t().render(d,l,r)}catch(e){if(!(e instanceof t().ParseError))throw e;r.errorCallback("KaTeX auto-render: Failed to parse `"+n[i].data+"` with ",e),a.appendChild(document.createTextNode(n[i].rawData));continue}a.appendChild(l)}return a},d=function e(t,r){for(var n=0;n<t.childNodes.length;n++){var a=t.childNodes[n];if(3===a.nodeType){var i=l(a.textContent,r);i&&(n+=i.childNodes.length-1,t.replaceChild(i,a))}else 1===a.nodeType&&function(){var t=" "+a.className+" ";-1===r.ignoredTags.indexOf(a.nodeName.toLowerCase())&&r.ignoredClasses.every((function(e){return-1===t.indexOf(" "+e+" ")}))&&e(a,r)}()}},s=function(e,t){if(!e)throw new Error("No element provided to render");var r={};for(var n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);r.delimiters=r.delimiters||[{left:"$$",right:"$$",display:!0},{left:"\\(",right:"\\)",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0},{left:"\\[",right:"\\]",display:!0}],r.ignoredTags=r.ignoredTags||["script","noscript","style","textarea","pre","code","option"],r.ignoredClasses=r.ignoredClasses||[],r.errorCallback=r.errorCallback||console.error,r.macros=r.macros||{},d(e,r)}}(),a=a.default}()}));

_site/assets/js/md/handlers.js

@@ -0,0 +1,108 @@
+const SAVE_HTML_KEY = "KatexHTMLOutput";
+const SAVE_MD_KEY = "MarkdownInput";
+
+const updateRender = async () => {
+  const htmlDiv = document.getElementById("html-output");
+  renderMathInElement(htmlDiv, {
+    delimiters: [
+      {left: "$$", right: "$$", display: true},
+      {left: "$", right: "$", display: false}
+    ],
+    throwError: false,
+  });
+}
+
+const download = async (filename, mime, text) => {
+  let ele = document.createElement("a");
+  ele.setAttribute("href", "data:" + mime + ";charset=utf-8," + encodeURIComponent(text));
+  ele.setAttribute("download", filename);
+  ele.style.display = 'none';
+  document.body.appendChild(ele);
+  ele.click();
+  document.body.removeChild(ele);
+};
+
+const downloadMd = async () => {
+  const md = document.getElementById("markdown-input");
+  download("markdown.md", "text/plain", md.value);
+};
+
+const getRequiredCss = async () => {
+  let css = "";
+  const css1 = document.getElementById("main-stylesheet").sheet;
+  const css2 = document.getElementById("math-stylesheet").sheet;
+  css += Array.from(css1.cssRules).map(rule => rule.cssText).join(' ');
+  css += Array.from(css2.cssRules).map(rule => rule.cssText).join(' ');
+  return css
+};
+
+const downloadHTML = async () => {
+  const css = await getRequiredCss();
+  const htmlEle = document.getElementById("html-output");
+  let html = "<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><style>"
+  html += css;
+  html += "</style></head><body>";
+  html += htmlEle.innerHTML;
+  html += "</body></html>";
+  download("output.html", "text/html", html);
+};
+
+const setStatus = async (msg) => {
+  const statusBox = document.getElementById("status");
+  statusBox.innerText = msg;
+};
+
+const saveHTML = async () => {
+  setStatus("Saving HTML...");
+  const html = document.getElementById("html-output");
+  localStorage.setItem(SAVE_HTML_KEY, html.innerHTML);
+  setStatus("Saved");
+};
+
+const saveMd = async () => {
+  setStatus("Saving markdown...");
+  const md = document.getElementById("markdown-input");
+  localStorage.setItem(SAVE_MD_KEY, md.value);
+  setStatus("Saved");
+};
+
+const renderHTML = async () => {
+  setStatus("Rendering...");
+  const md = new remarkable.Remarkable();
+  const markdownInput = document.getElementById("markdown-input");
+  const htmlOutput = document.getElementById("html-output");
+  const newHtml = md.render(markdownInput.value);
+  htmlOutput.innerHTML = newHtml;
+  updateRender();
+  saveMd();
+  saveHTML();
+  setStatus("Done");
+}
+
+document.addEventListener("DOMContentLoaded", async () => {
+  console.log("loaded");
+
+  // preload save
+  if (localStorage.getItem(SAVE_HTML_KEY) !== null){
+    const html = document.getElementById("html-output");
+    html.innerHTML = localStorage.getItem(SAVE_HTML_KEY);
+  }
+  if (localStorage.getItem(SAVE_MD_KEY) !== null){
+    const md = document.getElementById("markdown-input");
+    md.value = localStorage.getItem(SAVE_MD_KEY);
+  }
+
+  const updateBtn = document.getElementById("update-html");
+  updateBtn.addEventListener("click", renderHTML);
+
+  const saveMdBtn = document.getElementById("save-markdown");
+  saveMdBtn.addEventListener("click", saveMd);
+
+  const saveHTMLBtn = document.getElementById("save-html");
+  saveHTMLBtn.addEventListener("click", saveHTML);
+
+  const downloadMdBtn = document.getElementById("download-markdown");
+  downloadMdBtn.addEventListener("click", downloadMd);
+  const downloadHTMLBtn = document.getElementById("download-html");
+  downloadHTMLBtn.addEventListener("click", downloadHTML);
+});

_site/md/index.html

@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Simple Markdown Converter w/ MathML Support | tait.tech</title>
+  <link rel="stylesheet" href="/assets/css/style.css" id="main-stylesheet">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="/assets/css/katex.css" id="math-stylesheet">
+  
+  
+<link rel="stylesheet" href="/assets/css/markdown.css" />
+
+<script defer="" src="/assets/js/md/remarkable.js"></script>
+
+<script defer="" src="/assets/js/katex.js"></script>
+
+<script defer="" src="/assets/js/katex/auto-render.js"></script>
+
+<script defer="" src="/assets/js/katex/render-a11y-string.js"></script>
+
+<script defer="" src="/assets/js/md/handlers.js"></script>
+
+
+</head>
+<body>
+  <main>
+    <div id="wrapper">
+      
+<h1 id="taits-simple-markdown-tool">Tait’s Simple Markdown Tool</h1>
+
+<h2 id="info">Info</h2>
+
+<ul>
+  <li>You can use <code class="language-plaintext highlighter-rouge">$...$</code> for inline math.</li>
+  <li>Uou can use <code class="language-plaintext highlighter-rouge">$$...$$</code> for “display mode” math.</li>
+  <li>Display mode will make the equation take up an entire line for itself, and it will display larger and more “formally”. It also allows you to have newlines without breaking up the expression, and/or the use of <code class="language-plaintext highlighter-rouge">\newline</code> to have a multi-line formula.</li>
+  <li>You can save the HTML or markdown for future use.</li>
+  <li>You can download the HTML or markdown for sharing with others.</li>
+  <li>Saving will save it to your browser’s local storage so when you load the page again–even after a reboot–it will be pre-populated with what you saved last.</li>
+  <li>Converting to HTML automatically saves both the markdown and the HTML.</li>
+  <li>This page is fully functional without an internet connection. Ctrl+s to save the page with its CSS and Javascript and you can use this tool offline.</li>
+</ul>
+
+<h2 id="editor">Editor</h2>
+
+<p><label for="status">Status:</label>
+<span id="status" aria-live="polite">OK</span></p>
+
+<p><label for="markdown-input">Markdown input:</label></p>
+
+<textarea id="markdown-input"></textarea>
+<p><br /></p>
+<h2 id="actions">Actions</h2>
+
+<ul>
+  <li><button id="update-html">Update HTML</button></li>
+  <li><button id="save-markdown">Save Markdown</button></li>
+  <li><button id="save-html">Save HTML</button></li>
+  <li><button id="download-markdown">Download Markdown</button></li>
+  <li><button id="download-html">Download HTML</button></li>
+</ul>
+
+<h2 id="html-is-below-this-section-break">HTML is below this section break:</h2>
+
+<hr />
+
+<div id="html-output"></div>
+
+      <footer>
+      </footer>
+    </div>
+  </main>
+</body>
+</html>