diff --git a/pinaxcon/templates/symposion/schedule/_grid.html b/pinaxcon/templates/symposion/schedule/_grid.html index b1ce1b12..36d1ad56 100644 --- a/pinaxcon/templates/symposion/schedule/_grid.html +++ b/pinaxcon/templates/symposion/schedule/_grid.html @@ -10,7 +10,7 @@ {% for row in timetable %} - {{ row.time|date:"h:iA" }} +

{{ row.time|date:"h:iA" }}

{% for slot in row.slots %} {% if slot.kind.label == "talk" or slot.kind.label == "tutorial" %} @@ -22,11 +22,14 @@ {{ slot.content.speakers|join:", " }} + + {{ slot.rooms|join:", "}} + {% endif %} {% elif slot.kind.label == "shortbreak" %} {% else %} - {% if slot.content_override.raw %} - {{ slot.content_override.rendered|safe }} + {% if slot.content_override %} + {{ slot.content_override_html|safe }} {% else %} {{ slot.kind.label }} {% endif %} diff --git a/pinaxcon/templates/symposion/schedule/presentation_detail.html b/pinaxcon/templates/symposion/schedule/presentation_detail.html index 9ae0d5d9..580a30ac 100644 --- a/pinaxcon/templates/symposion/schedule/presentation_detail.html +++ b/pinaxcon/templates/symposion/schedule/presentation_detail.html @@ -49,6 +49,24 @@ {% include "lca2017/_right_floating_image.html" with image_url=speaker_photo_url %}

{{ speaker }}

+ + {% if speaker.homepage or speaker.twitter_username %} +

+ {% if speaker.homepage %} + + {% include "cms_pages/home_page_blocks/btn_generic_link.html" %} + + {% endif %} + {% if speaker.twitter_username %} + + {% include "cms_pages/home_page_blocks/btn_twitter.html" %} + + {% endif %} +

+ {% endif %} + + + {{ speaker.biography_html|safe}} {% endfor %} diff --git a/pinaxcon/templates/symposion/schedule/schedule_conference.html b/pinaxcon/templates/symposion/schedule/schedule_conference.html index 8c6022e1..eee41e5e 100644 --- a/pinaxcon/templates/symposion/schedule/schedule_conference.html +++ b/pinaxcon/templates/symposion/schedule/schedule_conference.html @@ -15,19 +15,36 @@ {% block right %} {% endblock %} -{% block content %} +{% block content_base %}
{% block breadcrumbs %}{% endblock %}
- {% for section in sections %} - {% cache 600 "schedule-table" section.schedule.section %} - {% for timetable in section.days %} -

{{ section.schedule.section.name }} — {{ timetable.day.date|date:"l" }}, {{ timetable.day.date }}

- {% include "symposion/schedule/_grid.html" %} - {% endfor %} - {% endcache %} - {% endfor %} +
+
+
+
+ {% for section in sections %} + {% for timetable in section.days %} + {{ timetable.day.date|date:"l"}} + {% endfor %} + {% endfor %} +
+
+ + {% for section in sections %} + {% cache 600 "schedule-table" section.schedule.section %} + {% for timetable in section.days %} +
+

{{ section.schedule.section.name }} — {{ timetable.day.date|date:"l" }}, {{ timetable.day.date }}

+ {% include "symposion/schedule/_grid.html" %} +
+ {% endfor %} + {% endcache %} + {% endfor %} + +
+
{% endblock %} diff --git a/static/src/lca2017/css/app.css b/static/src/lca2017/css/app.css index 2c7fcddf..d1f30eb4 100644 --- a/static/src/lca2017/css/app.css +++ b/static/src/lca2017/css/app.css @@ -1607,43 +1607,89 @@ table.alt tr:not(:last-of-type) { margin-top: 2em; } + +/* Schedule timetable for mobile */ + +@media only screen and (max-width: 480px) { + + .calendar { + line-height: 1.0; + } + + .calendar thead { + display: none; + } + + .calendar tr, + .calendar td + { + display: block; + padding: 0.5ex; + } + + .calendar td, + .calendar td:not(:first-of-type) { + border: 0px; + } + + .calendar .slot .title, + .calendar .slot .speaker, + .calendar .slot .room + { + display: block; + line-height: 1.2; + } + + .calendar .slot .room + { + font-style: italic; + } +} + /* Schedule timetable needs some more specific font sizes */ -.calendar td { - font-size: 0.9vw; -} +@media not screen and (max-width: 480px) { -.slot { - padding-left: 0.625rem; - padding-top: 0.2rem; - padding-bottom: 0.625rem; - padding-right: 0.625rem; - vertical-align: middle; -} + .calendar td { + font-size: 0.9vw; + } -.calendar th { - border-bottom: 1px solid #0c486c; - border-left: 0px !important; -} + .slot { + padding-left: 0.625rem; + padding-top: 0.2rem; + padding-bottom: 0.625rem; + padding-right: 0.625rem; + vertical-align: middle; + } -.calendar .title { - display: block; - padding-bottom: 0.5vh; -} + .calendar th { + border-bottom: 1px solid #0c486c; + border-left: 0px !important; + } -.slot-shortbreak { - color: #fff ; -} + .calendar .title { + display: block; + padding-bottom: 0.5vh; + } -.slot-tutorial { - vertical-align: top; -} + .slot-shortbreak { + color: #fff ; + } -.time { - font-size: 0.5vw; - line-height: 0.4; - vertical-align: middle; - padding-top: 0.25rem; + .slot-tutorial { + vertical-align: top; + } + + .time { + font-size: 0.5vw; + line-height: 0.4; + vertical-align: middle; + padding-top: 0.25rem; + } + + .calendar .slot .room { + display: none; + } }