|
1 | | -<!DOCTYPE HTML> |
| 1 | +<!DOCTYPE html> |
2 | 2 | <!-- |
3 | 3 | /* |
4 | 4 | * JavaScript Templates Demo |
|
12 | 12 | */ |
13 | 13 | --> |
14 | 14 | <html lang="en"> |
15 | | -<head> |
16 | | -<!--[if IE]> |
17 | | -<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
18 | | -<![endif]--> |
19 | | -<meta charset="utf-8"> |
20 | | -<title>JavaScript Templates Demo</title> |
21 | | -<meta name="description" content="1KB lightweight, fast & powerful JavaScript templating engine with zero dependencies. Compatible with server-side environments like Node.js, module loaders like RequireJS, Browserify or webpack and all web browsers."> |
22 | | -<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
23 | | -<link rel="stylesheet" href="css/demo.css"> |
24 | | -</head> |
25 | | -<body> |
26 | | -<h1>JavaScript Templates Demo</h1> |
27 | | -<p><strong>1KB</strong> lightweight, fast & powerful <a href="https://developer.mozilla.org/en/JavaScript/">JavaScript</a> templating engine with zero dependencies.<br> |
28 | | -Compatible with server-side environments like <a href="http://nodejs.org/">Node.js</a>, module loaders like <a href="http://requirejs.org/">RequireJS</a>, <a href="http://browserify.org/">Browserify</a> or <a href="https://webpack.github.io/">webpack</a> and all web browsers.</p> |
29 | | -<ul class="navigation"> |
30 | | - <li><a href="https://github.com/blueimp/JavaScript-Templates/tags">Download</a></li> |
31 | | - <li><a href="https://github.com/blueimp/JavaScript-Templates">Source Code</a></li> |
32 | | - <li><a href="https://github.com/blueimp/JavaScript-Templates/blob/master/README.md">Documentation</a></li> |
33 | | - <li><a href="test/">Test</a></li> |
34 | | - <li><a href="https://blueimp.net">© Sebastian Tschan</a></li> |
35 | | -</ul> |
36 | | -<form> |
37 | | - <h2>Template</h2> |
38 | | - <textarea rows="12" id="template"></textarea> |
39 | | - <br> |
40 | | - <h2>Data (JSON)</h2> |
41 | | - <textarea rows="14" id="data"></textarea> |
42 | | - <br> |
43 | | - <button type="submit" id="render">Render</button> |
44 | | - <button type="reset" id="reset">Reset</button> |
45 | | - <h2>Result</h2> |
46 | | - <div id="result" class="result"></div> |
47 | | - <br> |
48 | | -</form> |
49 | | -<script type="text/x-tmpl" id="tmpl-demo"> |
50 | | -<h3>{%=o.title%}</h3> |
51 | | -<p>Released under the |
52 | | -<a href="{%=o.license.url%}">{%=o.license.name%}</a>.</p> |
53 | | -<h4>Features</h4> |
54 | | -<ul> |
55 | | -{% for (var i=0; i<o.features.length; i++) { %} |
56 | | - <li>{%=o.features[i]%}</li> |
57 | | -{% } %} |
58 | | -</ul> |
59 | | -</script> |
60 | | -<script type="text/x-tmpl" id="tmpl-data"> |
61 | | -{ |
62 | | - "title": "JavaScript Templates", |
63 | | - "license": { |
64 | | - "name": "MIT license", |
65 | | - "url": "https://opensource.org/licenses/MIT" |
66 | | - }, |
67 | | - "features": [ |
68 | | - "lightweight & fast", |
69 | | - "powerful", |
70 | | - "zero dependencies" |
71 | | - ] |
72 | | -} |
73 | | -</script> |
74 | | -<script type="text/x-tmpl" id="tmpl-error"> |
75 | | -<h3 class="error">{%=o.title%}</h3> |
76 | | -<code>{%=o.error%}</code> |
77 | | -</script> |
78 | | -<script src="js/tmpl.js"></script> |
79 | | -<script src="js/demo/demo.js"></script> |
80 | | -</body> |
| 15 | + <head> |
| 16 | + <!--[if IE]> |
| 17 | + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
| 18 | + <![endif]--> |
| 19 | + <meta charset="utf-8" /> |
| 20 | + <title>JavaScript Templates Demo</title> |
| 21 | + <meta |
| 22 | + name="description" |
| 23 | + content="1KB lightweight, fast & powerful JavaScript templating engine with zero dependencies. Compatible with server-side environments like Node.js, module loaders like RequireJS, Browserify or webpack and all web browsers." |
| 24 | + /> |
| 25 | + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 26 | + <link rel="stylesheet" href="css/demo.css" /> |
| 27 | + </head> |
| 28 | + <body> |
| 29 | + <h1>JavaScript Templates Demo</h1> |
| 30 | + <p> |
| 31 | + <strong>1KB</strong> lightweight, fast & powerful |
| 32 | + <a href="https://developer.mozilla.org/en/JavaScript/">JavaScript</a> |
| 33 | + templating engine with zero dependencies.<br /> |
| 34 | + Compatible with server-side environments like |
| 35 | + <a href="http://nodejs.org/">Node.js</a>, module loaders like |
| 36 | + <a href="http://requirejs.org/">RequireJS</a>, |
| 37 | + <a href="http://browserify.org/">Browserify</a> or |
| 38 | + <a href="https://webpack.github.io/">webpack</a> and all web browsers. |
| 39 | + </p> |
| 40 | + <ul class="navigation"> |
| 41 | + <li> |
| 42 | + <a href="https://github.com/blueimp/JavaScript-Templates/tags" |
| 43 | + >Download</a |
| 44 | + > |
| 45 | + </li> |
| 46 | + <li> |
| 47 | + <a href="https://github.com/blueimp/JavaScript-Templates" |
| 48 | + >Source Code</a |
| 49 | + > |
| 50 | + </li> |
| 51 | + <li> |
| 52 | + <a |
| 53 | + href="https://github.com/blueimp/JavaScript-Templates/blob/master/README.md" |
| 54 | + >Documentation</a |
| 55 | + > |
| 56 | + </li> |
| 57 | + <li><a href="test/">Test</a></li> |
| 58 | + <li><a href="https://blueimp.net">© Sebastian Tschan</a></li> |
| 59 | + </ul> |
| 60 | + <form> |
| 61 | + <h2>Template</h2> |
| 62 | + <textarea rows="12" id="template"></textarea> |
| 63 | + <br /> |
| 64 | + <h2>Data (JSON)</h2> |
| 65 | + <textarea rows="14" id="data"></textarea> |
| 66 | + <br /> |
| 67 | + <button type="submit" id="render">Render</button> |
| 68 | + <button type="reset" id="reset">Reset</button> |
| 69 | + <h2>Result</h2> |
| 70 | + <div id="result" class="result"></div> |
| 71 | + <br /> |
| 72 | + </form> |
| 73 | + <script type="text/x-tmpl" id="tmpl-demo"> |
| 74 | + <h3>{%=o.title%}</h3> |
| 75 | + <p>Released under the |
| 76 | + <a href="{%=o.license.url%}">{%=o.license.name%}</a>.</p> |
| 77 | + <h4>Features</h4> |
| 78 | + <ul> |
| 79 | + {% for (var i=0; i<o.features.length; i++) { %} |
| 80 | + <li>{%=o.features[i]%}</li> |
| 81 | + {% } %} |
| 82 | + </ul> |
| 83 | + </script> |
| 84 | + <script type="text/x-tmpl" id="tmpl-data"> |
| 85 | + { |
| 86 | + "title": "JavaScript Templates", |
| 87 | + "license": { |
| 88 | + "name": "MIT license", |
| 89 | + "url": "https://opensource.org/licenses/MIT" |
| 90 | + }, |
| 91 | + "features": [ |
| 92 | + "lightweight & fast", |
| 93 | + "powerful", |
| 94 | + "zero dependencies" |
| 95 | + ] |
| 96 | + } |
| 97 | + </script> |
| 98 | + <script type="text/x-tmpl" id="tmpl-error"> |
| 99 | + <h3 class="error">{%=o.title%}</h3> |
| 100 | + <code>{%=o.error%}</code> |
| 101 | + </script> |
| 102 | + <script src="js/tmpl.js"></script> |
| 103 | + <script src="js/demo/demo.js"></script> |
| 104 | + </body> |
81 | 105 | </html> |
0 commit comments