Use a boostrap grid to list all the meetings

Make the listings of all the meetings, somewhat easier to read.

Change-Id: Id875f0d2d3eebb86f239fc18eba58e4d57491215
This commit is contained in:
John L. Villalovos 2015-11-04 00:37:33 -08:00 committed by John L. Villalovos
parent bb7ff8f198
commit 1a7af84d7c
1 changed files with 13 additions and 7 deletions

View File

@ -32,13 +32,19 @@ use in your favorite calendaring app:</p>
<a href="irc-meetings.ical">iCalendar Complete Meeting Schedule</a>
</div>
<h2>Meeting details</h2>
<small>
<ul class="list-inline">
{% for meeting in meetings|sort(attribute='project') %}
<li><a href="#{{ meeting.project|replace(' ', '_') }}">{{ meeting.project }}</a></li>
{% endfor %}
</ul>
</small>
<small>
<div class="container-fluid">
{% for column in meetings|sort(attribute='project')|batch(4) %}
<div class="row">
{% for meeting in column %}
<div class="col-md-3 col-xs-6">
<a href="#{{ meeting.project|replace(' ', '_') }}">{{ meeting.project }}</a>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</small>
{% for meeting in meetings|sort(attribute='project') %}
<a id="{{ meeting.project|replace(' ', '_') }}"></a>