<!DOCTYPE html>
<HTML>
  <head>
    <title>Yote Platform</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="/yote/js/jquery-latest.js"></script>
    <script src="/yote/js/jquery.cookie.js"></script>
    <script src="/yote/js/jquery.base64.min.js"></script>
    <script src="/yote/js/json2.js"></script>

    <script src="/templates/templates.js"></script>

    <script src="/yote/js/yote.js"></script>
    <script src="/yote/js/yote.util.js"></script>

    <link rel="stylesheet" type="text/css" href="/css/main.css"/>

    <STYLE>
      .side_panel { float: left; padding: 15px; margin-top:2em; max-width: 262px; }
      .main       { padding: 15px; margin-top:2em; }
      body       { margin-top:70px; font-family: sans-serif }
      .news_time { font-family: monospace;
                   font-size: small; }
      .news_body { font-family: serif; margin-left: 10px; padding-left: 10px; }
      .news_header{ font-family: sans-serif;
                    font-style: italic;
                    font-size: large; margin-top: 3px; margin-bottom: 3px; }

    </STYLE>

    <script>
      <!--
	  $().ready(function() {
	      $.yote.include_templates( '/templates/templates.html' );
	      $.yote.util.register_functions( base_templates );

	      $.yote.init();
 	      var yote_app = $.yote.fetch_app( 'MadYote' );
	      $.yote.util.register_item( 'yote', yote_app );
	      
	      $.yote.util.refresh_ui();		  
	  } );
	-->
    </script>

  </head>

  <script type="text/template" class="yote_template_definition" template_name="SideBar">
    <$ show_or_edit _.page #news  $>
      <BR>
    <$ show_or_edit _.page #yoteversion $>
    <ul class="navlink">
      <li>Thing</li>
    </ul>
  </script>

  <script type="text/template" class="yote_template_definition" template_name="Main">
    <$ show_or_edit _.page #whatis  $> <BR>
    <$ show_or_edit _.page #features  $> <BR>
    <$ show_or_edit _.page #demo  $>
  </script>

  <script type="text/template" class="yote_template_definition" template_name="Header">
    <$$$ var default_login_message  $$$>
    <$$ YoteHeader $$>
  </script>

  <body>

    <DIV class="yote_template" template="YoteHeader"></div>

    <DIV class="yote_template side_panel" template="SideBar" default_variable="yote"></div>

    <DIV class="yote_template main" template="Main" default_variable="yote"></div>

  </body>
</HTML>