more styling for the admin interface

This commit is contained in:
phil 2015-04-26 18:32:08 +00:00
parent 5d16c16d97
commit db16c5ffa3
3 changed files with 52 additions and 17 deletions

View file

@ -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;
}

View file

@ -4,34 +4,50 @@
<xi:include href="layout.html" /> <xi:include href="layout.html" />
<head> <head>
<title>Admin Ticker</title> <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> </head>
<body> <body>
<div class="container theme-showcase" role="main">
<h1 id="title">Tycker Administration Interface</h1>
<?python <?python
import datetime import datetime
now = datetime.datetime.now() 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> <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> <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> <div id="timestamp">
<dt><strong>accentuation</strong></dt> <form action="generate" method="GET">
<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">
<input type="submit" value="Generate current timestamp" /> <input type="submit" value="Generate current timestamp" />
</form> </form>
</div>
<table border="1"> <table border="1">
<tr><th>Timestamp</th><th>Title</th><th>Content</th></tr> <tr><th>Timestamp</th><th>Title</th><th>Content</th></tr>
@ -53,6 +69,7 @@
</form></td> </form></td>
</tr> </tr>
</table> </table>
</div>
</div>
</body> </body>
</html> </html>

View file

@ -4,7 +4,7 @@
<py:match path="head" once="true"> <py:match path="head" once="true">
<head py:attrs="select('@*')"> <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()')} ${select('*|text()')}
</head> </head>
</py:match> </py:match>