<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Markdown Editor</title>
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="lib/material-icons.css">
<link rel="stylesheet" href="lib/base16-light.css">
<link rel="stylesheet" href="codemirror/lib/codemirror.css">
<link rel="stylesheet" href="lib/default.css">
<link rel="stylesheet" href="lib/github-markdown.css">
<link rel="stylesheet" href="lib/spell-checker.min.css">
<link rel="stylesheet" href="lib/sweetalert.css">
<link rel="stylesheet" href="index.css">
</head>
<body id="toplevel">
<div id="in"><form><textarea id="code"># New Document</textarea></form></div>
<div id="out" class="markdown-body"></div>
<div id="menu">
<span>Save As</span>
<div id="saveas-markdown">
<svg height="64" width="64" xmlns="http://www.w3.org/2000/svg">
<g transform="scale(0.0625)">
<path d="M950.154 192H73.846C33.127 192 0 225.12699999999995 0 265.846v492.308C0 798.875 33.127 832 73.846 832h876.308c40.721 0 73.846-33.125 73.846-73.846V265.846C1024 225.12699999999995 990.875 192 950.154 192zM576 703.875L448 704V512l-96 123.077L256 512v192H128V320h128l96 128 96-128 128-0.125V703.875zM767.091 735.875L608 512h96V320h128v192h96L767.091 735.875z" />
</g>
</svg>
<span>Markdown</span>
</div>
<div id="saveas-html">
<svg height="64" width="64" xmlns="http://www.w3.org/2000/svg">
<g transform="scale(0.0625) translate(64,0)">
<path d="M608 192l-96 96 224 224L512 736l96 96 288-320L608 192zM288 192L0 512l288 320 96-96L160 512l224-224L288 192z" />
</g>
</svg>
<span>HTML</span>
</div>
<a id="close-menu">×</a>
</div>
<div id="navbar">
<div id="navcontent">
<a id="logo" href = "https://github.com/jbt/markdown-editor" tooltip = "Check out the code on Github!">
<p id="title" class="left"># Markdown Editor</p>
</a>
<p id="openbutton" title="Open from Disk" class="navbutton left" onclick="document.getElementById('fileInput').click();"><i class="material-icons">open_in_browser</i></p>
<input id="fileInput" type="file" class="hidden" accept=".md,.mdown,.txt,.markdown"/>
<p id="savebutton" title="Download" class="navbutton left" onclick="showMenu()"><i class="material-icons">file_download</i></p>
<p id="browsersavebutton" title="Browser Save (Experimental)" class="navbutton left" onclick="saveInBrowser()"><i class="material-icons">save</i></p>
<p id="sharebutton" title="Generate Shareable Link" class="navbutton left" onclick="updateHash()"><i class="material-icons">share</i></p>
<p id="nightbutton" title="Night Mode" class="navbutton left" onclick="toggleNightMode(this)"><i class="material-icons">invert_colors</i></p>
<p id="readbutton" title="Reading Mode" class="navbutton left" onclick="toggleReadMode(this)"><i class="material-icons">chrome_reader_mode</i></p>
<p id="spellbutton" title="Spell Check" class="navbutton left selected" onclick="toggleSpellCheck(this)"><i class="material-icons">spellcheck</i></p>
<p id="newbutton" class="navbutton left hidden" onclick="clearEditor()">Clear</p>
<p id="sharebutton" class="navbutton left selected hidden">Share</p>
</div>
</div>
<script src="lib/markdown-it.js"></script>
<script src="lib/markdown-it-footnote.js"></script>
<script src="lib/highlight.pack.js"></script>
<script src="lib/emojify.js"></script>
<script src="codemirror/lib/codemirror.js"></script>
<script src="codemirror/overlay.js"></script>
<script src="codemirror/xml/xml.js"></script>
<script src="codemirror/markdown/markdown.js"></script>
<script src="codemirror/gfm/gfm.js"></script>
<script src="codemirror/javascript/javascript.js"></script>
<script src="codemirror/css/css.js"></script>
<script src="codemirror/htmlmixed/htmlmixed.js"></script>
<script src="codemirror/lib/util/continuelist.js"></script>
<script src="lib/spell-checker.min.js"></script>
<script src="lib/rawinflate.js"></script>
<script src="lib/rawdeflate.js"></script>
<script src = "lib/sweetalert.min.js"></script>
<script src="index.js"></script>
</body>
</html>