diff options
Diffstat (limited to 'app/templates/help.html')
| -rw-r--r-- | app/templates/help.html | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/app/templates/help.html b/app/templates/help.html new file mode 100644 index 0000000..98977ab --- /dev/null +++ b/app/templates/help.html @@ -0,0 +1,92 @@ +<!DOCTYPE HTML> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:py="http://genshi.edgewall.org/"> +<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> +${get_flashed_messages()} + <div style="margin:0;padding-left:20px;padding-right:20px;margin-top:10px" id="content" class="bling"> + <section> + <div id="tabs"> + <ul> + <li py:if="project_name != 'None'"><a href="#tabs-0">${project_name} Activity</a></li> + <li><a href="#tabs-1">Projects</a></li> + <li><a href="#tabs-2">Framework Documentation</a></li> + <li><a href="#tabs-3">Widgets Showcase</a></li> + <li><a href="#tabs-4">MYOSA</a></li> + </ul> + <div py:if="project_name != 'None'" id="tabs-0" style="height:280px"> + <div style="text-align:right;"> + <p>You are constructing <strong>$project_name Activity</strong>.</p> + <p py:if="edit_history!=[]"> + These are the most recently edited files:</p> + <div id="filer"> + <ul> + <li py:for="file in edit_history"> + <a py:if="file.mode != 'dir'" target="frame1" href="${file.href}" class="file" + style="float:right"> + <img src="/static/icons/${file.icon}" style="border:none;"/> + <br/>${file.name} + </a> + </li> + </ul> + </div> + </div> + </div> + <div id="tabs-1" style="height:280px"> + <div style="text-align:right;"> + <div class="rounded" style="background-color:white;float:left; padding: 35px;"> + <img src="/static/images/activity-websdk.stroke.png" /></div> + <p>You can build Sugar Activities using standard web technologies with WebSDK.</p> + <p>You may start a new project:</p> + <form target="_top" action="/chdir" method="POST"> + <input class="rounded" style="height:22px;background-color:white;" name="newproject" type="text" /> + <p>or open an existing project:</p> + <select style="color:white;" name="oldproject"> + <option value="">(select one)</option> + <option py:for="activity in activities" value="$activity">${activity}</option> + </select> + <br /><br /> + <input type="submit" value="Ok" /> + </form> + </div> + </div> + <div id="tabs-2" style="height:280px"> + <iframe width="100%" height="280" src="/static/doc/flask-docs/quickstart.html#quickstart" /> + </div> + <div id="tabs-3" style="height:280px"> + <iframe width="100%" height="280" src="/static/doc/sugar-theme.html" /> + </div> + <div id="tabs-4" style="height:280px"> + <iframe width="100%" height="280" src="/static/doc/myosa/ch000_table_of_contents.xhtml" /> + </div> + </div> + </section> + </div> + <script> + document.ready = function() { + $('#content').fadeIn(700); + $('.rounded').corner("15px"); + $('#filer-header').corner("15px"); + $("#filer").show("slow"); + $('.file').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"); + $("#tabs").tabs({ header: "h3" }); + } + </script> +</body> +</html> |