<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
                <title>Jaggery - Delicious Javascript</title>
                <meta name="description" content="">
                    <meta name="author" content="">

                        <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
                        <!--[if lt IE 9]>
                        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                        <![endif]-->

                        <!-- Le styles -->
                        <link href="../css/bootstrap.css" rel="stylesheet">
                            <style type="text/css">
                            body {
                                padding-top: 60px;
                                }
                            </style>
                            <link href="../css/prettify.css" rel="stylesheet">
                                <!-- Le fav and touch icons -->
                                <link rel="shortcut icon" href="../images/favicon.ico">
                                    <link rel="apple-touch-icon" href="../images/apple-touch-icon.png">
                                        <link rel="apple-touch-icon" sizes="72x72"
                                        href="../images/apple-touch-icon-72x72.png">
                                            <link rel="apple-touch-icon" sizes="114x114"
                                            href="../images/apple-touch-icon-114x114.png">
                                            </head>

                                            <body>

                                                <%
                                                include('/includes/topnavi.jag');
%>

<div class="container-fluid" style="width: 960px; margin: auto;">
<div class="row">
    <div class="span16">
        <div class="page-header">
            <h1  id="top">
                Documentation
                <small>API documentation for Jaggery.js</small>
            </h1>
        </div>
    </div>
</div>

<div class="row">
<div class="span4">
    <div class="well">
        <%
        include('/includes/navi.jag');
        %>
     </div>

</div>
<div class="span12">
<div class="content" id="syn" name="syn">
<h3>&lt;%= %&gt;</h3>

<pre class="prettyprint linenums">
&lthtml&gt
&ltbody&gt
&lt%
    var total = 1 + 1;
%&gt;
&lt;h2&gtBelow is a Jaggery print&lt;/h2&gt
&lt%=total%&gt
&lt/body&gt
&lt/html&gt
</pre>
<%

var emailCode = '&lthtml&gt' + '\n' +
                 '&ltbody&gt'+ '\n' +
                 '&lt%'        + '\n' +
                 'var total = 1 + 1;' + '\n' +
                 '%&gt' + '\n' +
                 '&lt;h2&gt;This is a Jaggery print&lt;/h2&gt;' + '\n' +
                 '&lt%=total%&gt;' + '\n' +
                 '&lt/body&gt' + '\n' +
                 '&lt/html&gt';

var codeSnip = encodeURIComponent(emailCode);
var urlString = '../tryitframe.jag?code='+codeSnip;

include('/includes/tryit_but.jag');
%>

<section id="overview">

<h4>Overview</h4>
<p class="description">&lt;%= %&gt; are the escaping characters for print out server-side data.</p>

</section>
</div>
<br>
<br>
</div>

</div>
<%
include('/includes/footer.jag');
%>


</div>
<!-- /container -->
<%
include('/includes/scripts.jag')
%>
	<script>

		$(document).ready(function(){
        $('#html2').toggleClass('active')
		$('#docs').addClass('active')
        });




	</script>
</body>
</html>
