markdownlint/demo/default.htm

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8"/>
  <link href="default.css" rel="stylesheet" type="text/css"/>
  <link href="favicon.svg" rel="icon" type="image/svg+xml"/>
  <meta name="description" content="Demo for markdownlint, a Node.js style checker and lint tool for Markdown/CommonMark files."/>
  <title>markdownlint demo</title>
  <base target="_blank"/>
</head>
<body>
  <div class="flex-rows">
    <div class="flex-columns inset">
      <header>markdownlint demo <span id="version" class="detail"></span></header>
      <div class="flex-fill"></div>
      <form>
        <input id="openFile" type="file"/>
      </form>
    </div>
    <div class="flex-fill flex-columns inset-side">
      <textarea id="markdown" class="flex-fill outlined overflow-auto-scroll" autofocus="autofocus" spellcheck="true"></textarea>
      <div id="markup" class="flex-fill outlined overflow-auto-scroll"></div>
    </div>
    <div class="flex-fill flex-columns inset-side">
      <pre id="numbered" class="flex-fill outlined overflow-auto-scroll"></pre>
      <div id="violations" class="flex-fill outlined overflow-auto-scroll"></div>
    </div>
    <div class="flex-columns inset">
      <footer><a href="https://github.com/DavidAnson/markdownlint">markdownlint project on GitHub</a></footer>
      <div class="flex-fill"></div>
      <footer><a href="#" id="copyLink">Copy Link</a></footer>
      <div class="flex-fill"></div>
      <footer>Copyright &copy; <a href="https://dlaa.me/">David Anson</a></footer>
    </div>
  </div>
  <script src="markdown-it.min.js"></script>
  <script src="micromark-browser.js"></script>
  <script src="micromark-html-browser.js"></script>
  <script src="markdownlint-browser.min.js"></script>
  <script src="default.js"></script>
</body>
</html>
Add interactive demo page to show how markdownlint handles user content. 2015-05-03 21:50:25 -07:00			`<!DOCTYPE html>`
Remove use of deprecated HTML manifest/offline.appcache from demo web page. 2020-01-26 20:32:56 -08:00			`<html xmlns="http://www.w3.org/1999/xhtml">`
Add interactive demo page to show how markdownlint handles user content. 2015-05-03 21:50:25 -07:00			`<head>`
			`<meta charset="utf-8"/>`
			`<link href="default.css" rel="stylesheet" type="text/css"/>`
Change demo web page to use SVG favicon (leave previous ICO around). 2022-06-06 22:11:29 -07:00			`<link href="favicon.svg" rel="icon" type="image/svg+xml"/>`
Add mention of CommonMark to project description (fixes #15). 2016-03-11 21:36:39 -08:00			`<meta name="description" content="Demo for markdownlint, a Node.js style checker and lint tool for Markdown/CommonMark files."/>`
Add interactive demo page to show how markdownlint handles user content. 2015-05-03 21:50:25 -07:00			`<title>markdownlint demo</title>`
Add introductory text to demo, default all links to target=_blank. 2015-05-07 09:15:41 -07:00			`<base target="_blank"/>`
Add interactive demo page to show how markdownlint handles user content. 2015-05-03 21:50:25 -07:00			`</head>`
			`<body>`
Styling tweaks. 2015-05-06 09:16:24 -07:00			`<div class="flex-rows">`
			`<div class="flex-columns inset">`
Add library version to demo page header. 2020-11-14 16:42:18 -08:00			`<header>markdownlint demo <span id="version" class="detail"></span></header>`
Add interactive demo page to show how markdownlint handles user content. 2015-05-03 21:50:25 -07:00			`<div class="flex-fill"></div>`
			`<form>`
			`<input id="openFile" type="file"/>`
			`</form>`
			`</div>`
Styling tweaks. 2015-05-06 09:16:24 -07:00			`<div class="flex-fill flex-columns inset-side">`
Fix alignment of demo boxes in Edge browser. 2016-01-16 21:57:26 -08:00			`<textarea id="markdown" class="flex-fill outlined overflow-auto-scroll" autofocus="autofocus" spellcheck="true"></textarea>`
Add interactive demo page to show how markdownlint handles user content. 2015-05-03 21:50:25 -07:00			`<div id="markup" class="flex-fill outlined overflow-auto-scroll"></div>`
			`</div>`
Styling tweaks. 2015-05-06 09:16:24 -07:00			`<div class="flex-fill flex-columns inset-side">`
Add clickable links for violations and rules, highlight for violations. 2015-05-05 00:00:04 -07:00			`<pre id="numbered" class="flex-fill outlined overflow-auto-scroll"></pre>`
Add interactive demo page to show how markdownlint handles user content. 2015-05-03 21:50:25 -07:00			`<div id="violations" class="flex-fill outlined overflow-auto-scroll"></div>`
			`</div>`
Styling tweaks. 2015-05-06 09:16:24 -07:00			`<div class="flex-columns inset">`
			`<footer><a href="https://github.com/DavidAnson/markdownlint">markdownlint project on GitHub</a></footer>`
			`<div class="flex-fill"></div>`
Add "Copy Link" link to demo, restore sample text from URL hash if present. 2019-04-02 22:07:32 -07:00			`<footer><a href="#" id="copyLink">Copy Link</a></footer>`
			`<div class="flex-fill"></div>`
Remove years from copyright statements. 2023-01-14 15:11:48 -08:00			`<footer>Copyright © <a href="https://dlaa.me/">David Anson</a></footer>`
Add interactive demo page to show how markdownlint handles user content. 2015-05-03 21:50:25 -07:00			`</div>`
			`</div>`
Restore markdown-it script to browser demo to support "?renderer=markdown-it". 2024-10-25 20:40:18 -07:00			`<script src="markdown-it.min.js"></script>`
Switch to using npm version of markdownlint-micromark package and browser script. 2023-02-08 20:50:28 -08:00			`<script src="micromark-browser.js"></script>`
Update web demo page to use micromark renderer for converting Markdown to HTML by default, allow specifying markdown-it renderer instead. 2023-05-28 12:57:50 -07:00			`<script src="micromark-html-browser.js"></script>`
Minify script for browser and use it in demo app. 2015-06-17 09:32:08 -07:00			`<script src="markdownlint-browser.min.js"></script>`
Add interactive demo page to show how markdownlint handles user content. 2015-05-03 21:50:25 -07:00			`<script src="default.js"></script>`
			`</body>`
			`</html>`