Merge lp:~svwilliams/summit/track-page into lp:~cjohnston/summit/track-page

[Stephen V. Williams]

tracks.html with div in for loop every 4th element and borrowed css from uds.ubuntu.com/tracks

The CSS is bad (needs a class, etc) However, this loops and every fourth element closes the list, closes the div and opens a new one. This follows the example at uds.ubuntu.com/tracks

[lp:~svwilliams/summit/track-page]

232. By Chris Johnston on 2011-12-03

Fixes CSS provided by svwilliams

=== modified file 'summit/schedule/templates/schedule/tracks.html'
--- summit/schedule/templates/schedule/tracks.html	2011-12-02 02:30:47 +0000
+++ summit/schedule/templates/schedule/tracks.html	2011-12-03 02:26:27 +0000
@@ -6,14 +6,26 @@
 <article class="main-content">
 <h1>{{ summit.title }} Tracks</h1>
 
-<ul class="tracks">
 {% for track in summit.track_set.all %}
-<li>
+{% if forloop.counter == 1 %}
+<div style="display:block;border-bottom-left-radius: 5px 5px;
+border-bottom-right-radius: 5px 5px;clear: both;
+padding: 5px;
+margin-bottom: -3px;">
+<ul class="tracks">
+{% endif %}
+<li>{{ forloop.counter }}
 <h3><a href="/{{ summit.name }}/track/{{ track.slug|lower }}">{{ track.title }}</a></h3>
 <p>{{ track.description }}</p>
 </li>
+{% if forloop.counter|divisibleby:"4" %}
+</ul></div><div style="display:block;border-bottom-left-radius: 5px 5px;
+border-bottom-right-radius: 5px 5px;clear: both;
+padding: 5px;
+margin-bottom: -3px;">
+<ul class="tracks">
+{% endif %}
 {% endfor %}
-</ul>
-
+</ul></div>
 </article>
 {% endblock %}