HTML Syntax Example

HTML + JavaScript + Ruby

<!DOCTYPE html>
<html>
	<head>
		<?r if title = (attributes["title"] || @title) ?>
			<title>#{title} - Orion Transfer Ltd</title>
		<?r else ?>
			<title>Orion Transfer Ltd</title>
		<?r end ?>
		
		<meta http-equiv="X-UA-Compatible" content="IE=8" />
		
		<link rel="icon" type="image/png" href="/_images/icon.png" />

		<link rel="stylesheet" href="http://files.oriontransfer.org/oriontransfer/basic.css?2" type="text/css" media="screen" charset="utf-8" />

		<link rel="stylesheet" href="/_css/site.css" type="text/css" media="screen" charset="utf-8" />

		<script src="/_static/jquery-1.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		
		<script src="/_static/jquery.lightbox-0.5.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="/_static/jquery.lightbox.css" type="text/css" media="screen" charset="utf-8" />
		
		<script src="/_static/jquery.syntax.js" type="text/javascript" charset="utf-8"></script>
		<script src="/_static/jquery.syntax.cache.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript" charset="utf-8">
		$(function() {
			$('a.thumbnail').lightBox({fixedNavigation:true});
			
			$.syntax({root: "/_static/"});
		});
		</script>
	</head>

	<?r response["Content-Type"] = "text/html; charset=utf-8" ?>
	<?r response["Cache-Control"] = "max-age=3600" ?>

	<body>
		<div id="header" />

		<div id="menu">
			<h1>Navigation</h1>
			<ul class="top">
				<?r links("/", :indices => true).each do |s| ?>
				<li>#{s.to_href}
					<ul>
						<?r if s.path && s.kind == :directory ?>
						<?r links(s.path.dirname).each do |c| ?>
						<?r if c.href? ?>
						<li>#{c.to_href}</li>
						<?r end ?>
						<?r end ?>
						<?r end ?>
					</ul>
				</li>
				<?r end ?>
			</ul>
		</div>

		<div id="content">
			<div id="locales">
				<?r if (related_links = first.node.related_links).size > 1 ?>
					<?r related_links.each do |link| ?>
						<a href="#{link.href}">#{link.locale}</a>
					<?r end ?>
				<?r end ?>
			</div>
			
			<content />
		</div>

		<div id="footer">
			It took {{benchmark}}s to render this page.

			&copy; 2009 Orion Transfer Ltd. All Rights Reserved.
		</div>
	</body>
</html>

HTML + JavaScript + PHP

<!DOCTYPE html>
<html>
	<head>
		<title>Mm... PHP!</title>

		<script type="text/javascript" charset="utf-8"><!--
			alert("Foo Warning: It is not what it seems to be!");
		--></script>
		
		<style type="text/css">
			body {
				background-color: red;
			}
		</style>
	</head>

	<body>
		<p><?php echo foo(40 * 10) ?></p>
		
		<name:spaces>Moo</name:spaces>
		
		<div
			multi="line"
			tag="yay"
		/>
	</body>
</html>