index.ecr 1.3 KB

12345678910111213141516171819202122232425262728293031323334
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>Luce Example</title>
  5. <link rel="stylesheet" href="/style.css" />
  6. <link rel="stylesheet" href="/mono-blue.min.css" />
  7. <script src="/highlight.min.js"></script>
  8. <script>hljs.highlightAll();</script>
  9. </head>
  10. <body>
  11. <p>
  12. Markdown previewer for Luce. You can try any markdown here
  13. and see if it works. <br>To keep the file sizes small, while
  14. providing a full example, the syntax highlighting is
  15. limited to Crystal and YAML.
  16. </p>
  17. <div id="container">
  18. <div id="markdown-half">
  19. <%= ren_markdown %>
  20. </div>
  21. <form method="POST" action="/preview" id="content-half">
  22. <textarea name="markdown" spellcheck="true"><%= markdown %></textarea>
  23. <label for="extension">Extension Set:</label>
  24. <select id="extension" name="extension">
  25. <option value="None">None</option>
  26. <option value="CommonMark" selected>CommonMark</option>
  27. <option value="GitHub">GitHub</option>
  28. </select>
  29. <input type="submit" value="Preview">
  30. </form>
  31. </div>
  32. </body>
  33. </html>