header, nav, section, article, aside, footer {display: block;}
/* Basic styles */
-body {background: #fff; color: #000; font: .75em/1.5em "Helvetica Neue", Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;}
-html>body {font-size: 14px;}
+body {background: #fff; color: #000; font: .75em/1.5em "Helvetica Neue", Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;}
+html>body {font-size: 12px;}
img {display: inline-block; vertical-align: bottom;}
+div#header {
+ background-color: #d03;
+ color: #fff;
+}
+
+div#header h1 {
+ font-size: 4em;
+ line-height: 1.5em;
+ margin-bottom: 0em;
+}
+
+div#logo {
+ text-align: right;
+ color: #d03;
+ padding-top: 1.5em;
+}
+
+div#logo h1 {
+ margin-top: 0.65em;
+ margin-bottom: 0.15em;
+}
+
+div.center-column {
+ width: 50em;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+div#nav {
+ margin-bottom: 1.5em;
+}
+
+div#content-pane {
+ background-color: #fbfbfb;
+ padding: 1.5em;
+}
+
+span#filters {
+ float: right;
+}
+
+span#filters a {
+ margin-left: 2em;
+}
+
+div#footer {
+ text-align: center;
+ font-size: 0.9em;
+}
+
+body { background-image: url(/static/images/stripe.png); background-repeat: repeat;}
+
+a:link, a:visited, a:active {
+ color: #d03;
+ text-decoration: none;
+ font-weight: bold;
+}
+
+a:hover {
+ color: #60b305;
+}
\ No newline at end of file
</head>
<body>
- <div id="logo"><p>Cherry Flavored Bugs Everywhere!</p></div>
- <div id="header"><h1>stevelosh</h1></div>
- {% block content %}{% endblock %}
+ <div id="logo"><h1>Cherry Flavored Bugs Everywhere!</h1></div>
+ <div id="header">
+ <div class="center-column">
+ <h1>stevelosh</h1>
+ </div>
+ </div>
+ <div id="content-pane" class="center-column">
+ <div id="nav">
+ <span id="filters">
+ Just show me:
+ <a href="fixme">Open</a>
+ <a href="fixme">Closed</a>
+ <a href="fixme">Assigned to...</a>
+ <a href="fixme">Scheduled for...</a>
+ </span>
+ <span id="create">
+ <a href="fixme">Create a new bug</a>
+ </span>
+ </div>
+ <h2>Open Bugs</h2>
+ {% block content %}{% endblock %}
+ </div>
+ <div id="footer" class="center-column">
+ Site by <a href="http://stevelosh.com">Steve</a>.
+ Built with <a href="http://cherrypy.org">CherryPy</a>.
+ Templates by <a href="http://jinja.pocoo.org/2/">Jinja2</a>.
+ We asked <a href="http://fecklessmind.com/2009/01/20/aardvark-css-framework/">aardvarks</a> for help.
+ </div>
</body>
</html>
{% extends "base.html" %}
{% block content %}
- {% for bug in bugs %}
- <p>{{ bug.summary }}</p>
- {% endfor %}
+ <table>
+ <tr>
+ <th>ID</th>
+ <th>Summary</th>
+ <th>Status</th>
+ <th>Assigned To</th>
+ </tr>
+ {% for bug in bugs %}
+ <tr>
+ <td>{{ bugs.bug_shortname(bug) }}</td>
+ <td>{{ bug.summary }}</td>
+ <td>{{ bug.status }}</td>
+ <td>{{ bug.assigned }}</td>
+ </tr>
+ {% endfor %}
+ </table>
{% endblock %}
\ No newline at end of file