workflowscommunity.github.io/_layouts/talk.html at 975098c69d9dc251482e0d019ed4d68e95ced204 · shuds13/workflowscommunity.github.io · GitHub

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
---
layout: page
---

<section class="talk-detail">
    <div class="container talk-container" data-aos="fade-up">
        <div class="talk-hero">
            <p class="talk-breadcrumb">
                <a href="/talks">Workflows Community Talks</a>
                <span>/</span>
                {{ page.title }}
            </p>
            <div class="talk-hero-content">
                <div>
                    <h1>{{ page.title }}</h1>
                    {% if page.subtitle %}
                    <p class="talk-subtitle">{{ page.subtitle }}</p>
                    {% endif %}
                    <p class="talk-authors">{{ page.authors }}</p>
                    <!-- <div class="talk-meta">
                        <span><i class="far fa-calendar"></i> {{ page.event_date }}</span>
                        <span><i class="far fa-clock"></i> {{ page.times }}</span>
                    </div> -->
                    <div class="talk-hero-actions">
                        {% unless page.given %}
                        <a href="https://docs.google.com/forms/d/1XTJFRJ5Ivu2-Z-i9dnq2umv-OuE2UlVreea_dLawd2c"
                            target="_blank" class="btn btn-primary talk-cta-btn">Register</a>
                        {% endunless %}
                        {% if page.presentation %}
                        <a href="{{ page.presentation }}" target="_blank" class="btn btn-outer">
                            <i class="fa fa-file"></i> Presentation
                        </a>
                        {% endif %}
                    </div>
                </div>
                <div class="talk-hero-card">
                    <h3>Talk details</h3>
                    <!-- <p>Save the date and share the session with your community.</p> -->
                    <div class="talk-detail-list">
                        <div>
                            <span>Date</span>
                            <strong>{{ page.event_date }}</strong>
                        </div>
                        <div>
                            <span>Time</span>
                            <strong>{{ page.times }}</strong>
                        </div>
                        <!-- <div>
                            <span>Speakers</span>
                            <strong>{{ page.authors }}</strong>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>

        <div class="row talk-main g-4">
            <div class="{% if page.speakers and page.speakers.size > 0 %}col-lg-8{% else %}col-lg-12{% endif %}">
                <section class="talk-section">
                    <h2>Overview</h2>
                    <div class="talk-content">{{ content }}</div>
                </section>

                {% if page.video %}
                <section class="talk-section">
                    <h3>Watch the recording</h3>
                    <div class="talk-video">
                        <iframe src="{{ page.video }}" title="YouTube video player" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                    </div>
                </section>
                {% endif %}
            </div>

            {% if page.speakers and page.speakers.size > 0 %}
            <div class="col-lg-4">
                <aside class="talk-sidebar">
                    <div class="talk-card">
                        <h3>About the speakers</h3>
                        {% for speaker_id in page.speakers %}
                        {% assign member = site.data.speakers | where: "id", speaker_id | first %}
                        {% if member %}
                        <div class="talk-speaker">
                            <a href="{{ member.link }}" target="_blank" class="talk-speaker-photo">
                                {% assign photo_src = member.photo | default: 'headshot_placeholder.jpg' %}
                                <img src="/images/talks/{{ photo_src }}" alt="{{ member.name }}">
                            </a>
                            <div class="talk-speaker-info">
                                <strong>{{ member.name }}</strong>
                                <span>{{ member.role }}</span>
                                <p>{{ member.bio }}</p>
                                <div class="talk-speaker-orgs">
                                    {% for inst in member.institution %}
                                    <a href="{{ inst.link }}" target="_blank">
                                        <img src="/images/institutions/{{ inst.image }}" alt="{{ inst.name }}">
                                    </a>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                        {% endif %}
                        {% endfor %}
                    </div>
                </aside>
            </div>
            {% endif %}
        </div>
    </div>
</section>