simple javascript clock for frontend

remove table from administration backend, styling with bootstrap for mobile compability
This commit is contained in:
phil 2015-04-27 12:59:45 +00:00
parent d68fa2c57e
commit 172437d378
3 changed files with 68 additions and 26 deletions

View file

@ -10,6 +10,7 @@
<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 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 ?>
@ -22,7 +23,9 @@
<h1 id="title" />
</div>
<div class="container">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-md-8">
${nav_links(prev_link, next_link)}
<div class="well" py:for="entry in entries">
@ -31,11 +34,14 @@
${formatter(entry['content'])}
<footer>${show_timestamp(entry['timestamp'])}</footer>
</blockquote>
</div>
</div>
${nav_links(prev_link, next_link)}
</div>
</div>
<div class="col-xs-6 col-md-4"><div id="clockbox"></div></div>
</div>
</div>
<div id="footer" class="page-footer" />
</div>