From db16c5ffa323c08c4a52df155de44f7a42d6edde Mon Sep 17 00:00:00 2001
From: phil <phil@systemausfall.org>
Date: Sun, 26 Apr 2015 18:32:08 +0000
Subject: [PATCH] more styling for the admin interface

---
 example-output-style/admin.css    | 18 ++++++++++++
 templates/admin_show_entries.html | 49 +++++++++++++++++++++----------
 templates/layout.html             |  2 +-
 3 files changed, 52 insertions(+), 17 deletions(-)
 create mode 100644 example-output-style/admin.css
diff --git a/example-output-style/admin.css b/example-output-style/admin.css
new file mode 100644
index 0000000..c2a4464
--- /dev/null
+++ b/example-output-style/admin.css
@@ -0,0 +1,18 @@
+div#help {
+    font-family: monospace;
+    border: 1px solid #8cacbb;  
+    color: black;
+    background-color: white;
+    padding: 3px;
+    margin: 2em 0 2em 0;
+    font-size: small;
+    background-color: #EEEEFF;
+}
+
+div#help dt {
+   padding-top: 1em;
+}
+
+div#timestamp {
+   padding-bottom: 1em;
+}
diff --git a/templates/admin_show_entries.html b/templates/admin_show_entries.html
index 253699f..e2a0f1e 100644
--- a/templates/admin_show_entries.html
+++ b/templates/admin_show_entries.html
@@ -4,34 +4,50 @@
 	<xi:include href="layout.html" />
 <head>
 	<title>Admin Ticker</title>
+        <link href="../admin.css" type="text/css" rel="stylesheet" />
+        <link href="../bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="all" />
+	<link href="../bootstrap/css/bootstrap-theme.min.css" type="text/css" rel="stylesheet" media="all" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
 </head>
 <body>
 
+<div class="container theme-showcase" role="main">
+  
+<h1 id="title">Tycker Administration Interface</h1>
+
 <?python
 	import datetime
 	now = datetime.datetime.now()
 ?>
 
+<div class="page-header"></div>
+
+<div class="container">
+
 <p><i><a href="../../${static_url}" title="static website">show tycker website</a></i></p>
 
+<div id="help">
+
 <p>The content may be written in <a href="http://www.wikicreole.org/imageServlet?page=CheatSheet%2Fcreole_cheat_sheet.png" target="_blank">wikicreole syntax</a>. Here are some examples:</p>
+  <dl>
+     <dt><strong>accentuation</strong></dt>
+     <dd>//italics// --> <em>italics</em></dd>
+     <dd>**bold** --> <strong>bold</strong></dd>
+     <dt><strong>linking</strong></dt>
+     <dd>Link to [[page]] --> Link to <a href="https://systemausfall.org">page</a></dd>
+     <dd>[[URL|linkname]] --> <a href="systemausfall.org">linkname</a></dd>
+     <dt><strong>headings</strong></dt>
+     <dd>== Large heading</dd>
+     <dd>=== Medium heading</dd>
+     <dd>==== Small heading</dd>
+  </dl>
+</div>
 
-<dl>
-   <dt><strong>accentuation</strong></dt>
-   <dd>//italics// --> <em>italics</em></dd>
-   <dd>**bold** --> <strong>bold</strong></dd>
-   <dt><strong>linking</strong></dt>
-   <dd>Link to [[page]] --> Link to <a href="https://systemausfall.org">page</a></dd>
-   <dd>[[URL|linkname]] --> <a href="systemausfall.org">linkname</a></dd>
-   <dt><strong>headings</strong></dt>
-   <dd>== Large heading</dd>
-   <dd>=== Medium heading</dd>
-   <dd>==== Small heading</dd>
-</dl>
-
-<form action="generate" method="GET">
+<div id="timestamp">
+  <form action="generate" method="GET">
          <input type="submit" value="Generate current timestamp" />
-</form>
+  </form>
+</div>
 
 <table border="1">
 	<tr><th>Timestamp</th><th>Title</th><th>Content</th></tr>
@@ -53,6 +69,7 @@
 		</form></td>
 	</tr>
 </table>
-
+</div>
+</div>
 </body>
 </html>
diff --git a/templates/layout.html b/templates/layout.html
index 6717905..16b2efc 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -4,7 +4,7 @@
 
 <py:match path="head" once="true">
   <head py:attrs="select('@*')">
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     ${select('*|text()')}
   </head>
 </py:match>
