forked from highlightjs/highlight.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (85 loc) · 5.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<head>
<title>highlight.js demo</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="perfect-scrollbar.min.css">
<link rel="stylesheet" title="Default" href="styles/default.css">
<link rel="alternate stylesheet" title="Dark" href="styles/dark.css">
<link rel="alternate stylesheet" title="FAR" href="styles/far.css">
<link rel="alternate stylesheet" title="IDEA" href="styles/idea.css">
<link rel="alternate stylesheet" title="Sunburst" href="styles/sunburst.css">
<link rel="alternate stylesheet" title="Zenburn" href="styles/zenburn.css">
<link rel="alternate stylesheet" title="Visual Studio" href="styles/vs.css">
<link rel="alternate stylesheet" title="Ascetic" href="styles/ascetic.css">
<link rel="alternate stylesheet" title="Magula" href="styles/magula.css">
<link rel="alternate stylesheet" title="GitHub" href="styles/github.css">
<link rel="alternate stylesheet" title="Google Code" href="styles/googlecode.css">
<link rel="alternate stylesheet" title="Brown Paper" href="styles/brown_paper.css">
<link rel="alternate stylesheet" title="School Book" href="styles/school_book.css">
<link rel="alternate stylesheet" title="IR Black" href="styles/ir_black.css">
<link rel="alternate stylesheet" title="Solarized - Dark" href="styles/solarized_dark.css">
<link rel="alternate stylesheet" title="Solarized - Light" href="styles/solarized_light.css">
<link rel="alternate stylesheet" title="Arta" href="styles/arta.css">
<link rel="alternate stylesheet" title="Monokai" href="styles/monokai.css">
<link rel="alternate stylesheet" title="Monokai Sublime" href="styles/monokai_sublime.css">
<link rel="alternate stylesheet" title="XCode" href="styles/xcode.css">
<link rel="alternate stylesheet" title="Pojoaque" href="styles/pojoaque.css">
<link rel="alternate stylesheet" title="Rainbow" href="styles/rainbow.css">
<link rel="alternate stylesheet" title="Tomorrow" href="styles/tomorrow.css">
<link rel="alternate stylesheet" title="Tomorrow Night" href="styles/tomorrow-night.css">
<link rel="alternate stylesheet" title="Tomorrow Night Bright" href="styles/tomorrow-night-bright.css">
<link rel="alternate stylesheet" title="Tomorrow Night Blue" href="styles/tomorrow-night-blue.css">
<link rel="alternate stylesheet" title="Tomorrow Night Eighties" href="styles/tomorrow-night-eighties.css">
<link rel="alternate stylesheet" title="Railscasts" href="styles/railscasts.css">
<link rel="alternate stylesheet" title="Obsidian" href="styles/obsidian.css">
<link rel="alternate stylesheet" title="Docco" href="styles/docco.css">
<link rel="alternate stylesheet" title="Mono Blue" href="styles/mono-blue.css">
<link rel="alternate stylesheet" title="Foundation" href="styles/foundation.css">
<link rel="alternate stylesheet" title="Atelier Dun - Dark" href="styles/atelier-dune.dark.css">
<link rel="alternate stylesheet" title="Atelier Dun - Light" href="styles/atelier-dune.light.css">
<link rel="alternate stylesheet" title="Atelier Forest - Dark" href="styles/atelier-forest.dark.css">
<link rel="alternate stylesheet" title="Atelier Forest - Light" href="styles/atelier-forest.light.css">
<link rel="alternate stylesheet" title="Atelier Heath - Dark" href="styles/atelier-heath.dark.css">
<link rel="alternate stylesheet" title="Atelier Heath - Light" href="styles/atelier-heath.light.css">
<link rel="alternate stylesheet" title="Atelier Lakeside - Dark" href="styles/atelier-lakeside.dark.css">
<link rel="alternate stylesheet" title="Atelier Lakeside - Light" href="styles/atelier-lakeside.light.css">
<link rel="alternate stylesheet" title="Atelier Seaside - Dark" href="styles/atelier-seaside.dark.css">
<link rel="alternate stylesheet" title="Atelier Seaside - Light" href="styles/atelier-seaside.light.css">
<link rel="alternate stylesheet" title="Paraíso - Dark" href="styles/paraiso.dark.css">
<link rel="alternate stylesheet" title="Paraíso - Light" href="styles/paraiso.light.css">
<link rel="alternate stylesheet" title="Colorbrewer" href="styles/color-brewer.css">
<link rel="alternate stylesheet" title="Codepen.io Embed" href="styles/codepen-embed.css">
<link rel="alternate stylesheet" title="Kimbie - Dark" href="styles/kimbie.dark.css">
<link rel="alternate stylesheet" title="Kimbie - Light" href="styles/kimbie.light.css">
<link rel="alternate stylesheet" title="Hybrid" href="styles/hybrid.css">
<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>
<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) { %>
<div class="<%- (blob.fileInfo.Category || []).join(' ') %>">
<h2><%- blob.fileInfo.Language %></h2>
<pre><code class="<%- path.basename(blob.name, '.js') %>"><%- blob.result %></code></pre>
</div>
<% }); %>
</div>
</div>