more styling for the admin interface
This commit is contained in:
parent
618c0659ad
commit
2b42525660
3 changed files with 52 additions and 17 deletions
18
tycker/example-output-style/admin.css
Normal file
18
tycker/example-output-style/admin.css
Normal 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;
|
||||
}
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue