<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd" >
<wicket:head>
<title>Resource Aggregation Example Application</title>
</wicket:head>
<body>
<wicket:extend>
<br/>
<div id="bodyContent" class="bodyContent">
<h1 class="header">Resource Aggregation Example Application</h1>
<p style="font-size: 1.5em">If the background is light grey, then app.css was loaded.</p>
<p style="font-size: 1.5em">If this box has a red border, top.js was not loaded from the header</p>
<p style="font-size: 1.5em">If the h1 above has a dashed bottom border (and the one below has a dashed top border), header.css and footer.css were loaded.
They are merged at the server side and delivered together to the browser</p>
<div wicket:id="jsProofPlaceholder" class="jsProofPlaceholder">
placeholder that JS can do something with
</div>
<div wicket:id="ajaxProofPlaceholder" class="ajaxProofPlaceholder pending">
after five seconds, you should see ajax update this container (to a green border)
</div>
<div class="complete">Everything is done when all three boxes are green</div>
<h1 class="footer">footer h1</h1>
</div>
<wicket:container wicket:id="footerJS"></wicket:container>
</wicket:extend>
</body>
</html>