123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>highlight.js demo</title>
- <link rel="stylesheet" href="style.css">
- <link rel="stylesheet" href="perfect-scrollbar.min.css">
- <link rel="stylesheet" title="Default" href="styles/default.css">
- <% _.each(styles, function(style) { %>
- <link rel="alternate stylesheet" title="<%= style.name %>" href="<%= style.path %>">
- <% }); %>
- </head>
- <body>
- <div id="sidebar">
- <div id="header">
- <h1><a href="https://highlightjs.org/">highlight.js</a> demo</h1>
- </div>
- <div id="lists">
- <div>
- <h2>Language categories</h2>
- <ul id="categories"></ul>
- </div>
- <div>
- <h2>Styles</h2>
- <ul id="styles"></ul>
- </div>
- </div>
- </div>
- <div id="content">
- <div id="languages">
- <% _.each(blobs, function(blob) { %>
- <% var categories = blob.fileInfo.Category; %>
- <div <% if(categories) { %>class="<%= categories.join(' ') %>"<% } %>>
- <h2><%- blob.fileInfo.Language %></h2>
- <pre><code class="<%- path.basename(blob.name, '.js') %>"><%- blob.result %></code></pre>
- </div>
- <% }); %>
- </div>
- </div>
- <script src="../highlight.pack.js"></script>
- <script src="jquery-2.1.1.min.js"></script>
- <script src="perfect-scrollbar.min.js"></script>
- <script src="demo.js"></script>
- </body>
- </html>
|