attempting new layout for schedule

diff --git a/templates/confreg/schedule.html b/templates/confreg/schedule.html
index dfe3840a9c06ac7a80845f0ab2be172583b3136d..4b4c41dbef4e60f676e7cc9e4475b66b6547f2d8 100644 (file)
--- a/templates/confreg/schedule.html
+++ b/templates/confreg/schedule.html
@@ -43,26 +43,43 @@ This schedule is subject to changes. This page will be updated when any
 changes occur.
 </p>
 
-{% for day in days %}
-<h2>{{day.day|datetimeformat("%A, %B %d")}}</h2>
-<div class="schedwrap" style="height: {{day.schedule_height}}px; width: {{day.schedule_width}}px;">
-{%for room in day.rooms%}
- <div class="sessblock roomheader" style="left: {{room.leftpos}}px; width: {{room.widthpos}}px; height: {{room.heightpos}}px;">
- {{room.name}}
- </div>
-{%endfor%}
-{%for session in day.sessions%}
- <div class="sessblock track{{session.track.id}}" style="top: {{session.toppos}}px; left: {{session.leftpos}}px; width: {{session.widthpos}}px; height: {{session.heightpos}}px;">
-{%if session.id%}
-  <a href="session/{{session.id}}-{{session.title|slugify}}/">{{session.timeslot}}<br/>{{session.title}}</a>
-{%else%}
-  {{session.timeslot}} - {{session.title}}
-{%endif%}
-  {%for speaker in session.speakers %}{%if loop.first%}<br/>{%else%}, {%endif%}<i><a href="speaker/{{speaker.id}}-{{speaker.name|slugify}}/">{{speaker.name}}</a></i>{%endfor%}
- </div>
-{%endfor%}
-</div>
-
+{%for day in days%}
+<section class="section">
+  <div class="container">
+    <hr>
+    <h2 style="text-align:center;">{{day.day|date:"l, F d"}}</h2>
+    <div class="row">
+          {%for room in day.rooms%}
+      <div class="4u 12u$(medium)">
+        <section class="box">
+           <h4 style="text-align:center;"><div class="sessblock roomheader">
+           {{room.name}}
+         </div></h4>
+         <hr>
+          {%for session in day.sessions%}
+          {%if session.leftpos == room.leftpos or session.widthpos == 1198 %}
+          {%if session.id%}
+           <div class="sessblock track{{session.track.id}}" style="height: 120px;"><p>
+             <!--style="top: {{session.toppos}}px; left: {{session.leftpos}}px; width: {{session.widthpos}}px; height: {{session.heightpos}}px;-->
+          {%else%}
+           <div class="sessblock track{{session.track.id}}" style="height: 20px;"><p>
+          {%endif%}
+          {%if session.id%}
+            <a href="session/{{session.id}}-{{session.title|slugify}}/">{{session.timeslot}}<br/><b>{{session.title}}</b><br/></a>
+          {%else%}
+            {{session.timeslot}} - <b>{{session.title}}</b>
+          {%endif%}
+            {%for speaker in session.speakers %}{%if forloop.first%}{%else%}, {%endif%}<i><a href="speaker/{{speaker.id}}-{{speaker.name|slugify}}/">{{speaker.name}}</a></i>{%endfor%}
+          </p></div>
+         <hr>
+          {%endif%}
+          {%endfor%}
+        </section>
+      </div>
+          {%endfor%}
+    </div>
+  </div>
+</section>
 {%endfor%}
 
 <p>This schedule is also available in <a href="ical/">iCalendar</a> format.</p>