34 lines
1.2 KiB
HTML
34 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<title>Makoto Markdown Editor</title>
|
|
<link href="/styles/style.css" rel="stylesheet">
|
|
<link href="/styles/makoto.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="grid-container">
|
|
<div id="editor-container" class="section">
|
|
<!--<textarea id="editor" placeholder="Type in some markdown..."></textarea>-->
|
|
<ol id="editor" contenteditable>
|
|
<li>markdown goes here...</li>
|
|
</ol>
|
|
</div>
|
|
<div id="preview-container" class="section">
|
|
<div id="preview-tools">
|
|
<label for="dark-theme-toggle">Dark Theme</label><input id="dark-theme-toggle" type="checkbox">
|
|
<br class="mobile-only">
|
|
<label for="html-toggle">Show HTML</label><input id="html-toggle" type="checkbox">
|
|
<br class="mobile-only">
|
|
<a id="see-docs" href="https://github.com/jetstream0/Makoto-Markdown-to-HTML/blob/master/README.md" target="_blank" rel="noopener noreferrer">See Docs</a>
|
|
</div>
|
|
<br>
|
|
<div id="rendered-text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/web.js" type="module"></script>
|
|
</body>
|
|
</html>
|