|
10
|
1 <!doctype html>
|
|
|
2 <html lang="en">
|
|
|
3 <head>
|
|
|
4 <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
5 <style>
|
|
|
6 @import "/site.css";
|
|
27
|
7
|
|
|
8 textarea {
|
|
|
9 width: 100%;
|
|
|
10 }
|
|
10
|
11 </style>
|
|
|
12 <script src="https://cdn.jsdelivr.net/npm/markdown-it@14.1.0/dist/markdown-it.min.js"></script>
|
|
|
13 <script src="/site.js"></script>
|
|
|
14 <script>
|
|
|
15 function markdown() {
|
|
|
16 let textarea = document.querySelector('textarea');
|
|
|
17 let result = document.querySelector('div[result]');
|
|
|
18 result.textContent = textarea.value;
|
|
|
19 result.setAttribute('markdown','');
|
|
|
20 handleMarkdown();
|
|
|
21 }
|
|
|
22 </script>
|
|
|
23 </head>
|
|
|
24 <body>
|
|
|
25 <div content>
|
|
27
|
26 <h1>Markdown</h1>
|
|
|
27 <p><a href="https://markdownlivepreview.com/">Markdown</a> is understood by AI, so you can use it to communicate more clearly with AI. The form below renders Markdown as this website does generally.</p>
|
|
10
|
28 <form action="javascript:markdown()">
|
|
27
|
29 <p><textarea rows=20 autofocus></textarea></p>
|
|
10
|
30 <p><input type=submit></p>
|
|
|
31 </form>
|
|
|
32 <div result>
|
|
|
33 </div>
|
|
|
34 </div>
|
|
|
35 </body>
|
|
|
36 </html>
|
