-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
- <head>
- <META http-equiv="Content-Type" content="text/html; charset=utf-8">
- <link type="text/css" href="[% c.uri_for('css/cupertino/jquery-ui-1.8.13.custom.css') %]" rel="stylesheet" />
- <link type="text/css" href="[% c.uri_for('css/style.css') %]" rel="stylesheet" />
- <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
- <script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
- <script type="text/javascript" src="js/interaction.js"></script>
- <title>Text tradition tools</title>
- </head>
- <body>
-[% content %]
- </body>
-</html>
+[% WRAPPER header.tt
+ pagetitle = "Stemmaweb - Text tradition tools"
+ applicationjs = c.uri_for( 'js/componentload.js' )
+%]
+ <script type="text/javascript">
+$(document).ready(function() {
+ // call out to load the directory div
+ $('#directory').load( "[% c.uri_for( 'directory' ) %]" );
+});
+ </script>
+
+[% END %]
+
+ <div id="topbanner">
+ <h1>Stemmaweb - a collection of tools for analysis of collated texts</h1>
+ <span class="mainnav"><a href="[% c.uri_for( 'about.html' ) %]">About<a> | <a href="[% c.uri_for( 'doc.html' ) %]">Help</a></span>
+ </div>
+ <div id="directory_container">
+ <h2>Text directory</h2>
+ <div id="directory">
+ <h3>Loading texts, please wait...</h3>
+ <img src="[% c.uri_for( 'images', 'ajax-loader.gif' ) %]" />
+ </div>
+ </div>
+ <div id="stemma_graph"></div>
+ <div id="variant_graph"></div>
+
+[% PROCESS footer.tt %]
\ No newline at end of file