-
Notifications
You must be signed in to change notification settings - Fork 23
/
Copy pathindex.html
48 lines (47 loc) · 7.46 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
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Jade - Template Engine</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="/style/bundle.css"></head><body></body><body><div id="wrap"><div id="content"><div class="logo-container"><a href="/"><img src="/style/jade-logo-header.svg" alt="Jade - Node Template Engine"></a></div><div class="navbar navbar-default navbar-static-top"><div class="container"><div class="navbar-header visible-sm visible-xs"><button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="/" class="navbar-brand">JADE</a></div><div class="collapse navbar-collapse"><ul class="nav navbar-nav"><li class="false"><a href="/reference">Language Reference</a></li><li class="false"><a href="/api">API</a></li><li class="false"><a href="/command-line">Command Line</a></li></ul><ul class="nav navbar-nav navbar-right"><li class="false"><a href="/history">Change Log</a></li><li><a href="https://coveralls.io/r/jadejs/jade?branch=master">Code Coverage</a></li><li><a href="https://travis-ci.org/jadejs/jade">Test Results</a></li><li><a href="https://github.com/jadejs/jade">GitHub Repository</a></li></ul></div></div></div><div class="container"><div data-control="interactive" class="row"><div class="col-md-6"><pre data-control="input-jade" class="cm-s-default"><code><span class="cm-meta">doctype html</span>
<span class="cm-tag">html</span><span class="cm-punctuation">(</span><span class="cm-attribute">lang</span>=<span class="cm-string">"en"</span><span class="cm-punctuation">)</span>
<span class="cm-indent"> </span><span class="cm-tag">head</span>
<span class="cm-indent"> </span><span class="cm-tag">title</span><span class="cm-punctuation">=</span> <span class="cm-variable">pageTitle</span>
<span class="cm-indent"> </span><span class="cm-tag">script</span><span class="cm-punctuation">(</span><span class="cm-attribute">type</span>=<span class="cm-string">'text/javascript'</span><span class="cm-punctuation">)</span><span class="cm-dot">.</span>
<span class="cm-keyword">if</span> (<span class="cm-variable">foo</span>) {
<span class="cm-variable">bar</span>(<span class="cm-number">1</span> + <span class="cm-number">5</span>)
}
<span class="cm-indent"> </span><span class="cm-tag">body</span>
<span class="cm-indent"> </span><span class="cm-tag">h1</span><span class="cm-string"> Jade - node template engine</span>
<span class="cm-indent"> </span><span class="cm-builtin">#container</span><span class="cm-qualifier">.col</span>
<span class="cm-indent"> </span><span class="cm-keyword">if</span> <span class="cm-variable">youAreUsingJade</span>
<span class="cm-indent"> </span><span class="cm-tag">p</span><span class="cm-string"> You are amazing</span>
<span class="cm-indent"> </span><span class="cm-keyword">else</span>
<span class="cm-indent"> </span><span class="cm-tag">p</span><span class="cm-string"> Get on it!</span>
<span class="cm-indent"> </span><span class="cm-tag">p</span><span class="cm-dot">.</span>
<span class="cm-string"> Jade is a terse and simple</span>
<span class="cm-string"> templating language with a</span>
<span class="cm-string"> strong focus on performance</span>
<span class="cm-string"> and powerful features.</span></code></pre></div><div class="col-md-6"><pre data-control="output-html" class="cm-s-default"><code><span class="cm-meta"><!DOCTYPE html></span>
<span class="cm-tag cm-bracket"><</span><span class="cm-tag">html</span> <span class="cm-attribute">lang</span>=<span class="cm-string">"en"</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"><</span><span class="cm-tag">head</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"><</span><span class="cm-tag">title</span><span class="cm-tag cm-bracket">></span>Jade<span class="cm-tag cm-bracket"></</span><span class="cm-tag">title</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"><</span><span class="cm-tag">script</span> <span class="cm-attribute">type</span>=<span class="cm-string">"text/javascript"</span><span class="cm-tag cm-bracket">></span>
<span class="cm-keyword">if</span> (<span class="cm-variable">foo</span>) {
<span class="cm-variable">bar</span>(<span class="cm-number">1</span> <span class="cm-operator">+</span> <span class="cm-number">5</span>)
}
<span class="cm-tag cm-bracket"></</span><span class="cm-tag">script</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"></</span><span class="cm-tag">head</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"><</span><span class="cm-tag">body</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"><</span><span class="cm-tag">h1</span><span class="cm-tag cm-bracket">></span>Jade - node template engine<span class="cm-tag cm-bracket"></</span><span class="cm-tag">h1</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"><</span><span class="cm-tag">div</span> <span class="cm-attribute">id</span>=<span class="cm-string">"container"</span> <span class="cm-attribute">class</span>=<span class="cm-string">"col"</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"><</span><span class="cm-tag">p</span><span class="cm-tag cm-bracket">></span>You are amazing<span class="cm-tag cm-bracket"></</span><span class="cm-tag">p</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"><</span><span class="cm-tag">p</span><span class="cm-tag cm-bracket">></span>Jade is a terse and simple
templating language with a
strong focus on performance
and powerful features.<span class="cm-tag cm-bracket"></</span><span class="cm-tag">p</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"></</span><span class="cm-tag">div</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"></</span><span class="cm-tag">body</span><span class="cm-tag cm-bracket">></span>
<span class="cm-tag cm-bracket"></</span><span class="cm-tag">html</span><span class="cm-tag cm-bracket">></span></code></pre></div></div></div></div><div id="push"></div></div><div id="footer-wrapper"><footer><div class="container"><p>Jade is a template language maintained by <a href="http://www.forbeslindesay.co.uk">@ForbesLindesay</a> and contributed by <a href="https://github.com/jadejs/jade/graphs/contributors">many others</a>.</p></div></footer></div><script>var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-25261536-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script><script src="/client.js"></script><script src="http://code.jquery.com/jquery-2.1.3.min.js"></script><script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script></body></html>