Moved the layout quite a bit further.
authorSteve Losh <steve@stevelosh.com>
Fri, 30 Jan 2009 23:39:11 +0000 (18:39 -0500)
committerSteve Losh <steve@stevelosh.com>
Fri, 30 Jan 2009 23:39:11 +0000 (18:39 -0500)
static/style/aal.css
static/style/cfbe.css
templates/base.html
templates/list.html

index c89df72d6004b0bd9e41b8e58c7288b4c8133cff..a1b7b105f4c2e196bbc854dadd34880eddec40ae 100644 (file)
@@ -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;}
 
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..8e471818606e08fb4504c47a340ad6f6ba18375a 100644 (file)
@@ -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
index c496873c2b4e7f204ff2e1bf83dfe7b2aae45e97..9dda6cc4b7ccd175af3286acec0f97d6525b7dbc 100644 (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>
index ecb70994b844bbcfd0416d7592afc97b99689098..c9c271e8f8b8ceefd5c0a56e26eaab3b268983b2 100644 (file)
@@ -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