index.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>highlight.js demo</title>
  6. <link rel="stylesheet" href="style.css">
  7. <link rel="stylesheet" href="perfect-scrollbar.min.css">
  8. <link rel="stylesheet" title="Default" href="styles/default.css">
  9. <% _.each(styles, function(style) { %>
  10. <link rel="alternate stylesheet" title="<%= style.name %>" href="<%= style.path %>">
  11. <% }); %>
  12. </head>
  13. <body>
  14. <div id="sidebar">
  15. <div id="header">
  16. <h1><a href="https://highlightjs.org/">highlight.js</a> demo</h1>
  17. </div>
  18. <div id="lists">
  19. <div>
  20. <h2>Language categories</h2>
  21. <ul id="categories"></ul>
  22. </div>
  23. <div>
  24. <h2>Styles</h2>
  25. <ul id="styles"></ul>
  26. </div>
  27. </div>
  28. </div>
  29. <div id="content">
  30. <div id="languages">
  31. <% _.each(blobs, function(blob) { %>
  32. <% var categories = blob.fileInfo.Category; %>
  33. <div <% if(categories) { %>class="<%= categories.join(' ') %>"<% } %>>
  34. <h2><%- blob.fileInfo.Language %></h2>
  35. <pre><code class="<%- path.basename(blob.name, '.js') %>"><%- blob.result %></code></pre>
  36. </div>
  37. <% }); %>
  38. </div>
  39. </div>
  40. <script src="../highlight.pack.js"></script>
  41. <script src="jquery-2.1.1.min.js"></script>
  42. <script src="perfect-scrollbar.min.js"></script>
  43. <script src="demo.js"></script>
  44. </body>
  45. </html>