blob: 1dd74e56592036d239f80602de985a0ad8cf7b14 (
plain)
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<title></title>
<link rel="stylesheet" href="/static/css/main.css" type="text/css" />
<link rel="stylesheet" href="/static/css/sugar-theme/jquery-ui-1.8.16.sugar.css" />
<script src="/static/js/jquery-1.6.2.js" type="text/javascript"></script>
<script src="/static/js/jquery-ui-1.8.16.sugar.min.js" type="text/javascript"></script>
<script src="/static/js/jquery.corner.js" type="text/javascript"></script>
<script src="/static/js/websdk-1.js" type="text/javascript"></script>
</head>
<body>
<div id="content" class="bling">
<header><h1>WebSDK Studio <span id="beta">Tech Preview 2</span><br /><em style="font-size: 10pt;"> "craftsmanship" </em></h1></header>
<section>
<div style="float:left; width:60%;">
<div id="accordion">
<div>
<h3><a href="#">Start with your Logic</a></h3>
<div style="text-align:right"><div style="float:left; padding-right: 15px;"><img src="/static/images/logo-flask-s.png" /></div>
<p>You can build Sugar Activities using standard web technologies with WebSDK.
The controller is where the logic of your Activity is expressed.
At the core of WebSDK there is Flask: a microframework built with good intentions.</p>
<p>The controller is implemented in the <a href="/edit/studio/studio.py">studio.py</a> file.
</p>
<input type="button"
value="Quick Start" onclick='location.href="/static/doc/flask-docs/quickstart.html#quickstart"' />
<input type="button"
value="Documentation Index" onclick='location.href="/static/doc/flask-docs/index.html"' />
<input type="button"
value="API" onclick='location.href="/static/doc/flask-docs/api.html#api"' />
</div>
</div>
<div>
<h3><a href="#">Build your User Experience</a></h3>
<div style="text-align:right"><div style="float:left; padding-right: 15px;"><img src="/static/images/logo-jqueryui.gif" /></div>
<p>Animation, advanced effects and widgets, built using HTML, CSS and Javascript, that you can use to build highly interactive Sugar Activities.</p>
<p>The initial screen for an activity is in <a href="/edit/studio/templates/index.html">index.html</a>. You can browse the <a href="/files/studio/templates">templates</a> directory for other views.</p>
<input type="button"
value="Sugar Web Widgets" onclick='location.href="/static/doc/sugar-theme.html"' />
</div>
<div>
<h3><a href="#">Deeper in Sugar</a></h3>
<div style="text-align:right"><div style="float:left; padding-right: 15px;"><img src="/static/images/logo-sugar-trans.png" /></div>
<p>This is where you set up your toolbars. If you need further system interaction at a lower level you'll start here.</p>
<p><a href="/edit/activity.py">activity.py</a> contains the browser loader for Sugar.</p>
<input type="button"
value="Make Your Own Sugar Activities" onclick='location.href="static/doc/myosa/ch000_table_of_contents.xhtml"' />
</div>
</div>
</div>
</div>
</div>
<div id="accordion2" style="width:38%; float:right">
<div>
<h3><a href="#">${name}</a></h3>
<div>
<div id="filer-header" style="padding-top: 5px; padding-bottom: 5px">
Frequent actions
</div>
<div id="filer" style="display:inline;">
<ul>
<li>
<a href="/edit/studio/studio.py" class="file">
<img src="/static/icons/text-x-python.png" />
<br />studio.py
</a>
</li>
<li>
<a href="/edit/studio/templates/index.html" class="file">
<img src="/static/icons/text-uri-list.png" />
<br />index.html
</a>
</li>
<li>
<a href="/files/studio/templates" class="file">
<img src="/static/icons/folder.png" />
<br />templates
</a>
</li>
<li>
<a href="/files/studio/static" class="file">
<img src="/static/icons/folder.png" />
<br />static
</a>
</li>
<li>
<a href="/edit/./activity.py" class="file">
<img src="/static/icons/text-x-python.png" />
<br />activity.py
</a>
</li>
<li>
<a href="/edit/studio/static/css/main.css" class="file">
<img src="/static/icons/text-uri-list.png" />
<br />main.css
</a>
</li>
</ul>
<div style="float:both; width:100%">
<p style="font-size:8pt;">Running on port ${port}.</p>
</div>
</div>
</div>
<input type="button" value="Split view" onclick='location.href="/split"' />
</div>
</div>
</section>
</div>
<script>
window.onload = function() {
$('#content').fadeIn(700);
$('.file').corner("15px");
$('#filer-header').corner("15px");
$('.bling').show("slow");
/* if ($.browser.mozilla) {
$('#filer img').hide();
$('#filer span').show();
} This was SVG workaround but is broken in older
gecko anyway*/
$('#beta').delay(1500).fadeIn("slow");
$("#accordion").accordion({ header: "h3" });
$("#accordion2").accordion({ header: "h3" });
}
</script>
</body>
</html>
|