poole / tests / expected / output / layout.html

Full commit
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" lang="en" xml:lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>poole - layout</title>
    <meta name="description" content="a poole site" />
    <meta name="keywords" content="poole" />
    <style type="text/css">
        body {
            font-family: sans;
            width: 800px;
            margin: 1em auto;
            color: #2e3436;
        div#box {
        div#header, div#menu, div#content, div#footer {
            padding: 1em;
        div#menu {
            background-color: #eeeeec;
            padding: 0.6em 0 0.6em 0;
        #menu span {
            font-weight: bold;
            padding: 0.6em;
        #menu span.current {
            background-color: #ffffff;
            border: 1px solid #eeeeec;
        #menu a {
            color: #000000;
            text-decoration: none;
        div#footer {
            color: gray;
            text-align: center;
            font-size: small;
        div#footer a {
            color: gray;
            text-decoration: none;
        pre {
            border: dotted black 1px;
            background: #eeeeec;
            font-size: small;
            padding: 1em;
    <div id="box">
    <div id="header">
         <h1>a poole site</h1>
    <div id="menu">
    <span class=""><a href="/index.html">home</a></span>
<span class="current"><a href="/layout.html">layout</a></span>
<span class=""><a href="/logic.html">logic</a></span>
<span class=""><a href="/blog.html">blog</a></span>
    <div id="content"><p>Every page of a poole site is based on <em>one global template file</em>, <code>page.html</code>.
All you need to adjust the site layout is to edit the page template
    <div id="footer">
        Built with <a href="">Poole</a>
        Licensed as <a href="">CC-SA</a>
        <a href="">Validate me</a>