diff options
Diffstat (limited to 'studio/templates/index.html')
-rw-r--r-- | studio/templates/index.html | 128 |
1 files changed, 128 insertions, 0 deletions
diff --git a/studio/templates/index.html b/studio/templates/index.html new file mode 100644 index 0000000..1dd74e5 --- /dev/null +++ b/studio/templates/index.html @@ -0,0 +1,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> |