<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<!-- When the yote server is given a directory of javascript files, -->
<!-- a directory named 'js', -->
<!-- it minifies them together in a single file. -->
<script src="/yote/js"></script>
<!-- The templates directory contains template definitions and -->
<!-- javascript files. -->
<script src="/templates/default_templates.js"></script>
<link href="/yote.css" rel="stylesheet" type="text/css" media="all" />
<link href="/css/main.css" rel="stylesheet" type="text/css" media="all" />
<STYLE>
</STYLE>
<script>
$().ready(function(){
<!-- All templates in this file are registered with yote. -->
$.yote.include_templates( '/templates/default_templates.html' );
<!-- The default_templates.js file contains a dictionary object -->
<!-- called 'base_templates', which must be registered for the -->
<!-- templating system to be able to use them. -->
$.yote.util.register_functions( base_templates );
<!-- This connects the client with the yote system -->
var app = $.yote.init( MYAPP );
$.yote.util.register_item( 'app', app );
$.yote.util.init_ui();
});
</script>
<!-- Templates are defined in the HEAD section as type text/template and clsas yote_template_definition -->
<script type="text/template" class="yote_template_definition" template_name="RENAME_ME_1">
</script>
<script type="text/template" class="yote_template_definition" template_name="RENAME_ME_2">
</script>
</head>
<BODY>
<!-- The filled out template will appear inside this div and be passed the app as the default variable. -->
<DIV class="yote_template side_panel" template="RENAME_ME_1" default_variable="app"></div>
</body>
</html>