<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"
      xmlns:w="http://www.example.org/widgets"
      xmlns:xi="http://www.w3.org/2001/XInclude"
      xmlns:py="http://genshi.edgewall.org/">
<head>
	<title>Ticker</title>
	<meta charset="latin-1" />
	<link type="text/css" rel="stylesheet" media="all" href="bootstrap/css/bootstrap.min.css" />
	<link type="text/css" rel="stylesheet" media="all" href="bootstrap/css/bootstrap-theme.min.css" />
	<link type="text/css" rel="stylesheet" media="all" href="style.css" />
	<meta http-equiv="refresh" content="60" /> 
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<script type="text/javascript" src="clock.js"></script>
</head>

<?python from helpers import formatter, show_timestamp, nav_links ?>


<body>

<div class="container theme-showcase" role="main">
<div class="page-header">
  <h1 id="title" />
</div>

<div class="container-fluid">
<div class="row">
  <div class="col-xs-12 col-sm-8">
        ${nav_links(prev_link, next_link)}

            <div class="well" py:for="entry in entries">
                <h2>${entry['title']}</h2>
                <blockquote class="blockquote">
                    ${formatter(entry['content'])}
                    <footer>${show_timestamp(entry['timestamp'])}</footer>
                </blockquote>
            </div>

        ${nav_links(prev_link, next_link)}
</div>

<div class="col-xs-12 col-sm-4">
  <div class="panel panel-default">
    <div class="panel-body">
      <div id="clockbox"></div>
      <hr/>
     <p>${formatter(sidebar_text)}</p>
   </div>
</div>

</div>

</div>
</div>
<div id="footer" class="page-footer" />
</div>

</body>
</html>