-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
41 lines (38 loc) · 1.51 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
<!DOCTYPE html>
<html>
<head>
<title>Amber Smalltalk ToDo List Application</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="hhzl" />
<style>
body { margin: 20px auto; width: 500px; font-size: 13px; font-family: sans }
.done { text-decoration:line-through; }
div#form input { width: 100%; color: #FF6666; font-size: 34px; border: 1px
solid #00FF00; padding: 4px }
div#todos ol li { font-size: 21px; color: #999999; padding: 10px 0 }
div#amber { position: fixed; bottom: 0px; }
div#footer { position fixed; bottom: 20px; color: #CCCCCC }
h1 { font-size: 55px; color: #FF3333; font-weight: normal; }
span+span { color: #FF6666; font-size: 12px; vertical-align:
super; cursor: pointer }
</style>
<script type='text/javascript' src='the.js'></script>
</head>
<body>
<!--
<button id="amber-with">Hello from TagBrush >> with:</button>
<button id="jquery-append">Hello from jQuery append</button>
-->
<ol id="output-list"></ol>
<script type='text/javascript'>
require(['app'], function (amber) {
amber.initialize({
//used for all new packages in IDE
'transport.defaultAmdNamespace': "examples-todo"
});
require(["amber-ide-starter-dialog"], function (dlg) { dlg.start(); });
amber.globals.TodoList._start();
});
</script>
</body>
</html>