changeset 48:bfea9feb5179

make this slightly less retarded
author Jeff Hammel <jhammel@mozilla.com>
date Mon, 13 Aug 2012 15:50:18 -0700
parents 11249e75ced6
children 6ccef7749b49
files talosnames/templates/tbpl.html
diffstat 1 files changed, 37 insertions(+), 10 deletions(-) [+]
line wrap: on
line diff
--- a/talosnames/templates/tbpl.html	Mon Aug 13 15:41:32 2012 -0700
+++ b/talosnames/templates/tbpl.html	Mon Aug 13 15:50:18 2012 -0700
@@ -1,18 +1,45 @@
 <html>
 <head>
 <title>Talos names: TBPL</title>
+<script>
+var data = {{json | html}};
+</script>
+
+<style>
+* {
+font-family: sanserif;
+}
+
+#header {
+font-weight: bold;
+width: 20em;
+margin-left: auto;
+margin-right: auto;
+text-align: center;
+}
+
+.letter {
+color: green;
+}
+
+</style>
+
 </head>
 <body>
-T (
-<span id="c">c</span>
-<span id="di">di</span>
-<span id="dr">dr</span>
-<span id="n">n</span>
-<span id="o">o</span>
-<span id="p">p</span>
-<span id="s">s</span>
-<span id="tp">tp</span>
-<span id="x">x</span>
+
+<div id="header">
+<span id="T">T</span> (
+<span class="letter" id="c">c</span>
+<span class="letter" id="di">di</span>
+<span class="letter" id="dr">dr</span>
+<span class="letter" id="n">n</span>
+<span class="letter" id="o">o</span>
+<span class="letter" id="p">p</span>
+<span class="letter" id="s">s</span>
+<span class="letter" id="tp">tp</span>
+<span class="letter" id="x">x</span>
 )
+</div><!-- header -->
+
 </body>
 </html>