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" />
|
<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>
|
||||||
|
|
Loading…
Reference in a new issue