diff options
| -rw-r--r-- | static/style/aal.css | 4 | ||||
| -rw-r--r-- | static/style/cfbe.css | 61 | ||||
| -rw-r--r-- | templates/base.html | 31 | ||||
| -rw-r--r-- | templates/list.html | 19 |
4 files changed, 107 insertions, 8 deletions
diff --git a/static/style/aal.css b/static/style/aal.css index c89df72..a1b7b10 100644 --- a/static/style/aal.css +++ b/static/style/aal.css @@ -25,8 +25,8 @@ blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none; 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;} diff --git a/static/style/cfbe.css b/static/style/cfbe.css index e69de29..8e47181 100644 --- a/static/style/cfbe.css +++ b/static/style/cfbe.css @@ -0,0 +1,61 @@ +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 diff --git a/templates/base.html b/templates/base.html index c496873..9dda6cc 100644 --- a/templates/base.html +++ b/templates/base.html @@ -11,8 +11,33 @@ </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> diff --git a/templates/list.html b/templates/list.html index ecb7099..c9c271e 100644 --- a/templates/list.html +++ b/templates/list.html @@ -1,7 +1,20 @@ {% 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 |