-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathpresentation_timeline.html
More file actions
128 lines (125 loc) · 7.6 KB
/
presentation_timeline.html
File metadata and controls
128 lines (125 loc) · 7.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<script src="{{ "/assets/js/placeholder.js" | relative_url }}"></script>
<div id="cd-timeline" class="cd-container">
{% assign sorted_events = include.events | sort: "time" %}
{% for event in sorted_events %}
<div class="cd-timeline-block">
<div class="cd-timeline-img">
{% if event.timeImg %}
{% assign timeImg = event.timeImg %}
{% elsif event.time == "am" || event.time == "full" %}
{% assign timeImg = "9.00.png" %}
{% else %}
{% assign timeImg = "1.30.png" %}
{% endif %}
<img src="/assets/img/clockface/{{ timeImg }}" alt="">
</div>
<div class="cd-timeline-content">
<div class="row">
<div class="col-sm-7 col-12">
{% if event.groupId == 'key-open' %}
{% assign keynote = site.posts | where:"group",event.groupId %}
<h2 class="cd-timeline-content-title"><a class="keynote-link" href="{{ keynote[0].url }}">{{ event.title }}</a></h2>
{% elsif event.groupId == 'key-close' %}
{% assign keynote = site.posts | where:"group",event.groupId %}
<h2 class="cd-timeline-content-title"><a class="keynote-link" href="{{ keynote[0].url }}">{{ event.title }}</a></h2>
{% else %}
<h2 class="cd-timeline-content-title">{{ event.title }}</h2>
<p>{{ event.description }}</p>
{% if event.link %}
<p>
<a class="btn ct-btn-light" href="{{ event.link }}">{{ event.button_label }}</a>
</p>
{% comment %}
-
- This creaky structure needs to be improved in/by 2025
-
{% endcomment %}
{% elsif event.sessions %}
{% assign title_class = "" %}
{% if event.title contains "Lightning" %}
{% assign title_class = " class='lightning-title'" %}
{% endif %}
<ol>
{% for session in event.sessions %}
<li>
{% if session.presenter %}{{ session.presenter }}: {% endif %}
{% if session.link %}
<a href="{{session.link}}"{{ title_class }}>{{ session.title }}</a>
{% else %}
{% if event.title contains "Lightning" %}
<span class="lightning-title">{{ session.title }}</span>
{% else %}
{{ session.title }}
{% endif %}
{% endif %}
</li>
{% endfor %}
</ol>
{% endif %}
{% if event.menu %}
<a href="/schedule/food/{{ event.menu }}.html#{{ event.submenu }}" class="btn ct-btn-light" >View Menu</a>
{% endif %}
{% endif %}
</div>
<div class="col-sm-5 col-12 text-right">
<h2 class="cd-timeline-content-title">
{% if event.type == "workshop" %}
{{event.startTime}} to {{event.endTime}}
{% else %}
{% assign eventTime = event.time | replace: '-', ' ' %}
{% assign beginTime = eventTime | truncatewords: 1, '' %}
{% assign endTime = eventTime | replace: beginTime, '' %}
{{ beginTime | date: "%l:%M%p" | strip }} to {{ endTime | date: "%l:%M%p" | strip }}
{% endif %}
</h2>
<div class="timezone">{{ site.data.conf.timezone }} Time</div>
</div>
</div>
{% if event.groupId %}
{% assign talks = site.posts | where:"group",event.groupId | where:"type","talk" | sort:"spot" %}
{% for talk in talks %}
<div class="row talk-row">
<div class="col-12">
{% if event.groupId == 'key-open' %}
{% elsif event.groupId == 'key-close' %}
{% else %}
<h3 class="h4 talk-title"><a href="{{ talk.url }}">{{ talk.title }}</a></h3>
{% endif %}
</div>
<div class="col-12 d-none d-md-flex flex-wrap">
{% for speaker_id in talk.speakers %}
{% assign speaker = site.data.speakers | where: 'id', speaker_id | first %}
{% if speaker %}
<div class="col-sm-3 text-center">
<a href="/speakers/#{{ speaker.id }}-id">
{% if event.groupId != 'key-open' and event.groupId != 'key-close' %}
<span>{{ speaker.name }}
{% if speaker.pronouns %} ({{ speaker.pronouns }}){% endif %}
</span>
{% endif %}
{% if speaker.image_alt and speaker.image_src %}
<img class="clip-circle-speaker" src="{{ speaker.image_src }}" alt="{{ speaker.image_alt }}">
{% elsif speaker.image_src %}
<img class="clip-circle-speaker" src="{{ speaker.image_src }}" alt="Profile image for {{ speaker.name }}">
{% else %}
<script>
placeholderImage("clip-circle-speaker",
" {{ speaker.name | escape }} ",
"/assets/img/nopics/nopic#.jpg",
"Random placeholder for {{ speaker.name | escape }}",
10);
</script>
{% endif %}
</a>
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% endfor %}
{% endif %}
<div class="clearfix"></div>
</div>
</div> <!-- cd-timeline-block -->
{% endfor %}
</div> <!-- cd-timeline -->