<!DOCTYPE html> <html>

<head>
        <link rel="stylesheet" href="index.css" type="text/css" media="screen" />

        <script src="jquery-1.6.min.js" type="text/javascript"></script>
        <script src="../dist/jquery.syntax.js" type="text/javascript"></script>
        <script src="../dist/jquery.syntax.cache.js" type="text/javascript"></script>

        <script type="text/javascript">
                $(function() {
                        jQuery.syntax({blockLayout: "editor", theme: "modern"});
                });
        </script>

</head>
<body>
        <h1>Syntax Editor</h1>

        <h2>Ruby Editor</h2>

        <pre><code class="syntax clang">/* Foo Bar */

namespace x {

} </pre>

</body>

</html>